AEOS Calvarium v0.5
This commit is contained in:
OverSu
parent
57b531cb62
commit
1fa8b9e152
177 changed files with 2936 additions and 3386 deletions
854
themes/system/styles.css
Executable file → Normal file
854
themes/system/styles.css
Executable file → Normal file
|
|
@ -1,575 +1,347 @@
|
|||
* {margin:0; padding:0;}
|
||||
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
|
||||
* {margin:0; padding:0; font-size:inherit; font-family:inherit;}
|
||||
a {color:#4f97ea; text-decoration:none;}
|
||||
select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important;}
|
||||
|
||||
body,html
|
||||
{
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
font-family: "Roboto", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-size: 14px;
|
||||
margin:0;
|
||||
color: #666;
|
||||
width:100%;
|
||||
background:url('images/bg_content.png');
|
||||
background:#ecf0f1;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#General {height:100%;}
|
||||
#Left {float:left; width:280px; height:100%; background:#3E424D; position:fixed;}
|
||||
#Left #Logo {height:60px; text-align:center; background:#33363F;}
|
||||
#Left #Logo img {left: 0; margin: 4px 0 0 105px;position: absolute; width:50px;}
|
||||
#Left #Identification {background:#3E424D; height:45px; border-bottom:1px solid #33363F; padding:25px;}
|
||||
#Left #Identification .Option1 {font-weight:bold; padding-top:5px; color:#FFFFFF;}
|
||||
#Left #Identification .Option2 {color:#FFFFFF;}
|
||||
#Left #Identification img {border-radius:50%; height:50px; width:50px; float:left; margin:-5px 10px 0px 0;}
|
||||
|
||||
#SurHeader
|
||||
{
|
||||
background:#232323;
|
||||
height:15px;
|
||||
padding:7px 10px 5px 10px;
|
||||
z-index:5;
|
||||
position:relative;
|
||||
#Left ul.Menu li {list-style-type:none; padding:16px 0 20px 10px; border-left:5px solid #3E424D; color:#C0C0C0;}
|
||||
#Left ul.Menu li i.fas {margin-right:15px; min-width:15px;}
|
||||
#Left ul.Menu li:hover {background:#33363F; border-left:5px solid #B33434; color:#FFFFFF;}
|
||||
#Left ul.Menu li.selected {background:#33363F; border-left:5px solid #3478B3; color:#FFFFFF;}
|
||||
|
||||
#Left ul.Menu a li.middleMenu {background:#54565d; border-left:5px solid #54565d; height: 25px; padding: 10px 0 0 14px;}
|
||||
#Left ul.Menu a li.middleMenuSelected {color: white; border-left: 5px solid #909090;}
|
||||
|
||||
#Right {margin-left:280px;}
|
||||
#Right h3 {margin: 25px 0 25px 0; font-size: 20px;}
|
||||
#Right #SideMenu {height:31px; background:#FFFFFF; box-shadow:0px 0px 10px #c0c0c0; padding:19px 40px 10px 40px; }
|
||||
#Right #SideMenu li {color:#33363F; font-weight:bold; list-style-type:none; font-size:20px; font-weight:normal;}
|
||||
#Right #SideMenu ul li.headerMenu a {color:#33363F;}
|
||||
#Right #Content {padding:0 40px 40px 40px; margin-top:40px;}
|
||||
#Right #Content .notification {color:#FFFFFF; padding:20px 40px 20px 40px; margin-bottom:40px; position:relative; box-shadow:0px 0px 10px #c0c0c0; -webkit-animation: fadeOut 3s forwards; animation: fadeOut 3s forwards;}
|
||||
#Right #Content .notification p {width:80%; }
|
||||
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {}
|
||||
90% {}
|
||||
100% {color:#666B85; background:#FFFFFF;}
|
||||
}
|
||||
#SurHeader h1 {font-size:10px; margin:0; padding:0;}
|
||||
#SurHeader h2 {font-size:10px; margin:0; padding:0;}
|
||||
#SurHeader h6 {font-size:10px; text-align:right; margin:-12px 0 0 0;}
|
||||
|
||||
|
||||
#Header
|
||||
{
|
||||
background: url(images/bg_header.png) repeat-x #D8D8D8;
|
||||
overflow: hidden;
|
||||
height:56px;
|
||||
z-index:2;
|
||||
position:relative;
|
||||
}
|
||||
#Header img {margin:-45px 0 0 10px;}
|
||||
#Header .Menu li {display:inline;}
|
||||
|
||||
ul.Menu {overflow: hidden;}
|
||||
ul.Menu li {float: left;margin: -2px 0 0 0; width:109px; cursor:pointer; background:url('images/menu.png') no-repeat; padding:18px 0 0 0; text-align:center; height:58px;}
|
||||
ul.Menu li:hover{color: #4b537a; background:url('images/menu_hover.png') no-repeat;}
|
||||
ul.Menu li.selected {background:url('images/menu_hover.png') no-repeat;}
|
||||
ul.Menu a li {text-decoration:none; color:#FFFFFF;}
|
||||
ul.Menu a li:hover {text-decoration:none; color:#FFFFFF;}
|
||||
|
||||
.Menu .logo {width:226px; background:none; margin: 0 5px 0 -5px; padding:0 5px 0 0;}
|
||||
.Menu .logo:hover {background:none;}
|
||||
|
||||
.headerMenu {background:url('images/sidemenu_header.png') no-repeat; height:38px; list-style-type:none; padding:10px 10px 10px 20px; margin:0 0 -20px 0; color:#EAEAEC; font-weight:bold; text-shadow:1px 1px 0 #606062;}
|
||||
.headerMenu:hover {background:url('images/sidemenu_header_hover.png') no-repeat;}
|
||||
.middleMenu {background:url('images/sidemenu.png') no-repeat; height:38px; list-style-type:none; padding:10px 10px 10px 20px; margin:0 0 -20px 0;}
|
||||
.middleMenu:hover {background:url('images/sidemenu.png') no-repeat;}
|
||||
.middleMenuSelected {background:url('images/sidemenu_selected.png') no-repeat; height:38px;}
|
||||
.middleMenuSelected:hover{background:url('images/sidemenu_selected.png') no-repeat;}
|
||||
|
||||
#SideMenu {position:fixed; left:0; top:0; border-right:1px solid #4E4F50; width:231px; background:url('images/sidemenu.png'); height:100%; z-index:1;}
|
||||
#SideMenu ul {margin:83px 0 0 0;}
|
||||
#SideMenu a {color:#FFFFFF; text-decoration:none;}
|
||||
#SurHeader h6 img {cursor:pointer; text-decoration:none;}
|
||||
|
||||
#Content
|
||||
{
|
||||
margin: 0 0 0 231px;
|
||||
padding:0 20px 20px 20px;
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% {}
|
||||
90% {}
|
||||
100% {color:#666B85;background:#FFFFFF;}
|
||||
}
|
||||
|
||||
#Content h3 {margin:0 0 20px 0; padding:20px 0 0 0;}
|
||||
#Content h4 {font-size:13px; margin:0 0 20px 0;}
|
||||
#Content form table tr td {padding:10px 20px 10px 10px; min-width:120px;}
|
||||
|
||||
#Footer
|
||||
{
|
||||
text-align: center;
|
||||
position:fixed;
|
||||
left:30px;
|
||||
bottom:15px;
|
||||
color:#FFFFFF;
|
||||
font-size:11px;
|
||||
z-index:5;
|
||||
}
|
||||
#Footer a {color:#A9002F; text-decoration:none; font-weight:bold;}
|
||||
|
||||
|
||||
|
||||
|
||||
h6 a {text-decoration:none;}
|
||||
.Notifications
|
||||
{
|
||||
font-size: 9px;
|
||||
padding: 1px 2px;
|
||||
color: #f5f5f5;
|
||||
background: #cc0000;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
border: 1px solid rgba(0,0,0,0.50);
|
||||
z-index: 1;
|
||||
margin:0 0 0 -8px;
|
||||
cursor:pointer;
|
||||
text-decoration:none;
|
||||
#Right #Content .ZoneTexte h4 {font-size:20px; font-weight:normal; margin-bottom:25px;}
|
||||
#Right #Content .ZoneTexte p {margin:10px 0 0 0;}
|
||||
#Right #Footer {text-align: center; font-size: 12px; margin:0 0 25px 0;}
|
||||
|
||||
#Right #Content img.avatar {max-width:200px; margin-bottom:10px;}
|
||||
#Right #Content td.fixedRow h4 {margin:0 0 10px 0;}
|
||||
#Right #Content td.fixedRow {width:230px; height:270px; margin:0 auto 0; text-align:center}
|
||||
|
||||
#Module {width:69%;float:left; min-height:400px; margin-bottom:10px;}
|
||||
|
||||
|
||||
#html-output {
|
||||
white-space: pre-wrap;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.update_valide, .update_erreur {width:100%; margin:0 0 20px -20px; height:25px; padding:13px 25px 0 15px;}
|
||||
.update_valide input, .update_erreur input {float:right; margin:-7px -17px 0 0;}
|
||||
.update_valide form input, .update_erreur form input {float:right; margin:-22px 10px 0 0;}
|
||||
.update_valide {background-color:rgba(0,128,0,.3);}
|
||||
.update_erreur {background-color:rgba(128,0,0,.3);}
|
||||
|
||||
|
||||
|
||||
/* Styles */
|
||||
/*.option {border:1px solid #777; padding:2px;}*/
|
||||
.input_select, .input_text, .area_text {background-color:#FFFFFF; padding:8px; font-family:Arial; font-size:12px; width:100%; margin-bottom:15px; margin:0; -webkit-box-shadow: 0 0 0px 1000px white inset;}
|
||||
.input_text_mini {border:1px solid #777;background-color:#FFFFFF; padding:3px; width:76px; font-family:Arial; font-size:12px;}
|
||||
.area_text {width:500px; height:250px;}
|
||||
.input_button
|
||||
{
|
||||
background-color: #ccc;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
|
||||
background-image: -webkit-linear-gradient(top, #eee, #ccc);
|
||||
background-image: -moz-linear-gradient(top, #eee, #ccc);
|
||||
background-image: -ms-linear-gradient(top, #eee, #ccc);
|
||||
background-image: -o-linear-gradient(top, #eee, #ccc);
|
||||
background-image: linear-gradient(top, #eee, #ccc);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
|
||||
border: 1px solid #777;
|
||||
padding: 0 1.5em;
|
||||
font: bold 1em/2em Arial, Helvetica;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.8);
|
||||
-moz-border-radius: .2em;
|
||||
-webkit-border-radius: .2em;
|
||||
border-radius: .2em;
|
||||
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
|
||||
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
|
||||
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
|
||||
margin:18px 0 18px 0;
|
||||
height:27px;
|
||||
.pell {
|
||||
border: 1px solid rgba(10, 10, 10, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.input_button:hover
|
||||
{
|
||||
background-color: #ddd;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
|
||||
background-image: -moz-linear-gradient(top, #fafafa, #ddd);
|
||||
background-image: -ms-linear-gradient(top, #fafafa, #ddd);
|
||||
background-image: -o-linear-gradient(top, #fafafa, #ddd);
|
||||
background-image: linear-gradient(top, #fafafa, #ddd);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
|
||||
.pell-content {
|
||||
box-sizing: border-box;
|
||||
height: 300px;
|
||||
outline: 0;
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.input_button:active
|
||||
{
|
||||
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
||||
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
||||
box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
||||
.pell-actionbar {
|
||||
background-color: #FFF;
|
||||
border-bottom: 1px solid rgba(10, 10, 10, 0.1);
|
||||
}
|
||||
|
||||
.pell-button {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
height: 30px;
|
||||
outline: 0;
|
||||
width: 30px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.pell-button-selected {
|
||||
background-color: #F0F0F0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
.owEditor {margin-bottom:10px; box-sizing: border-box; width:100%; height:300px; text-align:left; }
|
||||
.owEdit-panelContain {background: #FFFFFF; border: 1px solid #ccc;} {width:100%;}
|
||||
.owEdit-button-undefined {background-color: #FFFFFF;}
|
||||
*/
|
||||
#Options {background:#ffffff; width:29%; float:right; min-height:400px;}
|
||||
|
||||
|
||||
/* === Global === */
|
||||
.button_erreur, .button_valide,
|
||||
.button_basic, .input_basic, .select_basic, .field_basic {border:none; padding:10px; border-radius:5px; color:#FFFFFF;}
|
||||
|
||||
.button_erreur {background:#B57577; position: absolute; right: 8px; bottom: 10px;}
|
||||
.button_erreur:hover {background:#482627;}
|
||||
|
||||
.button_valide {background:#B57577; position: absolute; right: 8px; bottom: 10px;}
|
||||
.button_valide:hover {background:#482627;}
|
||||
|
||||
.button_basic {background:#3478B3; position: absolute; right: 8px; top: 10px;}
|
||||
.button_basic:hover {background:#205A8C;}
|
||||
|
||||
.input_basic {background:#3478B3;}
|
||||
.input_basic:hover {background:#205A8C;}
|
||||
|
||||
.input_normal {background: #c6c6c6; color: #000000; cursor:pointer;}
|
||||
.input_normal:hover {background:#989898;}
|
||||
|
||||
.field_basic {background: #ffffff; color: #666B85; border: 1px solid #ccc; border-radius:0; width: calc((100%) - (22px)); margin: 0 0 10px 0;}
|
||||
|
||||
div.error {background:#9A5456;}
|
||||
div.valide {background:#3C874A;}
|
||||
.valide {color:#3C874A;}
|
||||
.error {color:#B57577;}
|
||||
.standby {}
|
||||
|
||||
/* === Administration === */
|
||||
#Administration {width: 360px; padding: 8% 0 0; margin: auto;}
|
||||
#Administration h1 {font-size: 14px; text-align: center; background: #437ec6; height: 100px; font-family: "Roboto", sans-serif; text-transform: uppercase; color: #FFFFFF;}
|
||||
#Administration h1 img {position:absolute; width:76px; left:50%; margin:10px 0 0 -38px;}
|
||||
#Administration hr {height: 2px; border: 0; border-top: 1px solid #cbcbcb;}
|
||||
|
||||
#Administration .form {position: relative; z-index: 1; background: #FFFFFF; max-width: 360px; margin: 0 auto 100px; padding: 45px; text-align: center;
|
||||
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
|
||||
#Administration .form input, #Administration .form button {font-family: inherit; font-size:inherit; border: 0; padding: 15px; outline:0; width:100%;}
|
||||
#Administration .form input { background: #f2f2f2; margin: 0 0 15px; box-sizing: border-box;}
|
||||
#Administration .form button { text-transform: uppercase; background: #437ec6; color: #FFFFFF; -webkit-transition: all 0.3 ease; transition: all 0.3 ease;}
|
||||
#Administration .form button:hover,#Administration .form button:active,#Administration .form button:focus {background: #3568a1;}
|
||||
#Administration .form .message {margin: 15px 0 0; color: #b3b3b3; font-size: 12px;}
|
||||
#Administration .form .message a {color: #437ec6; text-decoration: none;}
|
||||
|
||||
#Administration .notification {position:absolute; top:15px; width:340px; color:#ffffff; padding:10px;}
|
||||
|
||||
#Administration #Footer {text-align:center; margin:0 auto 0;}
|
||||
#Administration #Footer .copyright {text-align:center; margin: 10px 0 10px 0;}
|
||||
|
||||
#Update img {text-align:center; width:220px;}
|
||||
#Update hr {border-top:1px solid #FFFFFF; margin:2px;}
|
||||
#Update {width:220px; text-align:center; margin:0 auto 0; color:#c0c0c0; position:absolute; bottom:15px; left:20px;}
|
||||
|
||||
/* === Basics === */
|
||||
.ZoneTexte, .Bloc {background:#FFFFFF; padding:40px; box-shadow:0px 0px 10px #c0c0c0; margin-bottom:40px;}
|
||||
.Bloc {padding:0; border-top:4px solid #9ea7af; border-bottom:4px solid #9ea7af; }
|
||||
.Bloc p {padding:20px;}
|
||||
.clear {clear: both;}
|
||||
.small {font-size:12px;}
|
||||
.flex {display:flex;}
|
||||
.hidden {display:none;}
|
||||
.italic {font-style: italic;}
|
||||
|
||||
button, input[type=submit] {cursor:pointer;}
|
||||
|
||||
table {
|
||||
background: #FFF;
|
||||
border-collapse: collapse;
|
||||
margin: 0 auto 20px;
|
||||
padding:5px;
|
||||
width: 100%;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
th {
|
||||
color:#C0C0C0;
|
||||
background:#3e424d;
|
||||
border-bottom:4px solid #9ea7af;
|
||||
border-right: 1px solid #343a45;
|
||||
font-size:17px;
|
||||
font-weight: 100;
|
||||
padding:10px 10px 10px 15px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
tr {
|
||||
border-top: 1px solid #C1C3D1;
|
||||
border-bottom: 1px solid #C1C3D1;
|
||||
color:#666B85;
|
||||
font-size:16px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background:#F5F5F5;
|
||||
color:#666666;
|
||||
}
|
||||
|
||||
tr a {color:#666B85;}
|
||||
|
||||
|
||||
|
||||
td {
|
||||
background:#FFFFFF;
|
||||
padding:10px 10px 10px 15px;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
font-weight:300;
|
||||
font-size:15px;
|
||||
/*border-right: 1px solid #C1C3D1;*/
|
||||
border-right:none;
|
||||
}
|
||||
|
||||
tr:first-child {border-top:4px solid #9ea7af;}
|
||||
tr:last-child {border-bottom:4px solid #9ea7af;}
|
||||
td:last-child {border-right: 0px;}
|
||||
th:last-child {border-right:none;}
|
||||
|
||||
/*
|
||||
tr:nth-child(odd) td {background:#EBEBEB;}
|
||||
tr:nth-child(odd):hover td {background:#D4D6D8;}
|
||||
*/
|
||||
|
||||
th.text-left, td.text-left {text-align: left;}
|
||||
th.text-center, td.text-center {text-align: center;}
|
||||
th.text-right, td.text-right {text-align: right;}
|
||||
|
||||
|
||||
/* Custom Select */
|
||||
.select_basic, .owEdit-select_basic {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 20em;
|
||||
height: 3em;
|
||||
line-height: 3;
|
||||
background: #ffffff;
|
||||
overflow: hidden;
|
||||
border-radius: .25em;
|
||||
color:#666B85;
|
||||
padding:0;
|
||||
margin:0 25px 0 0;
|
||||
}
|
||||
|
||||
.owEdit-select_basic {margin:2px 0 0 0; border:1px solid #ccc; border-radius: 0; width:99%;}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0 0 0 .5em;
|
||||
background: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
/* Arrow */
|
||||
.select_basic::after, .owEdit-select_basic::after {
|
||||
content: '\25BC';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 0 1em;
|
||||
|
||||
pointer-events: none;
|
||||
}
|
||||
/* Transition */
|
||||
.select_basic:hover::after, .owEdit-select_basic:hover::after {
|
||||
color: #3478B3;
|
||||
}
|
||||
.select_basic::after, .owEdit-select_basic::after {
|
||||
-webkit-transition: .25s all ease;
|
||||
-o-transition: .25s all ease;
|
||||
transition: .25s all ease;
|
||||
}
|
||||
|
||||
/* Cusotm checkbox */
|
||||
input[type=checkbox]{
|
||||
height: 0;
|
||||
width: 0;
|
||||
visibility: hidden;
|
||||
display:none;
|
||||
}
|
||||
|
||||
label.checkbox {
|
||||
cursor: pointer;
|
||||
text-indent: -9999px;
|
||||
width: 25px;
|
||||
height: 15px;
|
||||
background: grey;
|
||||
display: block;
|
||||
border-radius: 100px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.input_button:focus
|
||||
{
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.input_button:before
|
||||
{
|
||||
background: #ccc;
|
||||
background: rgba(0,0,0,.1);
|
||||
float: left;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
margin: 0 1em 0 -1em;
|
||||
padding: 0 .2em;
|
||||
-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
||||
-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
||||
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
||||
-moz-border-radius: .15em 0 0 .15em;
|
||||
-webkit-border-radius: .15em 0 0 .15em;
|
||||
border-radius: .15em 0 0 .15em;
|
||||
}
|
||||
|
||||
/* Formulaire */
|
||||
/*
|
||||
#option_table a {text-decoration:none; color:#666666;}
|
||||
#option_table td {border:1px solid #5EB2DC; padding:3px; height:34px;}
|
||||
#option_table td:hover {padding:3px; background-image:none; background-color:#FFFFFF; height:34px;}
|
||||
.div_unique1 {float:left; border:1px solid #5EB2DC;width:184px; margin:0 0 30px 20px; height:237px; padding:20px;}
|
||||
*/
|
||||
|
||||
|
||||
/* Boutons */
|
||||
.erreur {color:darkred; font-weight:bold;}
|
||||
.valide {color:green; font-weight:bold;}
|
||||
/*
|
||||
.input {border:1px solid #219AD2;}
|
||||
#add_but {background:url(images/icones/ajout.png) no-repeat; padding:4px 0px 4px 17px; border:none; background-position:left center; font-size:12px; font-family:Arial; color:#A60000; cursor:pointer;}
|
||||
#apply_but {background:url(images/icones/apply.png) no-repeat; padding:4px 0px 4px 17px; border:none; background-position:left center; font-size:12px; font-family:Arial; color:#666666; cursor:pointer;}
|
||||
#save_but {background:url(images/icones/save.png) no-repeat; padding:4px 0px 4px 17px; border:none; background-position:left center; font-size:12px; font-family:Arial; color:#666666; cursor:pointer;}
|
||||
*/
|
||||
|
||||
/* Icones */
|
||||
/*
|
||||
.icon {margin:0 4px -2px 0;}
|
||||
.petit_decalage {margin:0 5px 0 5px;}
|
||||
.decalageBas {margin:0 0 -10px 0;}
|
||||
*/
|
||||
|
||||
|
||||
/* Bases */
|
||||
ul{margin-left: 0; padding-left: 0; list-style-position: inside;}
|
||||
a{color: #b70034;}
|
||||
h6 {font-size:14px; margin:10px 0 5px 0;}
|
||||
/*
|
||||
.text_left {text-align:justify; padding:10px;}
|
||||
.link {text-decoration:none;}
|
||||
.gauche {float:left;}
|
||||
.gauche50 {float:left; margin:0 50px 0 0;}
|
||||
*/
|
||||
a img {border:0;}
|
||||
|
||||
input[type="text"], input[type="password"], textarea, select {outline: none;}
|
||||
*:focus { outline:none; }
|
||||
|
||||
|
||||
/* ToolTip */
|
||||
a.tooltip {outline:none; }
|
||||
a.tooltip strong {line-height:30px;}
|
||||
a.tooltip:hover {text-decoration:none;}
|
||||
a.tooltip span
|
||||
{
|
||||
z-index:10;display:none; padding:14px 20px;
|
||||
margin-top:-25px; margin-left:-310px;
|
||||
width:240px; line-height:16px;
|
||||
}
|
||||
a.tooltip:hover span
|
||||
{
|
||||
display:inline; position:absolute; color:#111;
|
||||
border:1px solid #DCA; background:#fffAF0;
|
||||
}
|
||||
|
||||
a.tooltip span
|
||||
{
|
||||
border-radius:4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
|
||||
-moz-box-shadow: 2px 2px 8px #CCC;
|
||||
-webkit-box-shadow: 2px 2px 8px #CCC;
|
||||
box-shadow: 2px 2px 8px #CCC;
|
||||
}
|
||||
.tooltipi {z-index:20;position:absolute;top:20px;border:0;right:-12px;}
|
||||
|
||||
/* owEditor */
|
||||
.owEditor
|
||||
{
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
color:#666;
|
||||
font-size:12px;
|
||||
text-shadow: 1px 1px 0px #fff;
|
||||
background:#eaebec;
|
||||
border:#ccc 1px solid;
|
||||
|
||||
-moz-border-radius:3px;
|
||||
-webkit-border-radius:3px;
|
||||
border-radius:3px;
|
||||
|
||||
-moz-box-shadow: 0 1px 2px #d1d1d1;
|
||||
-webkit-box-shadow: 0 1px 2px #d1d1d1;
|
||||
box-shadow: 0 1px 2px #d1d1d1;
|
||||
|
||||
}
|
||||
|
||||
.owEditor textarea {width:100%; height:220px;}
|
||||
|
||||
.owEdit-panel
|
||||
{
|
||||
padding:11px 15px 12px 15px;
|
||||
border-top:1px solid #fafafa;
|
||||
border-bottom:1px solid #e0e0e0;
|
||||
|
||||
background: #ededed;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
|
||||
background: -moz-linear-gradient(top, #ededed, #ebebeb);
|
||||
}
|
||||
.owEdit-panelContain{}
|
||||
#owEdit-main, .owEdit-main {width:100%;}
|
||||
|
||||
/* Tableaux / Input / Textarea / Select*/
|
||||
|
||||
input[type=text], input[type=password] {min-width:400px;}
|
||||
input, select, textarea
|
||||
{
|
||||
border:none;
|
||||
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
color:#666;
|
||||
font-size:12px;
|
||||
text-shadow: 1px 1px 0px #fff;
|
||||
background:#eaebec;
|
||||
border:#ccc 1px solid;
|
||||
|
||||
-moz-border-radius:3px;
|
||||
-webkit-border-radius:3px;
|
||||
border-radius:3px;
|
||||
|
||||
-moz-box-shadow: 0 1px 2px #d1d1d1;
|
||||
-webkit-box-shadow: 0 1px 2px #d1d1d1;
|
||||
box-shadow: 0 1px 2px #d1d1d1;
|
||||
|
||||
}
|
||||
|
||||
input, select
|
||||
{
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
}
|
||||
|
||||
select, textarea
|
||||
{
|
||||
min-width:100%;
|
||||
min-height:33px;
|
||||
margin:0 0 20px 0;
|
||||
background:#FFFFFF;
|
||||
|
||||
/*Against the Shadow*/
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
padding:7px 5px;
|
||||
}
|
||||
|
||||
table td a img {margin:0 0 -3px 5px;}
|
||||
|
||||
table.Full a:link {
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
table.Full a:visited {
|
||||
color: #999999;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
table.Full a:active,
|
||||
table.Full a:hover {
|
||||
color: #bd5a35;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
table.Full {
|
||||
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
color:#666;
|
||||
font-size:12px;
|
||||
text-shadow: 1px 1px 0px #fff;
|
||||
background:#eaebec;
|
||||
border:#ccc 1px solid;
|
||||
|
||||
-moz-border-radius:3px;
|
||||
-webkit-border-radius:3px;
|
||||
border-radius:3px;
|
||||
|
||||
-moz-box-shadow: 0 1px 2px #d1d1d1;
|
||||
-webkit-box-shadow: 0 1px 2px #d1d1d1;
|
||||
box-shadow: 0 1px 2px #d1d1d1;
|
||||
|
||||
width:100%;
|
||||
|
||||
margin-bottom:20px;
|
||||
}
|
||||
table.Full th {
|
||||
padding:11px 15px 12px 15px;
|
||||
border-top:1px solid #fafafa;
|
||||
border-bottom:1px solid #e0e0e0;
|
||||
|
||||
background: #ededed;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
|
||||
background: -moz-linear-gradient(top, #ededed, #ebebeb);
|
||||
}
|
||||
table.Full th:first-child{
|
||||
text-align: left;
|
||||
padding-left:20px;
|
||||
}
|
||||
table.Full tr:first-child th:first-child{
|
||||
-moz-border-radius-topleft:3px;
|
||||
-webkit-border-top-left-radius:3px;
|
||||
border-top-left-radius:3px;
|
||||
}
|
||||
table.Full tr:first-child th:last-child{
|
||||
-moz-border-radius-topright:3px;
|
||||
-webkit-border-top-right-radius:3px;
|
||||
border-top-right-radius:3px;
|
||||
}
|
||||
table.Full tr{
|
||||
text-align: center;
|
||||
padding-left:20px;
|
||||
}
|
||||
table.Full tr td:first-child{
|
||||
text-align: left;
|
||||
padding-left:20px;
|
||||
border-left: 0;
|
||||
}
|
||||
table.Full tr td {
|
||||
padding:10px 20px 10px 20px;
|
||||
border-top: 1px solid #ffffff;
|
||||
border-bottom:1px solid #e0e0e0;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
|
||||
background: #fafafa;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
|
||||
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
|
||||
}
|
||||
table.Full tr.darkRow td{
|
||||
background: #f6f6f6;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
|
||||
background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
|
||||
}
|
||||
table.Full tr:last-child td{
|
||||
border-bottom:0;
|
||||
}
|
||||
table.Full tr:last-child td:first-child{
|
||||
-moz-border-radius-bottomleft:3px;
|
||||
-webkit-border-bottom-left-radius:3px;
|
||||
border-bottom-left-radius:3px;
|
||||
}
|
||||
table.Full tr:last-child td:last-child{
|
||||
-moz-border-radius-bottomright:3px;
|
||||
-webkit-border-bottom-right-radius:3px;
|
||||
border-bottom-right-radius:3px;
|
||||
}
|
||||
table.Full tr:hover td{
|
||||
background: #f2f2f2;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
|
||||
background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
|
||||
}
|
||||
|
||||
.ZoneTexte
|
||||
{
|
||||
background: #fafafa;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
|
||||
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
|
||||
|
||||
font-size:12px;
|
||||
text-shadow: 1px 1px 0px #fff;
|
||||
|
||||
border:#ccc 1px solid;
|
||||
|
||||
-moz-box-shadow: 0 1px 2px #d1d1d1;
|
||||
-webkit-box-shadow: 0 1px 2px #d1d1d1;
|
||||
box-shadow: 0 1px 2px #d1d1d1;
|
||||
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
#Content .ZoneTexte h4
|
||||
{
|
||||
color:#666;
|
||||
font-size:12px;
|
||||
text-shadow: 1px 1px 0px #fff;
|
||||
|
||||
padding:11px 15px 12px 15px;
|
||||
border-top:1px solid #fafafa;
|
||||
border-bottom:1px solid #e0e0e0;
|
||||
|
||||
background: #ededed;
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
|
||||
background: -moz-linear-gradient(top, #ededed, #ebebeb);
|
||||
}
|
||||
|
||||
.ZoneTexte p {padding:0 20px 10px 20px;}
|
||||
.ZoneTexte ul {margin:0 0 0 40px;}
|
||||
.Center {width:100%;}
|
||||
|
||||
|
||||
|
||||
.NotificationZone {display:inline; text-align:left;}
|
||||
.NotificationZone li
|
||||
{
|
||||
position: relative;
|
||||
list-style: none;
|
||||
display:inline;
|
||||
padding:5px;
|
||||
width:250px;
|
||||
}
|
||||
|
||||
.NotificationZone li ul li
|
||||
{
|
||||
background:rgba(0,0,0,0.80);
|
||||
border-bottom: 1px solid #4F4F4F;
|
||||
}
|
||||
|
||||
.NotificationZone li ul li:hover
|
||||
{
|
||||
background:rgba(20,140,180,0.80);
|
||||
border-bottom: 1px solid #4F4F4F;
|
||||
}
|
||||
|
||||
|
||||
.NotificationZone li a
|
||||
{
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
font-weight:200;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.NotificationZone ul
|
||||
{
|
||||
label.checkbox:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
margin:4px 0 0 -105px;
|
||||
display: none;
|
||||
width:250px;
|
||||
z-index:3;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background: #fff;
|
||||
border-radius: 90px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.NotificationZone li:hover > ul { display: block; }
|
||||
|
||||
|
||||
|
||||
.NotificationZone ul li a
|
||||
{
|
||||
padding:0 15px 0 15px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
line-height:30px;
|
||||
input:checked + label.checkbox {
|
||||
background: #bada55;
|
||||
}
|
||||
|
||||
.NotificationZone ul li {display:block;}
|
||||
.NotificationZone ul li ul li img {margin:0 0 0 50px;}
|
||||
.NotificationZone ul li:last-child a { border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
|
||||
.NotificationZone ul li:last-child
|
||||
{
|
||||
-webkit-border-bottom-right-radius: 5px;
|
||||
-webkit-border-bottom-left-radius: 5px;
|
||||
-moz-border-radius-bottomright: 5px;
|
||||
-moz-border-radius-bottomleft: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
input:checked + label.checkbox:after {
|
||||
left: calc(100% - 1px);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
/* ====== Admin BOX ======= */
|
||||
#Administration
|
||||
{
|
||||
width:350px;
|
||||
position:absolute;
|
||||
top:30%;
|
||||
left:50%;
|
||||
margin:-175px 0 0 -175px;
|
||||
label.checkbox:active:after {
|
||||
width: 8px;
|
||||
}
|
||||
#Administration a {color:#FFFFFF;}
|
||||
#Administration h6 {margin:3px 0 20px 0;}
|
||||
#Administration p {margin:0 0 20px 0;}
|
||||
#Administration h1, #Administration h6, #Administration p {font-size:12px; text-align:center; color:#EAEAEC; font-weight:bold; text-shadow:1px 1px 0 #606062;}
|
||||
#Administration input {min-width:200px;}
|
||||
#Administration .input_button, #Administration .input_text {width:235px; height:35px;}
|
||||
|
||||
#Layout
|
||||
{
|
||||
width:350px;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:50%;
|
||||
margin:0 0 0 -175px;
|
||||
background:url(images/sidemenu.png);
|
||||
border-right:1px solid #4E4F50;
|
||||
border-left:1px solid #4E4F50;
|
||||
}
|
||||
/* Install.css */
|
||||
|
||||
|
||||
|
||||
|
||||
.language, h3, h4 {margin-bottom:20px;}
|
||||
h6 {font-size:20px;}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue