1107 lines
26 KiB
CSS
1107 lines
26 KiB
CSS
/* -----------------------------------
|
|
|
|
Projekt: panel administracyjny
|
|
webmaster: Maciej Kloch
|
|
|
|
------------------------------------- */
|
|
|
|
/* Czyszczenie stylów */
|
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
|
|
img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
|
|
thead,tr,th,td {border:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
|
|
|
|
[class*="col-"] {
|
|
float: left;
|
|
padding: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 600px) {
|
|
.col-s-1 {width: 8.33%;}
|
|
.col-s-2 {width: 16.66%;}
|
|
.col-s-3 {width: 25%;}
|
|
.col-s-4 {width: 33.33%;}
|
|
.col-s-5 {width: 41.66%;}
|
|
.col-s-6 {width: 50%;}
|
|
.col-s-7 {width: 58.33%;}
|
|
.col-s-8 {width: 66.66%;}
|
|
.col-s-9 {width: 75%;}
|
|
.col-s-10 {width: 83.33%;}
|
|
.col-s-11 {width: 91.66%;}
|
|
.col-s-12 {width: 100%;}
|
|
}
|
|
@media only screen and (min-width: 769px) {
|
|
.col-1 {width: 8.33%;}
|
|
.col-2 {width: 16.66%;}
|
|
.col-3 {width: 25%;}
|
|
.col-4 {width: 33.33%;}
|
|
.col-5 {width: 41.66%;}
|
|
.col-6 {width: 50%;}
|
|
.col-7 {width: 58.33%;}
|
|
.col-8 {width: 66.66%;}
|
|
.col-9 {width: 75%;}
|
|
.col-10 {width: 83.33%;}
|
|
.col-11 {width: 91.66%;}
|
|
.col-12 {width: 100%;}
|
|
|
|
img {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
/* Layout */
|
|
body {background: #000000 url('../../image/Admin/backgroundBody.gif') no-repeat scroll center top; font-family: 'Montserrat', sans-serif; font-size:12px; color:#f7f7f7; margin:10px;}
|
|
.cb, .clearBoth {clear:both;}
|
|
.right {
|
|
float: right;
|
|
}
|
|
.left {
|
|
float: left;
|
|
}
|
|
a {
|
|
color:#4182AB;
|
|
text-decoration:none;
|
|
}
|
|
h1 {
|
|
font-size:21px;
|
|
font-weight:normal;
|
|
color: #4889ae;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 12px;
|
|
}
|
|
h3 {
|
|
font-size:18px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.none {
|
|
display: none;
|
|
}
|
|
|
|
/* NAGLOWEK PANELU ADMINISTRACYJNEGO */
|
|
div.titleHeader {width: 100%; font-size: 20px; color: #6eb6df; margin-bottom:10px;}
|
|
div.titleHeader img {vertical-align: middle;}
|
|
div.titleHeader a {color: #6eb6df; text-decoration:none;
|
|
width: 100%;
|
|
display: block;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
div.titleHeader a:hover { text-decoration:none;}
|
|
|
|
/* GLOWNA RAMKA */
|
|
div.mainContentFrame {background-color:#262626; padding:10px;}
|
|
div.mainContentFrameLogin { background-color:#1d1d1d; padding:10px; width:500px; margin:0 auto;}
|
|
|
|
|
|
/* ZAKLADKI MENU GLOWNEGO */
|
|
ul.tabs {margin-top: 10px; padding-left: 10px; list-style: none; height:40px;}
|
|
ul.tabs li {float: left;}
|
|
ul.tabs li a {width: 150px; height: 40px; color:#ffffff; text-decoration: none; font-weight: normal; font-size: 1.3em; background-color:#4889ae; text-align: center; display: block; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; margin-right:1px; line-height: 40px;
|
|
/*-webkit-box-shadow: inset 0px -5px 5px 0px rgba(51, 51, 50, 0.5);
|
|
-moz-box-shadow: inset 0px -5px 5px 0px rgba(51, 51, 50, 0.5);
|
|
box-shadow: inset 0px -5px 5px 0px rgba(51, 51, 50, 0.5);*/
|
|
}
|
|
ul.tabs li a:hover {background-color:#262626; display: block; }
|
|
ul.tabs a.selected {width: 150px; height: 41px; color:#ffffff; font-weight:bold; text-decoration: none; font-size: 1.3em; background-color:#262626; text-align: center; display: block; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; margin-right:1px; line-height: 40px;
|
|
/*-webkit-box-shadow: inset 0px 0px 0px 0px rgba(51, 51, 50, 0.5);
|
|
-moz-box-shadow: inset 0px 0px 0px 0px rgba(51, 51, 50, 0.5);
|
|
box-shadow: inset 0px 0px 0px 0px rgba(51, 51, 50, 0.5);*/
|
|
}
|
|
ul.tabs a.selected:hover {width: 150px; height: 41px; color:#b9b9b9; font-weight:bold; text-decoration: none; font-size: 1.3em; background-color:#262626; text-align: center; display: block; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; margin-right:1px; line-height: 40px;}
|
|
|
|
|
|
/* MENU BOCZNE */
|
|
.sideMenuContainer {float: left; width: 25%; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding:0px; border:0px solid #cccccc; background-color:#1d1d1d; margin-right:10px;}
|
|
.sideMenu {background:#262626; margin:10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
|
|
.sideMenuIcons { padding:0px; padding-bottom: 10px;}
|
|
.sideMenuIcons a { border-right:1px dotted #595959; }
|
|
|
|
.elementContainer {
|
|
margin-bottom: 10px;
|
|
border-bottom: 2px solid #3e3e3e;
|
|
}
|
|
.elementBar {
|
|
padding-left: 20px;
|
|
font-size: 16px;
|
|
height: 0;
|
|
border-bottom: 33px solid #3e3e3e;
|
|
border-left: 6px solid transparent;
|
|
position: relative;
|
|
}
|
|
.elementBar h1 {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
padding: 7px;
|
|
}
|
|
|
|
|
|
.addModule {
|
|
color: #fff;
|
|
line-height: 35px;
|
|
display: inline-block;
|
|
padding-left: 30px;
|
|
font-size: 16px;
|
|
padding-right: 10px;
|
|
background: url('../../images/white_plus.svg') no-repeat left 8px top 8px ;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border-bottom: 3px solid #003D96;
|
|
cursor: pointer;
|
|
}
|
|
.addModule:hover {
|
|
background-color: #003D96;
|
|
color: #fff;
|
|
border-bottom: 3px solid #003D96;
|
|
}
|
|
.addItemMenu {
|
|
color: #ffffff;
|
|
line-height: 35px;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
padding-left: 30px;
|
|
padding-right: 10px;
|
|
margin-right:10px;
|
|
margin-left:10px;
|
|
background: url('../../images/white_plus.svg') no-repeat left 8px top 8px;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border-bottom: 3px solid #3abe16;
|
|
cursor: pointer;
|
|
}
|
|
.addItemMenu:hover {
|
|
background-color: #3abe16;
|
|
color: #fff;
|
|
border-bottom: 3px solid #3abe16;
|
|
}
|
|
.deleteItemMenu {
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
line-height: 35px;
|
|
display: inline-block;
|
|
padding-left: 30px;
|
|
padding-right: 10px;
|
|
background: url('../../images/white_bin.svg') no-repeat left 8px top 8px;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border-bottom: 3px solid #cc0000;
|
|
}
|
|
|
|
.editItemMenu {
|
|
color: #3abe16;
|
|
line-height: 25px;
|
|
display: inline-block;
|
|
padding-left: 24px;
|
|
padding-right: 6px;
|
|
background: url('../../images/white_edit.svg') no-repeat left 3px top 4px ;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border-bottom: 3px solid #3abe16;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.deleteItemMenu:hover {
|
|
background-color: #cc0000;
|
|
color: #fff;
|
|
border-bottom: 3px solid #cc0000;
|
|
}
|
|
.editItemMenu:hover {
|
|
background-color: #cc0000;
|
|
color: #fff;
|
|
border-bottom: 3px solid #cc0000;
|
|
}
|
|
|
|
.sideTitleGroup {
|
|
padding-left: 20px;
|
|
font-size: 16px;
|
|
height: 0;
|
|
border-bottom: 33px solid #3e3e3e;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
|
|
.section { margin:10px; }
|
|
.section ul {list-style-type:none; line-height: 35px;}
|
|
.section ul li a {
|
|
color: #f7f7f7;
|
|
text-decoration: none;
|
|
display: block;
|
|
font-size: 18px;
|
|
/*padding-top: 7px;*/
|
|
min-height: 25px;
|
|
position: relative;
|
|
left: 40px;
|
|
/*text-indent: -36px;*/
|
|
max-width: 83%;
|
|
}
|
|
.section ul li.sub { margin-left: 18px; }
|
|
.section ul li a:hover {
|
|
/*color: #4889ae;*/
|
|
|
|
background-color:#404040;
|
|
}
|
|
.section ul li a.active { min-height: 25px; border:0px solid #595959; background-color:#4889ae; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
|
|
.section ul li a.nonactive { color: #f7f7f7;}
|
|
.sideMenu h2 {
|
|
font-size:14px;
|
|
font-weight:normal;
|
|
padding: 5px 10px;
|
|
line-height: 30px;
|
|
box-shadow:inset 0px -10px 20px #595959;
|
|
-webkit-box-shadow: inset 0px -10px 20px #595959;
|
|
-moz-box-shadow: inset 0px -10px 20px #595959;
|
|
-o-box-shadow: inset 0px -10px 20px #595959;
|
|
}
|
|
.sideMenu h2 a {
|
|
text-decoration:none;
|
|
color:#f7f7f7;
|
|
}
|
|
.sideMenu h2 img { margin-right:5px;}
|
|
|
|
.mainContent {
|
|
margin:0;
|
|
border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding:0px; border:0px solid #cccccc; background-color:#1d1d1d;
|
|
padding:10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mainContentLogin {
|
|
margin:0 auto;
|
|
border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding:0px; border:0px solid #595959; background-color:#3e3e3e;
|
|
padding:10px;
|
|
}
|
|
.mainOptions {
|
|
background:#262626; border:0px solid #595959; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
|
|
margin-top:10px;
|
|
float: left;
|
|
width:100%;
|
|
position: relative;
|
|
}
|
|
|
|
.mainOptions h2 {
|
|
border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding:0px; background-color:#3e3e3e;
|
|
padding:5px 10px;
|
|
/* background: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(226,226,226)), color-stop(0.63, rgb(255,255,255)));
|
|
background:-moz-linear-gradient(center bottom, rgb(226,226,226) 10%, rgb(255,255,255) 63%); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
|
|
*/
|
|
/*box-shadow:inset 0px -10px 20px #595959; -webkit-box-shadow: inset 0px -10px 20px #595959; -moz-box-shadow: inset 0px -10px 20px #595959; -o-box-shadow: inset 0px -10px 20px #595959;
|
|
border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;*/
|
|
}
|
|
.mainOptions h2 a {
|
|
text-decoration:none;
|
|
color:#ffffff;
|
|
line-height: 42px;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.moduleContainer {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.optionContent {
|
|
padding:10px;
|
|
}
|
|
|
|
.optionIconBox {
|
|
position: absolute;
|
|
border: 0px solid red;
|
|
top: 0;
|
|
right: 0;
|
|
margin-top: 10px;
|
|
line-height: 32px;
|
|
padding-right: 10px;
|
|
}
|
|
.optionIcon {
|
|
margin: 4px auto;
|
|
width: 25px;
|
|
height: 25px;
|
|
border-radius: 20%;
|
|
display: inline-block;
|
|
justify-content: center;
|
|
align-items: flex-end;
|
|
position: relative;
|
|
cursor: pointer;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.optionIconDisabled{
|
|
display: none;
|
|
}
|
|
|
|
.iconSetup {
|
|
background: url('../../images/black_setup.png') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #fff;
|
|
|
|
}
|
|
.iconSetup:hover {
|
|
background-color: #d5d5d5;
|
|
color: #fff;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
}
|
|
.iconQmark {
|
|
background: url('../../images/black_qmark.png') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #fff;
|
|
|
|
}
|
|
.iconQmark:hover {
|
|
background-color: #d5d5d5;
|
|
color: #fff;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
}
|
|
.iconEdit {
|
|
background: url('../../images/black_edit.svg') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #fff;
|
|
|
|
}
|
|
.iconEdit:hover {
|
|
background: url('../../images/white_edit.svg') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #003D96;
|
|
color: #fff;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
}
|
|
.iconAdd {
|
|
background: url('../../images/black_plus.svg') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #fff;
|
|
|
|
}
|
|
.iconAdd:hover {
|
|
background: url('../../images/white_plus.svg') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #3abe16;
|
|
color: #fff;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
}
|
|
.iconDelete {
|
|
background: url('../../images/black_bin.svg') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #fff;
|
|
|
|
}
|
|
.iconDelete:hover {
|
|
background: url('../../images/white_bin.svg') no-repeat left 3px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #cc0000;
|
|
color: #fff;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
}
|
|
.iconUp {
|
|
background: url('../../images/black_left.svg') no-repeat left 5px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #fff;
|
|
-moz-transform: rotate(270deg);
|
|
-webkit-transform: rotate(270deg);
|
|
-o-transform: rotate(270deg);
|
|
-ms-transform: rotate(270deg);
|
|
transform: rotate(270deg);
|
|
}
|
|
.iconUp:hover {
|
|
background-color: #d5d5d5;
|
|
color: #fff;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
}
|
|
.iconDown {
|
|
background: url('../../images/black_left.svg') no-repeat left 5px top 3px;
|
|
background-size: 19px 19px;
|
|
background-color: #fff;
|
|
-moz-transform: rotate(90deg);
|
|
-webkit-transform: rotate(90deg);
|
|
-o-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.iconDown:hover {
|
|
background-color: #d5d5d5;
|
|
color: #fff;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
}
|
|
|
|
.setupBox {
|
|
display: none;
|
|
}
|
|
|
|
table.loginTable {
|
|
width:350px;
|
|
margin:0 auto;
|
|
}
|
|
table.loginTable,table.loginTable td {
|
|
border:none;
|
|
}
|
|
table.loginTable tr:nth-child(odd), th:nth-child(odd) {
|
|
background-color:transparent;
|
|
}
|
|
|
|
table.loginTable tr:hover {
|
|
/*background:#404040;*/
|
|
}
|
|
table.commonTable {
|
|
border: none;
|
|
margin-bottom:10px;
|
|
}
|
|
tr:nth-child(odd), th:nth-child(odd) {
|
|
background-color:#1d1d1d;
|
|
}
|
|
table.commonTable tr:nth-child(odd) th {
|
|
background-color:#1d1d1d;
|
|
}
|
|
table.commonTable tr:nth-child(even) th {
|
|
background-color:#1d1d1d;
|
|
}
|
|
|
|
|
|
table.commonTable th {
|
|
background-color: #1d1d1d;
|
|
text-align:right;
|
|
width:5%;
|
|
white-space:nowrap;
|
|
border-bottom:1px solid #404040;
|
|
padding-right:10px;
|
|
border-right:1px solid #404040;
|
|
|
|
}
|
|
.commonTable tr:nth-child(odd):hover {
|
|
background: #404040;
|
|
}
|
|
.commonTable tr:nth-child(even):hover {
|
|
background:#404040;
|
|
}
|
|
.commonTable tr::nth-last-child:hover {
|
|
background:#fff;
|
|
}
|
|
|
|
table.commonTable tr td {
|
|
border-bottom:0px solid #404040;
|
|
padding:4px;
|
|
vertical-align:middle;
|
|
padding-left:10px;
|
|
}
|
|
table.commonTable tr:nth-last-child(-n+1) td, table.commonTable tr:nth-last-child(-n+1) th {
|
|
border-bottom:none;
|
|
}
|
|
.commonTable td {
|
|
padding:2px 6px; border:0px solid #eeeeee; border-width:0 0px 0px 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
input[type=text], textarea, input[type="password"] {
|
|
width: 90%;
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-size:1.1em;
|
|
line-height: 24px;
|
|
border-radius: 2px;
|
|
border: 0px;
|
|
background-color: #e8e8e8;
|
|
|
|
}
|
|
|
|
|
|
select {
|
|
width:225px;
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-size:1.1em;
|
|
line-height: 24px;
|
|
}
|
|
select.tiny {
|
|
width:50px;
|
|
font-size:11px;
|
|
|
|
}
|
|
input[type=text].tiny, input[type=password].tiny
|
|
{
|
|
width:50px;
|
|
}
|
|
input[type=text].small, select.small, input[type=password].small {
|
|
width:150px;
|
|
}
|
|
|
|
input[type=text].medium, input[type=password].medium {
|
|
width:220px;
|
|
}
|
|
input[type=text].long, input[type=password].long {
|
|
width:300px;
|
|
}
|
|
|
|
.long {
|
|
color:#386884;
|
|
font-size:16px;
|
|
font-weight:normal;
|
|
line-height:35px;
|
|
}
|
|
|
|
.witamy {
|
|
color:#386884;
|
|
font-size:16px;
|
|
font-weight:normal;
|
|
line-height:35px;
|
|
}
|
|
|
|
input[type=radio], input[type=checkbox] {
|
|
width: none;
|
|
margin-top:8px;
|
|
margin-right:6px;
|
|
}
|
|
input[type=submit], input[type=button] {
|
|
padding:5px 50px;
|
|
line-height: 30px;
|
|
font-size: 1.7em;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border: 0;
|
|
color: #fff;
|
|
border-bottom: 3px solid #3abe16;
|
|
margin-left: 5px;
|
|
cursor:pointer;
|
|
border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
|
|
}
|
|
|
|
input.mini {
|
|
padding:5px 30px;
|
|
line-height: 20px;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
input.cancel {
|
|
border: 0;
|
|
border-bottom: 3px solid #cc0000;
|
|
color: #fff;
|
|
}
|
|
input.cancel[type=button]:hover {
|
|
background-color: #cc0000;
|
|
color: #fff;
|
|
}
|
|
input[type=submit]:hover, input[type=button]:hover {
|
|
background:#3abe16;
|
|
color: #fff;
|
|
border-bottom: 3px solid #000;
|
|
}
|
|
input.date {
|
|
width:150px;
|
|
}
|
|
|
|
input[type=submit].adminSubmit {
|
|
background:#1d1d1d;
|
|
color: #fff;
|
|
}
|
|
input[type=submit].adminSubmit:hover {
|
|
background:#3abe16;
|
|
}
|
|
|
|
input[type="file"] {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap; /* 1 */
|
|
clip-path: inset(50%);
|
|
border: 0;
|
|
}
|
|
|
|
.custom-file-upload {
|
|
padding:5px 10px;
|
|
line-height: 18px;
|
|
font-size: 1.2em;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border: 0;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
margin-left: 5px;
|
|
cursor:pointer;
|
|
border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
|
|
}
|
|
|
|
.custom-file-upload:hover {
|
|
|
|
background-color: #4889ae;
|
|
|
|
}
|
|
|
|
.custom-file-upload:focus-within {
|
|
outline: 5px solid;
|
|
}
|
|
|
|
.fileSelected {
|
|
padding:5px 10px;
|
|
line-height: 18px;
|
|
font-size: 1.2em;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border: 0;
|
|
/*border-bottom: 3px solid #3abe16;*/
|
|
margin-left: 5px;
|
|
cursor:pointer;
|
|
border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
|
|
}
|
|
|
|
|
|
|
|
.mainContent table th {
|
|
background-color: #848484;
|
|
padding:10px;
|
|
text-align:left;
|
|
color:#333333;
|
|
border-left:0px solid #ffffff;
|
|
}
|
|
|
|
table th a {
|
|
text-decoration:none;
|
|
color:#193341;
|
|
}
|
|
|
|
.addItemTable {
|
|
display: inline-block;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
padding-left: 30px;
|
|
padding-right: 10px;
|
|
line-height: 35px;
|
|
display: inline-block;
|
|
background: url('../../images/white_plus.svg') no-repeat left 8px top 8px ;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border-bottom: 3px solid #3abe16;
|
|
min-width: 40px;
|
|
margin-top: 4px;
|
|
}
|
|
.deleteItemTable {
|
|
display: inline-block;
|
|
color: #ffffff;
|
|
line-height: 32px;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
padding-left: 30px;
|
|
padding-right: 10px;
|
|
background: url('../../images/white_bin.svg') no-repeat left 8px top 8px ;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border-bottom: 3px solid #cc0000;
|
|
min-width: 40px;
|
|
margin-top: 4px;
|
|
}
|
|
.editItemTable {
|
|
display: inline-block;
|
|
color: #ffffff;
|
|
line-height: 32px;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
padding-left: 30px;
|
|
padding-right: 10px;
|
|
background: url('../../images/white_edit.svg') no-repeat left 8px top 8px ;
|
|
background-color: #3e3e3e;
|
|
background-size: 18px 18px;
|
|
border-bottom: 3px solid #3366ff;
|
|
min-width: 40px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.addItemTable:hover {
|
|
background-color: #3abe16;
|
|
color: #fff;
|
|
border-bottom: 3px solid #3abe16;
|
|
}
|
|
|
|
.deleteItemTable:hover {
|
|
background-color: #cc0000;
|
|
color: #fff;
|
|
border-bottom: 3px solid #cc0000;
|
|
}
|
|
.editItemTable:hover {
|
|
background-color: #3366ff;
|
|
color: #fff;
|
|
border-bottom: 3px solid #3366ff;
|
|
}
|
|
|
|
|
|
table {
|
|
width:100%;
|
|
}
|
|
table td {
|
|
padding:10px;
|
|
border:0px solid #dddddd;
|
|
}
|
|
table tr:hover {
|
|
background-color:#404040;
|
|
}
|
|
|
|
tr.selAllRow {
|
|
background:transparent;
|
|
border:none;
|
|
}
|
|
tr.selAllRow:hover {
|
|
background-color: transparent;
|
|
}
|
|
tr.selAllRow td {
|
|
border:none;
|
|
border-bottom: 1px solid #dddddd;
|
|
}
|
|
tr.selAllRow .cornerTop {
|
|
background: transparent url('../../image/Admin/CornerTop.gif') no-repeat scroll 16px 17px;
|
|
border:none;
|
|
}
|
|
.mainContent tr.selAllRow .cornerBottom {
|
|
background: transparent url('../../image/Admin/CornerBottom.gif') no-repeat scroll 16px -6px;
|
|
border:none;
|
|
}
|
|
.mainContent tr.selAllRow td {
|
|
border-bottom:none;
|
|
}
|
|
tr.selAllRow a {
|
|
font-weight: bold;
|
|
margin-right:10px;
|
|
padding-right:10px;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
tr.selAllRow a:nth-last-child(-n+1) {
|
|
border:none;
|
|
}
|
|
table td.selAll {
|
|
width:14px;
|
|
background: #ffffff url('../../image/Admin/sellAllBg.gif') repeat-y scroll 10px top;
|
|
border-bottom:none;
|
|
}
|
|
|
|
td.selAll input[type=checkbox] {
|
|
margin:0;
|
|
}
|
|
div.sort {
|
|
width: 6px;
|
|
height:12px;
|
|
float:right;
|
|
position:relative;
|
|
}
|
|
.sort a.ascending {
|
|
width:6px;
|
|
height:4px;
|
|
background: transparent url('../../image/Admin/up.gif') no-repeat scroll 0 0;
|
|
position:absolute;
|
|
top:0;
|
|
}
|
|
.sort a.descending {
|
|
width:6px;
|
|
height:4px;
|
|
background: transparent url('../../image/Admin/down.gif') no-repeat scroll 0 0;
|
|
position:absolute;
|
|
bottom:0;
|
|
}
|
|
.sort a.ascendingAct {
|
|
width:6px;
|
|
height:4px;
|
|
background: transparent url('../../image/Admin/up_act.gif') no-repeat scroll 0 0;
|
|
position:absolute;
|
|
top:0;
|
|
}
|
|
.sort a.descendingAct {
|
|
width:6px;
|
|
height:4px;
|
|
background: transparent url('../../image/Admin/down_act.gif') no-repeat scroll 0 0;
|
|
position:absolute;
|
|
bottom:0;
|
|
}
|
|
|
|
|
|
.sort img {
|
|
margin-bottom:2px;
|
|
}
|
|
.validate {
|
|
color:#cc0000;
|
|
font-size:11px;
|
|
background:transparent url('../../image/Admin/validation.gif') no-repeat scroll left top;
|
|
line-height:15px;
|
|
padding-left:20px;
|
|
margin-top: 5px;
|
|
}
|
|
h2.slidingTab {
|
|
cursor:pointer;
|
|
height: 0;
|
|
border-bottom: 33px solid #4889ae;
|
|
border-left: 6px solid transparent;
|
|
|
|
}
|
|
h2.slidingTab a.expand {
|
|
cursor:pointer;
|
|
}
|
|
h2.slidingTab a.colapse {
|
|
cursor:pointer;
|
|
}
|
|
.add {
|
|
padding-left:20px;
|
|
background:transparent url('../../image/Admin/add.gif') no-repeat scroll left -2px;
|
|
position:relative;
|
|
height:1px;
|
|
}
|
|
.searchBox {
|
|
border:1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
|
|
padding:10px 20px; margin-bottom: 10px;
|
|
}
|
|
.searchBoxFilters {
|
|
box-shadow:inset 0px -10px 30px #eee; -webkit-box-shadow: inset 0px -10px 30px #eee; -moz-box-shadow: inset 0px -10px 30px #eee; -o-box-shadow: inset 0px -10px 30px #eee;
|
|
|
|
border:1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
|
|
padding:10px 20px; margin-bottom: 10px;
|
|
margin-top:10px;
|
|
padding-bottom:20px;
|
|
|
|
}
|
|
.searchBoxFilters h4 {
|
|
margin-bottom: 10px;
|
|
float:left;width:100%;
|
|
|
|
}
|
|
.searchBoxFilters h4 a {
|
|
float:right;
|
|
text-decoration:none;
|
|
color:#333;
|
|
box-shadow: none; -moz-box-shadow:none;
|
|
border:none;
|
|
background:transparent;
|
|
|
|
}
|
|
.searchBoxFilters h4 a span {
|
|
border:1px solid #666;
|
|
padding:0px 2px;
|
|
font-size:10px;
|
|
}
|
|
.searchBoxFilters a {
|
|
padding:5px;
|
|
background-color: #999999;
|
|
box-shadow:inset 0px -10px 30px #666; -webkit-box-shadow: inset 0px -10px 30px #666; -moz-box-shadow: inset 0px -10px 30px #666; -o-box-shadow: inset 0px -10px 30px #666;
|
|
border:1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
|
|
color:#fff;
|
|
text-decoration:none;
|
|
}
|
|
.searchBoxFilters a span {
|
|
font-weight: bold;
|
|
font-size:9px;
|
|
border:1px solid #999;
|
|
padding:0 2px;
|
|
position:relative;
|
|
bottom:1px;
|
|
margin-right:3px;
|
|
|
|
}
|
|
.searchBox table {
|
|
margin-top: 10px;
|
|
}
|
|
.searchBox table.commonTable td, .searchBox table.commonTable th{
|
|
vertical-align:top;
|
|
}
|
|
|
|
.searchBox table tr:hover, .searchBox table.commonTable tr:hover {background-color: transparent;}
|
|
.searchBox tr:nth-child(odd), th:nth-child(odd) {
|
|
background-color: transparent;
|
|
}
|
|
.searchBox table.commonTable tr:nth-child(odd) th {
|
|
background-color:#EDEDED;
|
|
}
|
|
.searchBox table.commonTable tr:nth-child(even) th {
|
|
background-color:#F7F7F7;
|
|
}
|
|
|
|
.noSort .sort{
|
|
visibility:hidden;
|
|
|
|
}
|
|
a.edit {
|
|
background: transparent url('../../image/Admin/edit.gif') no-repeat scroll left top;
|
|
padding: 2px 10px 2px 20px;
|
|
}
|
|
a.read {
|
|
background: transparent url('../../image/Admin/read.gif') no-repeat scroll left -1px;
|
|
padding: 3px 10px 3px 20px;
|
|
}
|
|
a.linked {
|
|
background: transparent url('../../image/Admin/iconType03.gif') no-repeat scroll left 5px;
|
|
padding: 3px 10px 3px 20px;
|
|
}
|
|
a.delete {
|
|
background: transparent url('../../image/Admin/delete.gif') no-repeat scroll left top;
|
|
padding: 2px 10px 2px 20px;
|
|
}
|
|
|
|
table.pictures th {
|
|
vertical-align:top;
|
|
white-space:nowrap;
|
|
width:10%;
|
|
}
|
|
table.pictures td {
|
|
vertical-align:top;
|
|
}
|
|
table.pictures tr:hover{
|
|
background:transparent;
|
|
}
|
|
|
|
.pager {
|
|
float:right;
|
|
color:#777;
|
|
margin-top:10px;
|
|
|
|
}
|
|
tr.selAllRow .pager a {
|
|
padding-right:5px;
|
|
padding-left:5px;
|
|
font-weight:normal;
|
|
margin-right: 2px;
|
|
}
|
|
tr.selAllRow .pager a.active {
|
|
font-weight:bold;
|
|
}
|
|
.pager a {
|
|
border: 1px solid #ccc;
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
padding: 2px 5px;
|
|
margin-right: 2px;
|
|
margin-left: 2px;
|
|
color:#777;
|
|
|
|
}
|
|
.pager a.active {
|
|
background-color: #ccc;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
}
|
|
.pager a.prvnext {
|
|
border:none;
|
|
}
|
|
.pager a.prvnext:hover {
|
|
text-decoration:underline;
|
|
}
|
|
.perpage {
|
|
float:right;
|
|
font-size:11px;
|
|
color:#777;
|
|
}
|
|
|
|
.pager .perpage {
|
|
float:right;
|
|
font-size:11px;
|
|
color:#777;
|
|
position:relative;
|
|
bottom:13px;
|
|
}
|
|
|
|
|
|
.messageError {
|
|
padding:10px;
|
|
padding-left:35px;
|
|
background: #be7075 url('../../image/Admin/error.gif') no-repeat scroll 4px center;
|
|
color:#ffffff;
|
|
margin-bottom:10px;
|
|
font-weight:bold;
|
|
border:1px #cc0000 dashed;
|
|
background-size: 30px;
|
|
font-size: 1.8em;
|
|
}
|
|
.messageInfo {
|
|
padding:10px;
|
|
padding-left:35px;
|
|
background: #f0eec3 url('../../image/Admin/inf.gif') no-repeat scroll 4px center;
|
|
color:#000000;
|
|
margin-bottom:10px;
|
|
font-weight:normal;
|
|
border:1px #f0cd56 solid;
|
|
background-size: 30px;
|
|
font-size: 1.8em;
|
|
}
|
|
.messageOk {
|
|
padding:10px;
|
|
padding-left:35px;
|
|
background: #3abe16 url('../../images/white_check.svg') no-repeat scroll 4px center;
|
|
color:#000000;
|
|
margin-bottom:10px;
|
|
font-weight:normal;
|
|
border:1px #3abe16 solid;
|
|
background-size: 30px;
|
|
font-size: 1.8em;
|
|
}
|
|
.bigTable {
|
|
font-size:11px;
|
|
}
|
|
table.bigTable td {
|
|
padding:4px;
|
|
}
|
|
|
|
div.addBanerForm{
|
|
margin: auto;
|
|
width: 300px;
|
|
}
|
|
div.addBanerForm input{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.panelButtons{
|
|
/*padding-top: 5px;*/
|
|
margin-top: 20px;
|
|
text-align: right;
|
|
margin-right: 50px;
|
|
}
|
|
|
|
.iconCatalogy{
|
|
background-image: url("../images/iconCatalogy.gif");
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.iconCategoryUnder{
|
|
background-image: url("../images/iconCategoryUnder.gif");
|
|
background-repeat: no-repeat;
|
|
padding-left: 20px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
|
|
|
|
ul#configList {
|
|
margin: 2em;
|
|
}
|
|
ul#configList li {
|
|
padding-left: 1em;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*=====tree==css=================================================*/
|
|
|
|
.structureTree {
|
|
line-height: 2em;
|
|
}
|
|
.structureTree ul li a {
|
|
text-indent: -36px;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
.structureTreeRoll {
|
|
float: left;
|
|
margin-top: 7px;
|
|
height: 14px;
|
|
width: 14px;
|
|
padding: 2px;
|
|
background-color: #3abe16;
|
|
/*border-radius: 50%*/
|
|
}
|
|
|
|
|
|
/*--tree---end------------------------------------------------------*/ |