style: updates to closer match what's being done in wcs (#5304)
This commit is contained in:
parent
f3516d1c1d
commit
dd9a2f55ab
|
|
@ -1,129 +1,164 @@
|
|||
/* theme derived and inspired by TerraFirma
|
||||
* <http://www.oswd.org/design/information/id/3557/>
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "FontAwesome";
|
||||
src: url('../xstatic/fonts/fontawesome-webfont.eot');
|
||||
src: url('../xstatic/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../xstatic/fonts/fontawesome-webfont.woff') format('woff'), url('../xstatic/fonts/fontawesome-webfont.ttf') format('truetype'), url('../xstatic/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* generalities */
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
font-family: sans-serif;
|
||||
height: 101%;
|
||||
}
|
||||
|
||||
html {
|
||||
background: #F9F9F7 url(../images/a1.gif) repeat-x;
|
||||
font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
|
||||
background: #eee;
|
||||
color: #3c3c33;
|
||||
}
|
||||
|
||||
a, #tab-personnes a, #tab-ressources a {
|
||||
color: #FF7800;
|
||||
a {
|
||||
color: #0066cc;
|
||||
text-decoration: none;
|
||||
border-width: 0;
|
||||
border-bottom: 1px dotted #ff9900;
|
||||
-webkit-transition: color 200ms ease-out;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #003388;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
a img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
dl dt {
|
||||
margin : 0;
|
||||
padding : 0 0 0 0;
|
||||
}
|
||||
|
||||
dl dd {
|
||||
margin : 0.3em 0 1.5em 10px;
|
||||
}
|
||||
|
||||
span.error-message {
|
||||
color: #e00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
span.warning {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
/* from top to bottom */
|
||||
|
||||
/* top bar */
|
||||
|
||||
div#top {
|
||||
background: black;
|
||||
color: #eee;
|
||||
text-align: right;
|
||||
line-height: 200%;
|
||||
}
|
||||
|
||||
div#top a {
|
||||
color: #aaa;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div#top a:hover {
|
||||
color: #888;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
ul.user-info {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 85%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul.user-info li {
|
||||
display: inline;
|
||||
padding-left: 10px;
|
||||
padding-right: 3em;
|
||||
}
|
||||
|
||||
ul.user-info a {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* header */
|
||||
|
||||
div#header {
|
||||
background: linear-gradient(to bottom, #f13600 5%, #ff7800 30%) top right no-repeat;
|
||||
color: white;
|
||||
padding-left: 25px;
|
||||
border-bottom: 1px solid #888;
|
||||
position: relative;
|
||||
height: 92px;
|
||||
}
|
||||
|
||||
div#header h1:after {
|
||||
content: "";
|
||||
display: block;
|
||||
background: url(../images/banner-green.jpg) top right no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0px;
|
||||
width: calc(100% - 15em);
|
||||
max-width: 75%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div#header h1 {
|
||||
margin: 0;
|
||||
padding: 15px 0 25px 0;
|
||||
font-weight: normal;
|
||||
text-shadow: 0 2px 15px black;
|
||||
}
|
||||
|
||||
/* main content */
|
||||
|
||||
div#main-content {
|
||||
width: 95%;
|
||||
margin-left: 2%;
|
||||
padding: 0 6px;
|
||||
border: 1px solid #888;
|
||||
border-width: 0 1px 1px 0;
|
||||
background: white;
|
||||
float: left;
|
||||
position: relative;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
div#main-content h2 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* breadcrumb */
|
||||
|
||||
p#breadcrumb {
|
||||
padding: 5px 0px;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
p#breadcrumb a {
|
||||
background: #ccc;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid #bbb;
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
padding: 4px 12px;
|
||||
border-radius: 2px;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
p#breadcrumb a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover, #tab-personnes a:hover, #tab-ressources a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#user-links {
|
||||
display: inline;
|
||||
padding: 5px;
|
||||
background: rgba(100, 100, 100, 0.8);
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
div#user-links a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#user-links a:hover {
|
||||
text-shadow: 1px 1px 1px black;
|
||||
}
|
||||
|
||||
div#wrap-large,
|
||||
div#wrap {
|
||||
background: white;
|
||||
width: 640px;
|
||||
margin: 3em auto;
|
||||
margin-bottom: 0;
|
||||
padding: 15px;
|
||||
border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
box-shadow: 0 0 4px rgba(0,0,0,0.75);
|
||||
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.75);
|
||||
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.75);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div#wrap-large {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
#header
|
||||
{
|
||||
position: absolute;
|
||||
background: -webkit-linear-gradient(top, #f13600 5%, #ff7800 30%);
|
||||
background: -moz-linear-gradient(top, #f13600 5%, #ff7800 30%);
|
||||
border-radius: 6px 0 0 6px;
|
||||
-moz-border-radius: 6px 0 0 6px;
|
||||
-webkit-border-radius: 6px 0 0 6px;
|
||||
width: 212px;
|
||||
height: 92px;
|
||||
color: #fff;
|
||||
padding-left: 10px;
|
||||
z-index: 14;
|
||||
}
|
||||
|
||||
#header h1
|
||||
{
|
||||
font-size: 23px;
|
||||
letter-spacing: -1px;
|
||||
padding-top: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#header span
|
||||
{
|
||||
margin: 0;
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
color: #FCE2CA;
|
||||
}
|
||||
|
||||
#header h1 a,
|
||||
#header span a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#splash
|
||||
{
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
background: url(../images/banner-green.jpg) no-repeat top right,
|
||||
-webkit-linear-gradient(top, #f13600 5%, #ff7800 30%);
|
||||
background: url(../images/banner-green.jpg) no-repeat top right,
|
||||
-moz-linear-gradient(top, #f13600 5%, #ff7800 30%);
|
||||
width: 90%;
|
||||
height: 87px;
|
||||
-moz-border-radius: 0 6px 6px 0;
|
||||
-webkit-border-radius: 0 6px 6px 0;
|
||||
border-radius: 0 6px 6px 0;
|
||||
z-index: 10;
|
||||
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
padding-top: 5px;
|
||||
}
|
||||
/* page content */
|
||||
|
||||
div#content {
|
||||
margin: 1em 1ex;
|
||||
|
|
@ -145,213 +180,11 @@ div#content h2 {
|
|||
background: url(../images/a22.gif) bottom repeat-x;
|
||||
}
|
||||
|
||||
#footer
|
||||
{
|
||||
font-size: 70%;
|
||||
position: relative;
|
||||
clear: both;
|
||||
height: 66px;
|
||||
text-align: center;
|
||||
line-height: 66px;
|
||||
background-image: url(../images/a50.gif);
|
||||
color: #A8A88D;
|
||||
}
|
||||
|
||||
#footer a
|
||||
{
|
||||
color: #8C8C73;
|
||||
}
|
||||
|
||||
|
||||
form#login-form p {
|
||||
float: left;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
form input.submit {
|
||||
float: right;
|
||||
width: 18%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
div.login-actions {
|
||||
clear: both;
|
||||
padding-top: 2em;
|
||||
}
|
||||
|
||||
div.login-actions p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
form p {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
form p label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
form p input,
|
||||
form p textarea {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #e80404;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
padding: 5px;
|
||||
border: 1px solid #cccccc;
|
||||
color:#666666;
|
||||
background: white;
|
||||
color: black;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
|
||||
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
|
||||
border: 1px solid #4690d6;
|
||||
color:#333333;
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
color: #ffffff;
|
||||
background:#4690d6;
|
||||
border: 1px solid #2a567f;
|
||||
font-weight: bold;
|
||||
padding: 2px 8px 2px 8px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type=submit]:hover {
|
||||
border-color: #0e1d2b;
|
||||
}
|
||||
|
||||
form#login-form ul.errorlist {
|
||||
margin-bottom: 1em;
|
||||
width: 80%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
li.indented {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
ul.NoBullet {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
div#content h4 {
|
||||
margin-bottom: 5px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
div.errors {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #e80404;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
div#breadcrumb {
|
||||
font-size: 80%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
div#sidebar,
|
||||
div#users {
|
||||
width: 15%;
|
||||
float: left;
|
||||
text-align: justify;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
div#sidebar {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div#sidebar input[type=text] {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
div#sidebar button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form input.submit {
|
||||
position: relative;
|
||||
top: -22px;
|
||||
}
|
||||
form#login-form input.submit {
|
||||
position: relative;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
div.content {
|
||||
float: left;
|
||||
width: 82%;
|
||||
margin-left: 8px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
div#users input {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
div#users dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div#users dd {
|
||||
margin: 0 0 1em 1em;
|
||||
}
|
||||
|
||||
div#users ul {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
font-size: 11px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
div#users li {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.content ul {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
h2 img {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
div#appbar button,
|
||||
div#appbar a {
|
||||
position: relative;
|
||||
top: -45px;
|
||||
float: right;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
div#appbar button {
|
||||
left: -20px;
|
||||
top: -55px;
|
||||
}
|
||||
|
||||
div#extra-top-links {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
li.active {
|
||||
font-weight: bold;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
table.main {
|
||||
|
|
@ -384,50 +217,8 @@ table.main tr.active td {
|
|||
background: #bbf;
|
||||
}
|
||||
|
||||
div.frame {
|
||||
border: 1px solid #aaa;
|
||||
margin-bottom: 1em;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
div.frame h3 {
|
||||
margin: 0;
|
||||
margin-bottom: 1ex;
|
||||
padding: 3px 1ex;
|
||||
color: #656551;
|
||||
font-weight: normal;
|
||||
background: #ccc url(smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
|
||||
}
|
||||
|
||||
div.frame p {
|
||||
margin: 0 1ex;
|
||||
}
|
||||
|
||||
div#overlay {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
left: -10px;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
color: white;
|
||||
padding: 0px 10px;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
div#overlay a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
li label {
|
||||
}
|
||||
|
||||
button.flat,
|
||||
button.blind {
|
||||
border: 1px solid #555;
|
||||
border-radius: 5px;
|
||||
background: white;
|
||||
font-size: 80%;
|
||||
}
|
||||
/* zone selection */
|
||||
|
||||
ul.apps {
|
||||
margin-top: 2em;
|
||||
|
|
@ -449,8 +240,8 @@ ul.apps li a {
|
|||
ul.apps li a {
|
||||
display: block;
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
padding-top: 80px;
|
||||
height: 30px;
|
||||
padding-top: 90px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
border: 1px dotted #666;
|
||||
|
|
@ -458,90 +249,24 @@ ul.apps li a {
|
|||
transition: all .2s ease-in-out;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
color: #FF7800;
|
||||
}
|
||||
|
||||
ul.apps li a:hover {
|
||||
border: 1px solid #333;
|
||||
color: #FF7800;
|
||||
}
|
||||
|
||||
form#settings label span {
|
||||
width: 6em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
abbr {
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted #aaa;
|
||||
}
|
||||
|
||||
pre.code {
|
||||
border: 1px solid #babdb6;
|
||||
padding: 0.5em 1em;
|
||||
background: #fefefe;
|
||||
}
|
||||
|
||||
h3.collapsed,
|
||||
h3.expanded {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
h3.collapsed:before {
|
||||
content: "▶ ";
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
h3.expanded:before {
|
||||
content: "▼ ";
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
#more-user-links {
|
||||
color: black;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
#more-user-links a {
|
||||
background: #ccc;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid #bbb;
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
padding: 4px 12px;
|
||||
border-radius: 4px;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#more-user-links a:hover {
|
||||
background: #aaa;
|
||||
}
|
||||
|
||||
#more-user-links span.middle {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
|
||||
#more-user-links span.right {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 80px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#more-user-links span.right span {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
div#content.login {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
p.paginator a,
|
||||
p.paginator span {
|
||||
padding: 2px 5px;
|
||||
border: 1px solid #aaa;
|
||||
/* footer */
|
||||
|
||||
div#footer {
|
||||
clear: both;
|
||||
margin-left: 2%;
|
||||
font-size: 60%;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
/* icons */
|
||||
|
||||
[class^="icon-"]:after, [class*=" icon-"]:after,
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
|
|
@ -551,146 +276,164 @@ p.paginator span {
|
|||
display: inline-block;
|
||||
text-decoration: none;
|
||||
}
|
||||
a [class^="icon-"], a [class*=" icon-"] {
|
||||
a[class^="icon-"], a[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
color: #FF7800;
|
||||
}
|
||||
|
||||
.icon-home-space:before { content: "\f015 "; }
|
||||
.icon-edit:before { content: "\f044"; }
|
||||
.icon-home-space:before { content: "\f015 "; }
|
||||
.icon-remove-sign:before { content: "\f057"; }
|
||||
.icon-remove:before { content: "\f00d"; }
|
||||
.icon-plus:before { content: "\f067 "; }
|
||||
.icon-minus:before { content: "\f068"; }
|
||||
.icon-envelope:before { content: "\f003"; }
|
||||
.icon-comment:before { content: "\f075"; }
|
||||
.icon-user-space:before { content: "\f007 "; }
|
||||
.icon-circle-arrow-left:before { content: "\f0a8"; }
|
||||
.icon-circle-arrow-right:before { content: "\f0a9"; }
|
||||
.icon-music:before { content: "\f001"; }
|
||||
.icon-th:before { content: "\f00a"; }
|
||||
.icon-eye-open:before { content: "\f06e "; }
|
||||
.icon-bar-chart:before { content: "\f080 "; }
|
||||
.icon-search:before { content: "\f002 "; }
|
||||
.icon-signout:before { content: "\f08b "; }
|
||||
.icon-pushpin:before { content: "\f08d "; }
|
||||
.icon-circle-arrow-down:after { content: " \f0ab"; }
|
||||
|
||||
span.key {
|
||||
background: #eee;
|
||||
/* misc */
|
||||
|
||||
div.bo-block {
|
||||
border: 1px solid #e4e4e4;
|
||||
background: #fcfcfc;
|
||||
color: #505050;
|
||||
margin: 1em;
|
||||
padding: 1ex;
|
||||
}
|
||||
|
||||
div.bo-block h2 {
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #bcbcbc;
|
||||
color: #474747;
|
||||
}
|
||||
|
||||
div.dimmed-block h2 {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
div.bo-block ul {
|
||||
padding-left: 2em;
|
||||
padding-bottom: 1ex;
|
||||
}
|
||||
|
||||
div.big-msg-info {
|
||||
background: transparent url(../images/info-icon.png) 5px 5px no-repeat;
|
||||
width: 30em;
|
||||
padding-left: 90px;
|
||||
margin: 3em auto;
|
||||
min-height: 90px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
p.paginator a,
|
||||
p.paginator span {
|
||||
padding: 2px 5px;
|
||||
border: 1px outset #ccc;
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
|
||||
div.ui-dialog label span {
|
||||
display: block;
|
||||
color: #555;
|
||||
/* widgets & dialogs */
|
||||
|
||||
textarea:focus,
|
||||
input[type="text"]:focus,
|
||||
textarea,
|
||||
input[type="text"] {
|
||||
border: 1px solid #bbb;
|
||||
padding: 5px 8px;
|
||||
background: white;
|
||||
color: black;
|
||||
box-shadow: inset 0 1px 3px #ddd;
|
||||
}
|
||||
|
||||
div.ui-dialog label input,
|
||||
div.ui-dialog label div.select2-container {
|
||||
margin-left: 1ex;
|
||||
textarea:focus,
|
||||
input[type="text"]:focus {
|
||||
box-shadow: 0 0 0px 1px #1999cd;
|
||||
}
|
||||
|
||||
div.select2-container {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.popover-container {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.popover {
|
||||
position: absolute;
|
||||
z-index: 1212;
|
||||
width: 100px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
bottom: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border: 1px solid;
|
||||
border-color: #777 #6c6c6c #666;
|
||||
border-radius: 5px;
|
||||
-webkit-transition: 0.2s ease-out;
|
||||
-moz-transition: 0.2s ease-out;
|
||||
-o-transition: 0.2s ease-out;
|
||||
transition: 0.2s ease-out;
|
||||
-webkit-transition-property: opacity, padding, visibility;
|
||||
-moz-transition-property: opacity, padding, visibility;
|
||||
-o-transition-property: opacity, padding, visibility;
|
||||
transition-property: opacity, padding, visibility;
|
||||
background-image: linear-gradient(to bottom, #eeeeee, #ddd);
|
||||
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.popover:before, .popover:after, .user li:first-child:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 7px outset transparent;
|
||||
}
|
||||
.popover:before {
|
||||
top: -14px;
|
||||
border-bottom: 7px solid #555;
|
||||
}
|
||||
.popover li:first-child:after {
|
||||
top: -13px;
|
||||
border-bottom: 7px solid white;
|
||||
}
|
||||
.popover:after {
|
||||
top: -12px;
|
||||
border-bottom: 7px solid #eeeeee;
|
||||
}
|
||||
.popover li {
|
||||
padding: 4px 12px;
|
||||
color: #838ca2;
|
||||
}
|
||||
.popover li.sep {
|
||||
margin-top: 4px;
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid #b4bbce;
|
||||
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.popover li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0 -13px;
|
||||
padding: 2px 20px 2px 12px;
|
||||
color: #313a4f;
|
||||
button, input[type=submit] {
|
||||
border: 1px solid #b7b7b7;
|
||||
border-radius: 1px;
|
||||
color: #424258;
|
||||
padding: 1ex 2ex;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
border: 1px solid #666;
|
||||
border-width: 0 1px;
|
||||
}
|
||||
.popover li a:hover {
|
||||
background: #ccf;
|
||||
background: #aaaaaa;
|
||||
background-image: linear-gradient(to bottom, #f9f9f9, #eeeeee);
|
||||
box-shadow: 0 2px 2px 0px #ddd;
|
||||
}
|
||||
|
||||
.popover li a.disabled:hover {
|
||||
background: inherit;
|
||||
input[type="submit"][name="submit"] {
|
||||
background: #283c54;
|
||||
background-image: linear-gradient(to bottom, #1cabe7, #1999cd);
|
||||
color: white;
|
||||
border-color: #267dae;
|
||||
}
|
||||
|
||||
.popover li a.disabled {
|
||||
color: #ccc;
|
||||
input[type=submit]:hover {
|
||||
border-color: #666;
|
||||
}
|
||||
|
||||
ul.messages {
|
||||
position: absolute;
|
||||
background: rgba(10, 10, 10, 0.8);
|
||||
display: block;
|
||||
top: 5px;
|
||||
right: 0px;
|
||||
color: white;
|
||||
border-radius: 1em;
|
||||
list-style: none;
|
||||
z-index: 10;
|
||||
box-shadow: 0px 0px 5px black;
|
||||
.ui-dialog .ui-widget-content .ui-state-default.delete-button {
|
||||
background: #bc4c38;
|
||||
background-image: linear-gradient(to bottom, #dc2c18, #a43c28);
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-widget-content .ui-state-default.delete-button:hover {
|
||||
border-color: #a43c28;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-widget-content .ui-state-default.submit-button {
|
||||
background: #283c54;
|
||||
background-image: linear-gradient(to bottom, #1cabe7, #1999cd);
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-widget-content .ui-state-default.submit-button:hover {
|
||||
border-color: #283c94;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-widget-content .ui-state-default.ui-button {
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
div.ui-widget-overlay {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
div.ui-dialog {
|
||||
border: 0;
|
||||
box-shadow: rgb(102, 102, 102) 0px 0px 20px 2px;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
div.ui-dialog .ui-dialog-titlebar {
|
||||
background: #eee;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
div.ui-dialog .ui-dialog-titlebar button {
|
||||
border: transparent;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
form p {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
form p label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
form p input,
|
||||
form p textarea {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #e80404;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
form.small p input {
|
||||
|
|
@ -709,19 +452,5 @@ form.small label {
|
|||
form.small a.button,
|
||||
form.small button {
|
||||
margin-left: 205px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ui-dialog .helptext {
|
||||
display: block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
div.big-msg-info {
|
||||
background: transparent url(../images/info-icon.png) 5px 5px no-repeat;
|
||||
width: 30em;
|
||||
padding-left: 90px;
|
||||
margin: 3em auto;
|
||||
min-height: 90px;
|
||||
padding-top: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,30 +16,34 @@
|
|||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrap-large">
|
||||
<div id="header">
|
||||
<h1><a href="{% block site-url %}/{% endblock %}">{% block site-title %}{% endblock %}</a></h1>
|
||||
</div>
|
||||
<div id="splash">
|
||||
<div id="user-links">
|
||||
{% block user-links %}
|
||||
{% if user.is_authenticated %}
|
||||
<a href="{% block logout-url %}index.html{% endblock %}">{% trans "Logout" %}</a>
|
||||
<div id="top">
|
||||
{% block user-links %}
|
||||
<ul class="user-info">
|
||||
{% if user.is_authenticated %}
|
||||
<li class="ui-name">{{ user.username }}</li>
|
||||
<li class="ui-logout"><a href="{% block logout-url %}index.html{% endblock %}">{% trans "Logout" %}</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div id="main">
|
||||
<div id="header">
|
||||
<h1>{% block site-title %}{% endblock %}</h1>
|
||||
</div>
|
||||
<div id="main-content">
|
||||
<div id="more-user-links">
|
||||
<p id="breadcrumb">
|
||||
{% block more-user-links %}
|
||||
<a href="{% block homepage-url %}/{% endblock %}" class="icon-home-space">{% block homepage-title %}{% trans "Homepage" %}{% endblock %}</a>
|
||||
{% endblock %}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="more-user-links">
|
||||
{% block more-user-links %}
|
||||
<a href="{% block homepage-url %}/{% endblock %}" class="icon-home-space">{% block homepage-title %}{% trans "Homepage" %}{% endblock %}</a>
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div id="content">
|
||||
<div id="content">
|
||||
|
||||
<div id="appbar">
|
||||
{% block appbar %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div id="appbar">
|
||||
{% block appbar %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
{% block messages %}
|
||||
{% if messages %}
|
||||
|
|
@ -54,20 +58,23 @@ $(document).ready(function() { $('.messages').delay(5000).fadeOut('slow'); });
|
|||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block beforecontent %}
|
||||
{% endblock %}
|
||||
{% block beforecontent %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
<br style="clear: both;"/>
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
<br style="clear: both;"/>
|
||||
|
||||
</div>
|
||||
</div> <!-- #content -->
|
||||
</div> <!-- #main-content -->
|
||||
|
||||
<div id="footer">
|
||||
{% block footer %}
|
||||
Copyright © 2014 Entr'ouvert
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div> <!-- #main -->
|
||||
|
||||
|
||||
<div id="footer">
|
||||
{% block footer %}
|
||||
Copyright © 2014 Entr'ouvert
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
{% block page-end %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue