backend.css

/**
----------------------------------------------------------------
 This file contains a scrap of the BackendTheme "easyTheme"
----------------------------------------------------------------
*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding:0 5px !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.pane table.stringsList{
	width: 95%;
	padding-top:20px;
   // border: solid 2px #B3DE73;
}
.pane table.stringsList td{
	padding-top:4px;
    border-bottom: solid 1px lightgrey;
    background-image: linear-gradient(#fff, #f9f9f9);
	text-align:left;
}
.pane p {
    margin-bottom: 2px;
}
div.be_infobox {
	width: 97%;
	color: #444444;
	text-align: center;
    background-color: #EBF7D7;
    margin-top: 8px;
    margin: 10px;
    border: solid 2px #B3DE73;
}
.be_error {
	color: #B33914 !important;
	border-color: #B33914 !important;
    background-color: #F7D5CB !important;
}
span.small {
	font-size: 0.8em;
}
span.tt {
	font-family: monospace, courier;
	font-weight: 600;
	color: #A15343;
	background-color: #FAF7D4;
	padding: 0 3px;
}
/* ------| 	SettingsTable */

div.be_settings {
	margin-bottom: 20px;
    border: 2px solid #d0d6e2;
}
div.be_settings:hover {
	border: 2px solid #7597BA;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(117,177,186,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(117,177,186,1);
	box-shadow: 0px 0px 5px 0px rgba(117,177,186,1);
}

div.hilite {
	border: 2px solid #B3DE73;	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(117,177,186,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(117,177,186,1);
	box-shadow: 0px 0px 5px 0px rgba(117,177,186,1);
}
div.be_settings div.settingRow,
div.be_settings div.singleRow {
    background-color: #fff;
    background-image: linear-gradient(#fff, #f9f9f9);
    border-bottom: 1px solid #e8e8e8;
    display: table-row;
    margin: 1px auto;
    overflow: hidden;
    padding: 0;
    width: 100% !important;
}
div.be_settings div.singleRow {
    width: auto !important;
    padding: 4px;
    padding-left: 6px;
    display: block;
}
 div.singleRow:hover { 
    background-color: #fff;
    background-image: linear-gradient(#fff, #9CD1D9) !important;
 }
div.be_settings div.headingRow {
    background-image: linear-gradient(#fff, #f9f9f9);
    border-bottom: 1px solid #e8e8e8;
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px;
	margin-bottom: 3px;
}
div.be_settings div.buttonsRow {
    background-color: #d0d6e2;
    border-bottom: 2px solid #bcc2ce;
	text-align:right;
    width: 100% !important;
}
div.be_settings div.buttonsRow input{
	margin: 7px;
}
div.be_settings .settingName,
div.be_settings  .settingValue {
    border-bottom: 1px solid #e8e8e8;
}
div.be_settings  .settingCheckbox {
    float: right;
}

div.be_settings div.formHint {
    display: table-row;
    background-image: linear-gradient(#fff, #fff9f9);
    border-bottom: 1px solid #e8e8e8;
	padding: 6px;
	margin-bottom: 3px;
}
div.be_settings label.settingName,div.be_settings  .settingName {
    clear: left;
    color: #515d76;
    display: table-cell;
	font-size: 1em;
    font-weight: bold;
    margin: 3px 10px 3px auto;
    min-height: 1.6em;
    min-width: 150px;
    padding: 5px;
    text-align: right;
    vertical-align: top;
    width: auto;
}
div.be_settings .missingInput {
    background-color: #fae3f2 !important;
    background-image: linear-gradient(#fff2f6, #fae3ea) !important;
}
.be_half {
	width: 48%;
	float: left;
	margin-left: 5px;
}
div.be_settings .settingValue textarea,
div.be_settings .settingValue select,
div.be_settings .settingValue input[type="text"],
div.be_settings .settingValue input[type="file"] {
    min-width: 130px;
    width: 50%;
}
div.be_half .settingValue textarea,
div.be_half .settingValue select,
div.be_half  .settingValue input[type="text"],
div.be_half  .settingValue input[type="file"] {
    min-width: 130px;
    width: 90%;
}
div.be_settings .settingValue input[type="checkbox"],
div.be_settings  .settingValue input[type="radio"] {
}
div.be_settings .settingValue label {
    padding: 0 19px 0 0;
}
div.be_settings div.settingValue {
    display: table-cell;
    margin: 8px;
    padding: 6px;
    text-align: left;
	width: 80%;
}
div.be_settings h3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dee9f2;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #5b7ca3;
    font-size: 18px;
    margin: 0 0 10px 10px;
    padding: 4px 9px 0;
}
div.be_operators {
	margin-top: 20px;
	padding-top: 50px;
}
div.acpInfobox {
	background-color: #E1F4FA;
	padding: 6px;
}

/* tabs */
/* header */
#acp-header { 
    position: relative; 
    padding-top: 7px; 
    padding: 5px 25px;
    max-height: 76px; 
    overflow: hidden; 
    background: #333f4d; 
}
#acp-header:after { 
    content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
#acp-header .container { 
    position: relative; 
}
#acp-header a { 
    color: #d7d9db; 
    -webkit-transition: color linear 100ms; 
    -moz-transition: color linear 100ms; 
}

#acp-header li a{
    font-size: 14px;
    font-weight:bold;
} 
#acp-header a:hover, 
#acp-header a.active { 
    color: #fff; 
    text-decoration: none; 
}

#acp-header h2 { 
    margin: 0 14px 0 0; 
}
#acp-header h2 { 
    float: left; 
}

#acp-header h2 a { 
    display: block; 
    padding: 10px 0; 
    width: calc(100% + 14px); 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
}

#viewButton{ 
    height: 38px; 
    float: right; 
}
#AcpMasthead {
    display: block;
    background-color: #96ACBC;
}
#viewButton  span, #AcpMasthead span{ 
   // float: left; 
}
#viewButton a, #AcpMasthead a { 
    padding: 0 7px; 
    color: #697F8E;
    font-weight: bold;
    line-height: 36px; 
	outline: 0;
}
#viewButton a { 
    color:blanchedalmond;
}

#settingsmenu ul li a { 
    padding-left: 46px; 
}

#settingsmenu ul li a:before { 
    font-size: 15px; 
}
#settingsmenu ul li a:before { 
    margin: 1px 0 0 -22px; 
}


#acp-header #nav li a .badge, #overflow-nav li a .badge { 
    display: inline-block; 
    position: relative; 
    top: -6px; 
    border-radius: 6px; 
    padding: 0 3px; 
    font-size: 10px; 
    line-height: 12px; 
    color: #fff; 
    background: #da5a47; 
}
#overflow-nav li a:hover .badge { 
    color: #333f4d; 
}

/* breadcrumbs */
#breadcrumbs { 
    margin: 2px 0 2px; 
    font-size: 12px; 
    font-weight:bold; 
}
#breadcrumbs:after { 
    content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
#breadcrumbs li { 
    display: inline-block; 
    color: #677D96;
}
#breadcrumbs li:not(:last-child):after { 
    content: ' > '; 
}
#breadcrumbs li a { 
    display: inline-block; 
    padding: 4px 0; 
    color: #455466; 
}
#breadcrumbs li a:hover { 
    color: #657587; 
    text-decoration: none; 
}

/* tabs */
.tabs:after { 
    content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

.tabs .tab, .tabs span { 
    display: block; 
    padding: 9px 10px; 
    color: #fff; 
    white-space: nowrap; 
}
.tabs span { 
    display: block; 
    padding: 9px  0 0 14px; 
    font-size:16px; 
    white-space: inherit; 
}

.tabs .tab:hover { 
    text-decoration: none; 
    color: #0d78f2; 
}

.tabs .tab.sel { 
    border-radius: 3px 3px 0 0; 
    color: #29323d; 
    cursor: default; 
}

.pane { 
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); 
}

.pane > .tabs { 
    margin: -24px -24px 24px; 
    padding: 2px 11px 0; 
    overflow: hidden; 
    border-top: 2px solid #556C87;
    background-image: -webkit-linear-gradient(#333F4D, #859AB2); 
    background-image: -moz-linear-gradient(#333F4D, #859AB2); 
    background-image: -ms-linear-gradient(#333F4D, #859AB2); 
    background-image: -o-linear-gradient(#333F4D, #859AB2); 
    background-image: linear-gradient(#677D96, #859AB2); 
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05); 
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05); 
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05); 
}
div.areaPane { 
    margin: 16px -14px 0;
    padding: 2px 10px 14px;
   border-radius: 5px; 	
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.05); 
   -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); 
   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); 
   border: 2px solid #CCC;
   display: block;
   box-shadow: 2px 2px  rgba(0, 0, 0, 0.05); 
}

div.sectioninfo, div.areaPane h3:first-child { 
    margin: -2px -10px 12px;
    padding: 6px 14px 4px;
    border-radius: 4px 4px 0 0; 	
    background-image: -webkit-linear-gradient(#333F4D, #859AB2); 
    background-image: -moz-linear-gradient(#333F4D, #859AB2); 
    background-image: -ms-linear-gradient(#333F4D, #859AB2); 
    background-image: -o-linear-gradient(#333F4D, #859AB2); 
    background-image: linear-gradient(#ddd, #F8F8F8); 
    display: block;
    border-bottom: 2px inset #ccc;
    font-family: 'Trebuchet ms';
    box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.25); 
}
div.pane div.spanned {
    display: inline-block;
    margin: 1px 2px 0 0;
    padding: 0 3px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-image: linear-gradient(#ddd, #fff);
    font-family: courier;
    font-size: 13px;
    color: #545454;
	min-width: 33px;
	text-align:right;
    -webkit-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.75);
    box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.75);
    cursor: default;
}
div.pane div.page-id {
    border: 1px solid #ccc;
    color: #fff;
    background-image: -webkit-linear-gradient(#333F4D, #859AB2); 
    background-image: -moz-linear-gradient(#333F4D, #859AB2); 
    background-image: -ms-linear-gradient(#333F4D, #859AB2); 
    background-image: -o-linear-gradient(#333F4D, #859AB2); 
    background-image: linear-gradient(#677D96, #859AB2); 
    float:left;
}

div.sectioninfo > div.section-id {
    float:right;
}
div.sectioninfo > div.block-id {
    float:right;
}
.pane div.pageinfo { 
    display: block; 
    width: 100%; 
    padding-bottom: 30px;	
}
.pane div.pageinfo:after,
.pane div.sectioninfo:after { content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pane div.pagetitle { 
    display: block; 
    width:30%;  
    float:left; 
    font-size: 13px; 
}
.pane div.lastchange { 
    display: block; 
    width:68%; 
    float:right; 
    text-align:right; 
    font-size: 11px; 
    color:#555;
}
.pane > .tabs li { 
    display: inline-block; 
    float:right; 
    font-size: 13px; 
}
.pane > .tabs li.page-title { 
    display: inline-block; 
    float:left; 
    font-size: 13px; 
}
.pane > .tabs li a { 
    color: #fff; 
}
.pane > .tabs li a:not(.sel):hover { 
    color: #fff; 
    text-decoration: underline
}
.pane > .tabs li .tab.sel { 
    background: #fff; 
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.1); 
}
pre.code {
    background-color: #FFFAD8;
    border: 1px dashed orange;
    text-align: left;
    color: brown;
    font-size:16px;
	padding: 10px;
}

a.sel, li.sel a { cursor: default !important; text-decoration: none; }

/* ----------------------------------------
/*  Panes, Modals and HUDs
/* ----------------------------------------*/
.pane { 
	background: #fff; 
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.1); 
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.1); 
	position: relative; 
	margin: 14px 0; 
	padding: 12px 20px; 
	border-radius: 3px; 
	word-wrap: break-word; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	overflow: hidden; 
}


/**
http://viralpatel.net/blogs/css-radio-button-checkbox-background/
*/
input[type=radio], input[type=checkbox] {
	display:none;
}

input[type=radio] + label, input[type=checkbox] + label {
	display:inline-block;
	margin:-2px;
	padding: 4px 12px !important;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: grey;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
input[type=radio] + label:hover, input[type=checkbox] + label:hover{
	color: #333;
}
 input[type=radio]:checked + label, input[type=checkbox]:checked + label{
	color: #333;
   background-image: none;
   font-weight: 600;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color:#e0e0e0;
}