mirror of
https://github.com/e107inc/e107.git
synced 2025-08-06 14:46:56 +02:00
Bootstrap3 Admin theme. Needs much work. To test, add: define('e_BOOTSTRAP3_ADMIN', true); to your e107_config.php file and change your admin theme using the Theme Manager.
This commit is contained in:
Cameron
@@ -241,7 +241,7 @@ class e_jsmanager
|
||||
if($this->isInAdmin()) // Include jquery-ui in the admin-area only - Jquery-UI to eventually be removed from e107 completely if possible.
|
||||
{
|
||||
|
||||
if(isset($_SERVER['E_B3_ADMIN']) && $_SERVER['E_B3_ADMIN'] === 'true') // Test with a Bootstrap 3 admin area.
|
||||
if(deftrue('e_BOOTSTRAP3_ADMIN')) // Test with a Bootstrap 3 admin area.
|
||||
{
|
||||
$this->_libraries['jquery'] = array(
|
||||
"http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js",
|
||||
|
||||
@@ -58,7 +58,7 @@ class themeHandler
|
||||
$mes = e107::getMessage();
|
||||
|
||||
|
||||
if(isset($_SERVER['E_B3_ADMIN']) && $_SERVER['E_B3_ADMIN'] === 'true')
|
||||
if(deftrue('e_BOOTSTRAP3_ADMIN'))
|
||||
{
|
||||
$this->approvedAdminThemes[] = 'bootstrap3';
|
||||
}
|
||||
|
||||
62
e107_themes/bootstrap3/admin_dark.css
Normal file
62
e107_themes/bootstrap3/admin_dark.css
Normal file
@@ -0,0 +1,62 @@
|
||||
/* info: Dark stylesheet */
|
||||
|
||||
tr.first a, th a {
|
||||
color: rgb(198, 198, 198);
|
||||
}
|
||||
|
||||
thead tr {
|
||||
|
||||
background-color: rgb(54, 54, 54);
|
||||
background-image: linear-gradient(to bottom, rgb(68, 68, 68), rgb(34, 34, 34));
|
||||
border: 1px solid rgb(3, 3, 3);
|
||||
}
|
||||
|
||||
.adminlist tr > td {
|
||||
|
||||
min-height:50px;
|
||||
}
|
||||
|
||||
.datetimepicker {
|
||||
background-color: #191919;
|
||||
}
|
||||
|
||||
.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover {
|
||||
|
||||
background-color: #191919;
|
||||
}
|
||||
|
||||
.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
|
||||
background-color: rgb(54, 54, 54);
|
||||
}
|
||||
|
||||
tr.highlight-odd { background-color: #212121; }
|
||||
tr.highlight-even { background-color: #212121; }
|
||||
|
||||
.datetimepicker table tr td.day:hover {
|
||||
|
||||
color: black;
|
||||
}
|
||||
|
||||
.datetimepicker table tr td span:hover {
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.bootstrap-select.btn-group .dropdown-menu .optgroup-div {
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
/* Fix for font-awesome / darkstrap overlay issue. */
|
||||
.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], h1 > [class^="icon-"], h2 > [class^="icon-"], h3 > [class^="icon-"], h4 > [class^="icon-"], h5 > [class^="icon-"], .btn-primary > [class^="icon-"], .nav-tabs > li > a > [class^="icon-"] {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/*
|
||||
.bootstrap-select, bootstrap-select button
|
||||
{
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgb(34, 34, 34);
|
||||
}
|
||||
*/
|
||||
53
e107_themes/bootstrap3/admin_light.css
Normal file
53
e107_themes/bootstrap3/admin_light.css
Normal file
@@ -0,0 +1,53 @@
|
||||
/* info: Light stylesheet */
|
||||
body { background-color: #EEEEEE; }
|
||||
|
||||
|
||||
.navbar .navbar-inner {
|
||||
background-color: rgb(27, 27, 27);
|
||||
background-image: linear-gradient(to bottom, rgb(34, 34, 34), rgb(17, 17, 17));
|
||||
background-repeat: repeat-x;
|
||||
border-color: rgb(37, 37, 37);
|
||||
}
|
||||
|
||||
.popover,
|
||||
.popover-title {
|
||||
background-image: -moz-linear-gradient(center top , rgb(253, 253, 253) 0%, rgb(234, 234, 234) 100%);
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
.adminlist, .adminform { border:1px solid #ddd; background-color: #F6F6F6}
|
||||
|
||||
.adminlist thead { background-color:#f2f2f2; }
|
||||
.adminlist tr.even { background-color:#f6f6f6; }
|
||||
|
||||
.plupload_header_text { color: black; }
|
||||
|
||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
|
||||
{
|
||||
background-color: rgb(230, 230, 230);
|
||||
border-bottom: 1px solid rgb(221, 221, 221);
|
||||
color: rgb(153, 153, 153);
|
||||
}
|
||||
|
||||
.nav-tabs li a { background-color: rgb(230, 230, 230); color: rgb(153, 153, 153);
|
||||
border-bottom: 1px solid rgb(221, 221, 221);
|
||||
}
|
||||
.nav-tabs li a:hover { background-color: rgb(255, 255, 255); color: rgb(0, 67, 138); }
|
||||
|
||||
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
|
||||
{
|
||||
background-color: rgb(246, 246, 246);
|
||||
|
||||
}
|
||||
|
||||
.modal-header { border-bottom:1px solid #DDDDDD; background-image: -moz-linear-gradient(center top , rgb(253, 253, 253) 0%, rgb(234, 234, 234) 100%); }
|
||||
|
||||
.tooltip-inner { box-shadow: 0 2px 5px #808080; -webkit-box-shadow: 0 2px 5px #808080; -moz-box-shadow: 0 2px 5px #808080; }
|
||||
|
||||
.tab-pane table.adminform td { border-top:0px}
|
||||
|
||||
tr.highlight-even { background-color: silver; }
|
||||
tr.highlight-odd { background-color: silver; }
|
||||
|
||||
th, .fcaption { color: rgb(102, 102, 102); background-image: -moz-linear-gradient(center top , rgb(253, 253, 253) 0%, rgb(234, 234, 234) 100%); }
|
||||
970
e107_themes/bootstrap3/admin_style.css
Normal file
970
e107_themes/bootstrap3/admin_style.css
Normal file
@@ -0,0 +1,970 @@
|
||||
|
||||
body { }
|
||||
|
||||
@media (min-width: 1000px){
|
||||
|
||||
body { padding-top: 75px; }
|
||||
|
||||
}
|
||||
|
||||
.container { width: 100% }
|
||||
|
||||
.well { padding:10px; }
|
||||
.navbar { }
|
||||
|
||||
#core-infopanel_mye107 a {}
|
||||
|
||||
.tipsy-inner { padding:10px; font-size:15px; } /* deprecated */
|
||||
.tooltip { font-size: 13px; }
|
||||
.tooltip-inner { }
|
||||
|
||||
|
||||
/* Core Formatting */
|
||||
.left { text-align: left }
|
||||
.right { text-align: right }
|
||||
.center { text-align: center }
|
||||
.f-left { float: left }
|
||||
.f-right { float: right }
|
||||
.top { vertical-align: top }
|
||||
.middle { vertical-align: middle }
|
||||
.bottom { vertical-align: bottom }
|
||||
.clear { clear: both }
|
||||
.clear-l { clear: right }
|
||||
.clear-r { clear: left }
|
||||
.smalltext { font-size: 11px; }
|
||||
.nowrap { white-space:nowrap; }
|
||||
.field-spacer { margin-bottom: 3px; } /* multi-fields per row separator */
|
||||
|
||||
|
||||
.e-tabs { padding:0px }
|
||||
.e-tabs fieldset { padding:0px ; padding-left:3px; border-top:0px;}
|
||||
#tab-container fieldset { padding:0px ; padding-left:3px; border-top:0px;}
|
||||
#tab-container table { border-top:0px;}
|
||||
#tab-container td { border-top:0px; border-bottom:1px solid rgb(221, 221, 221) }
|
||||
.tab-border { border-left: 1px solid #ddd; }
|
||||
.tab-content { overflow: visible }
|
||||
|
||||
.core-mainpanel-block { text-align:center; width:110px; float:left; height:48px; display:block; padding:20px 5px 20px 5px; margin: 0px 6px 30px 6px; }
|
||||
.core-mainpanel-link-text { text-decoration: none; display:block; }
|
||||
|
||||
|
||||
td.center, th.center { text-align:center }
|
||||
td.right, th.right { text-align:right }
|
||||
|
||||
.col-label { width:25%; }
|
||||
|
||||
/* .sidebar-nav { padding: 9px 0; font-size:11px; min-width:150px; } */
|
||||
|
||||
#cboxTitle { font-weight:bold; color: black }
|
||||
.chzn-container { border: 1px solid #ddd; }
|
||||
|
||||
/* icon-picker */
|
||||
div.image-selector { width:50px; height:40px ; font-size:32px; line-height:40px }
|
||||
div.imgselector-container a { color: inherit; }
|
||||
#link-button_prev i { line-height:40px; }
|
||||
|
||||
div.nextprev { text-align: center; display:inline-block; width:100% }
|
||||
|
||||
|
||||
a.tweet_action { font-size:8px }
|
||||
.tweet_time { font-size:8px }
|
||||
|
||||
/* Bootstrap Bug Fix See: https://github.com/twitter/bootstrap/issues/3494 Specific for e107-admin InfoPanel */
|
||||
|
||||
.row-fluid ul.thumbnails li.span12 + li { margin-left : 0px; }
|
||||
.row-fluid div.s-message + div { margin-left : 0px; }
|
||||
|
||||
/*
|
||||
.row-fluid ul.thumbXnails li.span6:nth-child(2n + 3) { margin-left : 0px; }
|
||||
.row-fluid ul.thumXbnails li.span4:nth-child(3n + 4) { margin-left : 0px; }
|
||||
.row-fluid ul.thumXbnails li.span3:nth-child(4n + 5) { margin-left : 0px; }
|
||||
|
||||
.ul.thumbnails li.core-infopanel_latest { margin-left : 0px; }
|
||||
*/
|
||||
|
||||
/*
|
||||
a.brand:hover img {
|
||||
filter: blur(13px);
|
||||
-webkit-filter: blur(13px);
|
||||
-moz-filter: blur(13px);
|
||||
-o-filter: blur(13px);
|
||||
-ms-filter: blur(13px);
|
||||
}
|
||||
*/
|
||||
@media (min-width: 1300px) {
|
||||
|
||||
.sidebar-nav { font-size:12px; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
.modal { min-width:800px; width:70%; left:15%; right:15%; z-index:10001; margin-left:auto; margin-right:auto;}
|
||||
.modal-header { border-radius: 6px 6px 6px 6px; padding-left:20px; }
|
||||
.modal-body { max-height:80%; padding:10px }
|
||||
#media-select-container { min-height:378px }
|
||||
.modal.fade.in { top: 5%; }
|
||||
|
||||
@media (min-width: 1500px) {
|
||||
|
||||
.sidebar-nav { font-size:15px; }
|
||||
|
||||
}
|
||||
|
||||
img.image-selector { margin-bottom:0px; }
|
||||
|
||||
.nav-collapse { margin-top:8px; }
|
||||
.dropdown-menu { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); }
|
||||
.dropdown-menu i,
|
||||
.dropdown-menu img { padding: 0px 0px; margin-right: 10px; }
|
||||
|
||||
.nav ul li ul.dropdown-menu > li a img,
|
||||
.nav ul li ul.dropdown-menu > li a i {
|
||||
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
|
||||
filter: gray; /* IE6-9 */
|
||||
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
|
||||
}
|
||||
|
||||
.nav ul li ul.dropdown-menu a:hover i,
|
||||
.nav ul li ul.dropdown-menu a:hover img
|
||||
{ filter: none; -webkit-filter: grayscale(0%); }
|
||||
|
||||
td.options { }
|
||||
|
||||
legend { display:none }
|
||||
|
||||
/* Datepicker */
|
||||
fieldset.hour legend, fieldset.minute legend {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
|
||||
.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
|
||||
|
||||
margin-bottom: 0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
.btn { vertical-align: top; }
|
||||
*/
|
||||
|
||||
input::-webkit-input-placeholder { font-style:italic }
|
||||
|
||||
input:-moz-placeholder { font-style:italic }
|
||||
|
||||
|
||||
|
||||
/* input[type='radio'] { vertical-align:top; } */
|
||||
|
||||
label.legacy { margin-left:5px;margin-right:10px; display: inline-block; }
|
||||
|
||||
/* Core Icons & Image Buttons */
|
||||
img.icon { border: 0px; vertical-align: middle; }
|
||||
img.icon.list,
|
||||
input.action { margin: 0px 3px }
|
||||
img.icon.action,
|
||||
input.action { }
|
||||
img.S16 { width: 16px; height: 16px }
|
||||
img.S32 { width: 32px; height: 32px }
|
||||
img.S64 { width: 64px; height: 64px }
|
||||
img.S128 { width: 128px; height: 128px }
|
||||
img.edit,
|
||||
img.delete,
|
||||
input.delete { }
|
||||
|
||||
.buttons-bar { padding: 10px 0px; }
|
||||
|
||||
i.icon-chevron-right { float:right; opacity: 0.3 }
|
||||
|
||||
i.icon-fast-backward,
|
||||
i.icon-fast-forward,
|
||||
i.icon-backward,
|
||||
i.icon-forward { opacity: 0.8 }
|
||||
|
||||
a.link-active i { opacity: 1.0; }
|
||||
|
||||
a.dropdown-toggle i { transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out;
|
||||
|
||||
opacity: 0.4
|
||||
}
|
||||
|
||||
a.dropdown-toggle:hover i { opacity: 1.0 }
|
||||
|
||||
a.dropdown-toggle {
|
||||
-webkit-transition:color .20s ease-in-out;
|
||||
-moz-transition:color .20s ease-in-out;
|
||||
-o-transition:color .20s ease-in-out;
|
||||
transition:color .20s ease-in-out;
|
||||
}
|
||||
|
||||
img.S32 {}
|
||||
img.S32:hover {}
|
||||
|
||||
/*******************************************************************************************************************/
|
||||
/* Admin List Table */
|
||||
.adminlist, .adminform { width:100%; }
|
||||
/*
|
||||
.adminlist th { border-bottom:1px solid #ddd; }
|
||||
.adminlist td { border-bottom:1px solid #ddd }
|
||||
*/
|
||||
.adminlist th.last,
|
||||
.adminlist td.last { border-right: 0px solid;}
|
||||
.adminlist tr.last td { border-bottom: 0px solid;}
|
||||
|
||||
.adminlist .col-selection-cont { position: relative; float:right; }
|
||||
|
||||
span.e-search input[type='text'] { padding-left:25px }
|
||||
span.e-search i { margin-right:-20px; margin-left:5px; margin-top:-7px; z-index:100; position:relative; }
|
||||
// span.e-search { margin-bottom:-5px; margin-top:10px }
|
||||
/******** SyS Messages / Message text formatting */
|
||||
|
||||
.s-message .s-message-title { height: 32px; background: 0 50% no-repeat; padding-left: 42px; line-height: 32px; }
|
||||
|
||||
|
||||
i.s-message-icon {
|
||||
background: url(images/adminicons_32.png) no-repeat top left;
|
||||
display: inline-block;
|
||||
width:32px;
|
||||
height:32px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
i.s-message-success { background-position: -592px -37px; width: 32px; height: 32px; }
|
||||
i.s-message-error { background-position: -925px 0; width: 32px; height: 32px; }
|
||||
i.s-message-warning { background-position: -777px -37px; width: 32px; height: 32px; }
|
||||
i.s-message-info { background-position: -1480px 0; width: 32px; height: 32px; }
|
||||
i.s-message-debug { background-position: -1480px 0; width: 32px; height: 32px; }
|
||||
|
||||
.s-message-body { padding-left: 42px; }
|
||||
.s-message-item {}
|
||||
|
||||
.e-footer-info { text-align: center }
|
||||
|
||||
/* ************* Backwards Compatibility CSS *****************/
|
||||
|
||||
.button { }
|
||||
|
||||
.fborder {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.fborder th,
|
||||
.fborder td {
|
||||
padding: 8px;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
.fborder th , .fcaption {
|
||||
font-weight: bold;
|
||||
}
|
||||
.fborder thead th {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.fborder caption + thead tr:first-child th,
|
||||
.fborder caption + thead tr:first-child td,
|
||||
.fborder colgroup + thead tr:first-child th,
|
||||
.fborder colgroup + thead tr:first-child td,
|
||||
.fborder thead:first-child tr:first-child th,
|
||||
.fborder thead:first-child tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
.fborder tbody + tbody {
|
||||
border-top: 2px solid #dddddd;
|
||||
}
|
||||
|
||||
|
||||
.button,
|
||||
.plupload_button,
|
||||
.plupload_button:hover{
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
/* IE7 inline-block hack */
|
||||
|
||||
*zoom: 1;
|
||||
padding: 4px 12px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
*line-height: 20px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
color: #333333;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
background-color: #f5f5f5;
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
|
||||
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);
|
||||
*background-color: #e6e6e6;
|
||||
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
border: 1px solid #bbbbbb;
|
||||
*border: 0;
|
||||
border-bottom-color: #a2a2a2;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
*margin-left: .3em;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
}
|
||||
.button:hover,
|
||||
.button:active,
|
||||
.button.active,
|
||||
.button.disabled,
|
||||
.button[disabled] {
|
||||
color: #333333;
|
||||
background-color: #e6e6e6;
|
||||
*background-color: #d9d9d9;
|
||||
}
|
||||
.button:active,
|
||||
.button.active {
|
||||
background-color: #cccccc \9;
|
||||
}
|
||||
.button:first-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
.button:hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
background-color: #e6e6e6;
|
||||
*background-color: #d9d9d9;
|
||||
/* Buttons in IE7 don't get borders, so darken on hover */
|
||||
|
||||
background-position: 0 -15px;
|
||||
-webkit-transition: background-position 0.1s linear;
|
||||
-moz-transition: background-position 0.1s linear;
|
||||
-o-transition: background-position 0.1s linear;
|
||||
transition: background-position 0.1s linear;
|
||||
}
|
||||
.button:focus {
|
||||
outline: thin dotted #333;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.button.active,
|
||||
.button:active {
|
||||
background-color: #e6e6e6;
|
||||
background-color: #d9d9d9 \9;
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
||||
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
||||
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
|
||||
}
|
||||
.button.disabled,
|
||||
.button[disabled] {
|
||||
cursor: default;
|
||||
background-color: #e6e6e6;
|
||||
background-image: none;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity=65);
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
background-color: #5bb75b;
|
||||
background-image: -moz-linear-gradient(top, #62c462, #51a351);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
|
||||
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
|
||||
background-image: -o-linear-gradient(top, #62c462, #51a351);
|
||||
background-image: linear-gradient(to bottom, #62c462, #51a351);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
|
||||
border-color: #51a351 #51a351 #387038;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
*background-color: #51a351;
|
||||
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
}
|
||||
.button:hover,
|
||||
.button:active,
|
||||
.button.active,
|
||||
.button.disabled,
|
||||
.button[disabled] {
|
||||
color: #ffffff;
|
||||
background-color: #51a351;
|
||||
*background-color: #499249;
|
||||
}
|
||||
.button:active,
|
||||
.button.active {
|
||||
background-color: #408140 \9;
|
||||
}
|
||||
|
||||
tr.e-sort { box-shadow: 0 5px 8px #cccccc; -webkit-box-shadow: 0 5px 8px #cccccc; -moz-box-shadow: 0 5px 8px #cccccc;}
|
||||
th label.checkbox { min-height:inherit; } /* Bootstrap Fix but doesn't work */
|
||||
|
||||
/* ****************************** ICONS ************************************* */
|
||||
|
||||
|
||||
|
||||
|
||||
i.S16 {
|
||||
background: url(images/adminicons_16.png) no-repeat top left;
|
||||
display:inline-block;
|
||||
width:17px;
|
||||
height:16px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
i.e-add-16{ background-position: 0 0; width: 16px; height: 16px; }
|
||||
i.e-adminlogs-16{ background-position: -21px 0; width: 16px; height: 16px; }
|
||||
i.e-adminpass-16{ background-position: -42px 0; width: 16px; height: 16px; }
|
||||
i.e-admins-16{ background-position: -63px 0; width: 16px; height: 16px; }
|
||||
i.e-arrow-16{ background-position: -84px 0; width: 16px; height: 16px; }
|
||||
i.e-arrow_over-16{ background-position: -105px 0; width: 16px; height: 16px; }
|
||||
i.e-articles-16{ background-position: -126px 0; width: 16px; height: 16px; }
|
||||
i.e-banlist-16{ background-position: -147px 0; width: 16px; height: 16px; }
|
||||
i.e-banners-16{ background-position: -168px 0; width: 16px; height: 16px; }
|
||||
i.e-cache-16{ background-position: -189px 0; width: 16px; height: 16px; }
|
||||
i.e-cat_content-16{ background-position: -210px 0; width: 16px; height: 16px; }
|
||||
i.e-cat_files-16{ background-position: -231px 0; width: 16px; height: 16px; }
|
||||
i.e-cat_plugins-16{ background-position: -252px 0; width: 16px; height: 16px; }
|
||||
i.e-cat_settings-16{ background-position: -273px 0; width: 16px; height: 16px; }
|
||||
i.e-cat_tools-16{ background-position: -294px 0; width: 16px; height: 16px; }
|
||||
i.e-cat_users-16{ background-position: -315px 0; width: 16px; height: 16px; }
|
||||
i.e-chatbox-16{ background-position: -336px 0; width: 16px; height: 16px; }
|
||||
i.e-comments-16{ background-position: -357px 0; width: 16px; height: 16px; }
|
||||
i.e-configure-16{ background-position: -378px 0; width: 16px; height: 16px; }
|
||||
i.e-content-16{ background-position: -399px 0; width: 16px; height: 16px; }
|
||||
i.e-copy-16{ background-position: -420px 0; width: 16px; height: 16px; }
|
||||
i.e-credits-16{ background-position: -441px 0; width: 16px; height: 16px; }
|
||||
i.e-cron-16{ background-position: -462px 0; width: 16px; height: 16px; }
|
||||
i.e-custom-16{ background-position: -483px 0; width: 16px; height: 16px; }
|
||||
i.e-database-16{ background-position: -504px 0; width: 16px; height: 16px; }
|
||||
i.e-delete-16{ background-position: -525px 0; width: 16px; height: 16px; }
|
||||
i.e-docs-16{ background-position: -546px 0; width: 16px; height: 16px; }
|
||||
i.e-down-16{ background-position: -567px 0; width: 16px; height: 16px; }
|
||||
i.e-downloads-16{ background-position: -588px 0; width: 16px; height: 16px; }
|
||||
i.e-edit-16{ background-position: -609px 0; width: 16px; height: 16px; }
|
||||
i.e-emoticons-16{ background-position: -630px 0; width: 16px; height: 16px; }
|
||||
i.e-eurl-16{ background-position: -651px 0; width: 16px; height: 16px; }
|
||||
i.e-extended-16{ background-position: -672px 0; width: 16px; height: 16px; }
|
||||
i.e-failedlogin-16{ background-position: -693px 0; width: 16px; height: 16px; }
|
||||
i.e-false-16{ background-position: -714px 0; width: 16px; height: 16px; }
|
||||
i.e-fileinspector-16{ background-position: -735px 0; width: 16px; height: 16px; }
|
||||
i.e-filemanager-16{ background-position: -756px 0; width: 16px; height: 16px; }
|
||||
i.e-forums-16{ background-position: -777px 0; width: 16px; height: 16px; }
|
||||
i.e-frontpage-16{ background-position: -798px 0; width: 16px; height: 16px; }
|
||||
i.e-images-16{ background-position: -819px 0; width: 16px; height: 16px; }
|
||||
i.e-info-16{ background-position: -840px 0; width: 16px; height: 16px; }
|
||||
i.e-language-16{ background-position: -861px 0; width: 16px; height: 16px; }
|
||||
i.e-leave-16{ background-position: -882px 0; width: 16px; height: 16px; }
|
||||
i.e-links-16{ background-position: -903px 0; width: 16px; height: 16px; }
|
||||
i.e-lock-16{ background-position: -924px 0; width: 16px; height: 16px; }
|
||||
i.e-logout-16{ background-position: -945px 0; width: 16px; height: 16px; }
|
||||
i.e-mail-16{ background-position: -966px 0; width: 16px; height: 16px; }
|
||||
i.e-main-16{ background-position: -987px 0; width: 16px; height: 16px; }
|
||||
i.e-maintain-16{ background-position: -1008px 0; width: 16px; height: 16px; }
|
||||
i.e-manage-16{ background-position: -1029px 0; width: 16px; height: 16px; }
|
||||
i.e-menus-16{ background-position: -1050px 0; width: 16px; height: 16px; }
|
||||
i.e-meta-16{ background-position: -1071px 0; width: 16px; height: 16px; }
|
||||
i.e-move-16{ background-position: -1092px 0; width: 16px; height: 16px; }
|
||||
i.e-news-16{ background-position: -1113px 0; width: 16px; height: 16px; }
|
||||
i.e-newsfeeds-16{ background-position: -1134px 0; width: 16px; height: 16px; }
|
||||
i.e-notify-16{ background-position: -1155px 0; width: 16px; height: 16px; }
|
||||
i.e-phpinfo-16{ background-position: -1176px 0; width: 16px; height: 16px; }
|
||||
i.e-plugin_install-16{ background-position: -1197px 0; width: 16px; height: 16px; }
|
||||
i.e-plugin_uninstall-16{ background-position: -1218px 0; width: 16px; height: 16px; }
|
||||
i.e-plugins-16{ background-position: -1239px 0; width: 16px; height: 16px; }
|
||||
i.e-plugmanager-16{ background-position: -1260px 0; width: 16px; height: 16px; }
|
||||
i.e-prefs-16{ background-position: -1281px 0; width: 16px; height: 16px; }
|
||||
i.e-rename-16{ background-position: -1302px 0; width: 16px; height: 16px; }
|
||||
i.e-reviews-16{ background-position: -1323px 0; width: 16px; height: 16px; }
|
||||
i.e-search-16{ background-position: -1344px 0; width: 16px; height: 16px; }
|
||||
i.e-select_columns-16{ background-position: -1365px 0; width: 16px; height: 16px; }
|
||||
i.e-settings-16{ background-position: -1386px 0; width: 16px; height: 16px; }
|
||||
i.e-sort-16{ background-position: -1407px 0; width: 16px; height: 16px; }
|
||||
i.e-stats-16{ background-position: -1428px 0; width: 16px; height: 16px; }
|
||||
i.e-sub_forums-16{ background-position: -1449px 0; width: 16px; height: 16px; }
|
||||
i.e-sublink-16{ background-position: -1470px 0; width: 16px; height: 16px; }
|
||||
i.e-sysinfo-16{ background-position: -1491px 0; width: 16px; height: 16px; }
|
||||
i.e-themes-16{ background-position: -1512px 0; width: 16px; height: 16px; }
|
||||
i.e-true-16{ background-position: -1533px 0; width: 16px; height: 16px; }
|
||||
i.e-up-16{ background-position: -1554px 0; width: 16px; height: 16px; }
|
||||
i.e-uploads-16{ background-position: -1575px 0; width: 16px; height: 16px; }
|
||||
i.e-userclass-16{ background-position: -1596px 0; width: 16px; height: 16px; }
|
||||
i.e-users-16{ background-position: -1617px 0; width: 16px; height: 16px; }
|
||||
i.e-warning-16{ background-position: -1638px 0; width: 16px; height: 16px; }
|
||||
i.e-welcome-16{ background-position: -1659px 0; width: 16px; height: 16px; }
|
||||
|
||||
i.S32 {
|
||||
background: url(images/adminicons_32.png) no-repeat top left;
|
||||
display: inline-block;
|
||||
width:32px;
|
||||
height:32px;
|
||||
}
|
||||
|
||||
i.e-add-32{ background-position: 0 0; width: 32px; height: 32px; }
|
||||
i.e-adminlogs-32{ background-position: -37px 0; width: 32px; height: 32px; }
|
||||
i.e-adminpass-32{ background-position: -74px 0; width: 32px; height: 32px; }
|
||||
i.e-admins-32{ background-position: -111px 0; width: 32px; height: 32px; }
|
||||
i.e-arrow-32{ background-position: -148px 0; width: 32px; height: 32px; }
|
||||
i.e-arrow_over-32{ background-position: -185px 0; width: 32px; height: 32px; }
|
||||
i.e-articles-32{ background-position: -222px 0; width: 32px; height: 32px; }
|
||||
i.e-banlist-32{ background-position: -259px 0; width: 32px; height: 32px; }
|
||||
i.e-banners-32{ background-position: -296px 0; width: 32px; height: 32px; }
|
||||
i.e-cache-32{ background-position: -333px 0; width: 32px; height: 32px; }
|
||||
i.e-cat_content-32{ background-position: -370px 0; width: 32px; height: 32px; }
|
||||
i.e-cat_files-32{ background-position: -407px 0; width: 32px; height: 32px; }
|
||||
i.e-cat_plugins-32{ background-position: -444px 0; width: 32px; height: 32px; }
|
||||
i.e-cat_settings-32{ background-position: -481px 0; width: 32px; height: 32px; }
|
||||
i.e-cat_tools-32{ background-position: -518px 0; width: 32px; height: 32px; }
|
||||
i.e-cat_users-32{ background-position: -555px 0; width: 32px; height: 32px; }
|
||||
i.e-chatbox-32{ background-position: -592px 0; width: 32px; height: 32px; }
|
||||
i.e-comments-32{ background-position: -629px 0; width: 32px; height: 32px; }
|
||||
i.e-configure-32{ background-position: -666px 0; width: 32px; height: 32px; }
|
||||
i.e-content-32{ background-position: -703px 0; width: 32px; height: 32px; }
|
||||
i.e-copy-32{ background-position: -740px 0; width: 32px; height: 32px; }
|
||||
i.e-credits-32{ background-position: -777px 0; width: 32px; height: 32px; }
|
||||
i.e-cron-32{ background-position: -814px 0; width: 32px; height: 32px; }
|
||||
i.e-custom-32{ background-position: -851px 0; width: 32px; height: 32px; }
|
||||
i.e-database-32{ background-position: -888px 0; width: 32px; height: 32px; }
|
||||
i.e-delete-32{ background-position: -925px 0; width: 32px; height: 32px; }
|
||||
i.e-docs-32{ background-position: -962px 0; width: 32px; height: 32px; }
|
||||
i.e-down-32{ background-position: -999px 0; width: 32px; height: 32px; }
|
||||
i.e-downloads-32{ background-position: -1036px 0; width: 32px; height: 32px; }
|
||||
i.e-edit-32{ background-position: -1073px 0; width: 32px; height: 32px; }
|
||||
i.e-emoticons-32{ background-position: -1110px 0; width: 32px; height: 32px; }
|
||||
i.e-eurl-32{ background-position: -1147px 0; width: 32px; height: 32px; }
|
||||
i.e-execute-32{ background-position: -1184px 0; width: 32px; height: 32px; }
|
||||
i.e-extended-32{ background-position: -1221px 0; width: 32px; height: 32px; }
|
||||
i.e-false-32{ background-position: -1258px 0; width: 32px; height: 32px; }
|
||||
i.e-fileinspector-32{ background-position: -1295px 0; width: 32px; height: 32px; }
|
||||
i.e-filemanager-32{ background-position: -1332px 0; width: 32px; height: 32px; }
|
||||
i.e-forums-32{ background-position: -1369px 0; width: 32px; height: 32px; }
|
||||
i.e-frontpage-32{ background-position: -1406px 0; width: 32px; height: 32px; }
|
||||
i.e-images-32{ background-position: -1443px 0; width: 32px; height: 32px; }
|
||||
i.e-info-32{ background-position: -1480px 0; width: 32px; height: 32px; }
|
||||
i.e-language-32{ background-position: -1517px 0; width: 32px; height: 32px; }
|
||||
i.e-leave-32{ background-position: -1554px 0; width: 32px; height: 32px; }
|
||||
i.e-links-32{ background-position: -1591px 0; width: 32px; height: 32px; }
|
||||
i.e-logout-32{ background-position: -1628px 0; width: 32px; height: 32px; }
|
||||
i.e-mail-32{ background-position: -1665px 0; width: 32px; height: 32px; }
|
||||
i.e-main-32{ background-position: -1702px 0; width: 32px; height: 32px; }
|
||||
i.e-maintain-32{ background-position: -1739px 0; width: 32px; height: 32px; }
|
||||
i.e-manage-32{ background-position: -1776px 0; width: 32px; height: 32px; }
|
||||
i.e-menus-32{ background-position: -1813px 0; width: 32px; height: 32px; }
|
||||
i.e-meta-32{ background-position: -1850px 0; width: 32px; height: 32px; }
|
||||
i.e-move-32{ background-position: -1887px 0; width: 32px; height: 32px; }
|
||||
i.e-news-32{ background-position: -1924px 0; width: 32px; height: 32px; }
|
||||
i.e-newsfeeds-32{ background-position: -1961px 0; width: 32px; height: 32px; }
|
||||
i.e-notify-32{ background-position: 0 -37px; width: 32px; height: 32px; }
|
||||
i.e-phpinfo-32{ background-position: -37px -37px; width: 32px; height: 32px; }
|
||||
i.e-plugin_install-32{ background-position: -74px -37px; width: 32px; height: 32px; }
|
||||
i.e-plugin_uninstall-32{ background-position: -111px -37px; width: 32px; height: 32px; }
|
||||
i.e-plugins-32{ background-position: -148px -37px; width: 32px; height: 32px; }
|
||||
i.e-plugmanager-32{ background-position: -185px -37px; width: 32px; height: 32px; }
|
||||
i.e-prefs-32{ background-position: -222px -37px; width: 32px; height: 32px; }
|
||||
i.e-rename-32{ background-position: -259px -37px; width: 32px; height: 32px; }
|
||||
i.e-reviews-32{ background-position: -296px -37px; width: 32px; height: 32px; }
|
||||
i.e-search-32{ background-position: -333px -37px; width: 32px; height: 32px; }
|
||||
i.e-select_columns-32{ background-position: -370px -37px; width: 32px; height: 32px; }
|
||||
i.e-settings-32{ background-position: -407px -37px; width: 32px; height: 32px; }
|
||||
i.e-sort-32{ background-position: -444px -37px; width: 32px; height: 32px; }
|
||||
i.e-stats-32{ background-position: -481px -37px; width: 32px; height: 32px; }
|
||||
i.e-sysinfo-32{ background-position: -518px -37px; width: 32px; height: 32px; }
|
||||
i.e-themes-32{ background-position: -555px -37px; width: 32px; height: 32px; }
|
||||
i.e-true-32{ background-position: -592px -37px; width: 32px; height: 32px; }
|
||||
i.e-up-32{ background-position: -629px -37px; width: 32px; height: 32px; }
|
||||
i.e-uploads-32{ background-position: -666px -37px; width: 32px; height: 32px; }
|
||||
i.e-userclass-32{ background-position: -703px -37px; width: 32px; height: 32px; }
|
||||
i.e-users-32{ background-position: -740px -37px; width: 32px; height: 32px; }
|
||||
i.e-warning-32{ background-position: -777px -37px; width: 32px; height: 32px; }
|
||||
i.e-welcome-32{ background-position: -814px -37px; width: 32px; height: 32px; }
|
||||
|
||||
i.browsers {
|
||||
background: url(images/browsers.png) no-repeat top left;
|
||||
display:inline-block;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
|
||||
}
|
||||
i.e-bot-16{ background-position: 0 0; width: 16px; height: 16px; }
|
||||
i.e-bot-32{ background-position: -21px 0; width: 32px; height: 32px; }
|
||||
i.e-camino-16{ background-position: -58px 0; width: 16px; height: 16px; }
|
||||
i.e-camino-32{ background-position: -79px 0; width: 32px; height: 32px; }
|
||||
i.e-chrome-16{ background-position: -116px 0; width: 16px; height: 16px; }
|
||||
i.e-chrome-32{ background-position: -137px 0; width: 32px; height: 32px; }
|
||||
i.e-firefox-16{ background-position: -174px 0; width: 16px; height: 16px; }
|
||||
i.e-firefox-32{ background-position: -195px 0px; width: 32px; height: 32px; }
|
||||
i.e-ie-16{ background-position: -232px 0; width: 16px; height: 16px; }
|
||||
i.e-ie-32{ background-position: -253px 0; width: 32px; height: 32px; }
|
||||
i.e-konqueror-16{ background-position: -290px 0; width: 16px; height: 16px; }
|
||||
i.e-konqueror-32{ background-position: -311px 0; width: 32px; height: 32px; }
|
||||
i.e-opera-16{ background-position: -348px 0; width: 16px; height: 16px; }
|
||||
i.e-opera-32{ background-position: -369px 0; width: 32px; height: 32px; }
|
||||
i.e-safari-16{ background-position: -406px 0; width: 16px; height: 16px; }
|
||||
i.e-safari-32{ background-position: -427px 0; width: 32px; height: 32px; }
|
||||
i.e-seamonkey-16{ background-position: -464px 0; width: 16px; height: 16px; }
|
||||
i.e-seamonkey-32{ background-position: -485px 0; width: 32px; height: 32px; }
|
||||
|
||||
|
||||
|
||||
/* NEw */
|
||||
|
||||
th, .fcaption { font: 12px HelveticaNeue,Helvetica,Arial; }
|
||||
tr.first a, th a { color: rgb(102, 102, 102); }
|
||||
/* Dark Drop-Down Menus */
|
||||
ul.col-selection { text-align:left; overflow:visible; z-index:101; max-height:600px; overflow:auto; background-color: rgb(23, 23, 23); }
|
||||
ul.col-selection > li a { border-top: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(32, 32, 32); }
|
||||
ul.col-selection > li a { padding: 3px 0px 0px 25px; color: rgb(153, 153, 153); }
|
||||
ul.col-selection > li a label { padding-left:0px; display:block; line-height:25px; }
|
||||
|
||||
|
||||
.nav ul li ul.dropdown-menu { border-left:1px solid rgb(51, 51, 51); background-color: rgb(39, 39, 39); }
|
||||
.nav ul li ul.dropdown-menu > li a { border-top: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(32, 32, 32); }
|
||||
.nav ul li ul.dropdown-menu > li a { padding-top:5px; padding-bottom:5px; color: rgb(200,200,200); }
|
||||
.nav ul li ul.dropdown-menu > li a:hover { color: rgb(255, 255, 255); }
|
||||
|
||||
.navbar .btn-navbar{ margin-top:12px }
|
||||
|
||||
/* FIXME drop-down caret needs to be remove */
|
||||
|
||||
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgb(39, 39, 39);
|
||||
border-top: 1px solid rgb(51, 51, 51);
|
||||
border-left:1px solid rgb(51, 51, 51);
|
||||
border-top:1px solid rgb(51, 51, 51);
|
||||
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
ul.recent-comments {padding: 0px;
|
||||
margin: 0px;
|
||||
list-style: none outside none;
|
||||
}
|
||||
|
||||
li.separator {
|
||||
padding-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.recent-comments .separator {
|
||||
margin-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.recent-comments .article-post {
|
||||
padding-top: 8px;
|
||||
margin-left: 78px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
margin: 10px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.recent-comments .btn-group {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.recent-comments .user-info {
|
||||
color: rgb(51, 51, 51);
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
|
||||
#tab-container {
|
||||
background-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
i.e-breadcrumb {
|
||||
margin-top:3px;
|
||||
}
|
||||
|
||||
footer { padding-top:150px; padding-bottom:20px; color: rgb(153, 153, 153); }
|
||||
|
||||
#searchquery {
|
||||
padding-left:22px;
|
||||
margin-right:-12px;
|
||||
}
|
||||
|
||||
i.searchquery {
|
||||
z-index:100;
|
||||
position:relative;
|
||||
left:-215px;
|
||||
}
|
||||
|
||||
|
||||
.nav-header {
|
||||
padding-bottom:10px;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Attempt to Hide the white arrow */
|
||||
.navbar .navbar-inner .nav > li > .dropdown-menu:after {
|
||||
display: none !important;
|
||||
content: none;
|
||||
}
|
||||
/* Color Box */
|
||||
.mediaBody h4 {
|
||||
padding:10px 10px;
|
||||
}
|
||||
|
||||
.media-select-count {
|
||||
margin-top:-40px;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
a.e-media-select
|
||||
{
|
||||
color: inherit
|
||||
}
|
||||
|
||||
#cboxOverlay{ background-color:#000000;}
|
||||
|
||||
#colorbox{
|
||||
-moz-border-radius:9px;
|
||||
-webkit-border-radius:9px;
|
||||
border-radius:9px;
|
||||
-moz-box-shadow:5px 5px 20px #000000;
|
||||
-webkit-box-shadow:5px 5px 20px #000000;
|
||||
box-shadow:5px 5px 20px #000000;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
/********************* Make Bootstrap Tabs more like Jquery-ui **********************/
|
||||
|
||||
/* .nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom:0px;} */
|
||||
.nav-tabs li { margin-right: 2px; }
|
||||
.nav-tabs li a { cursor: pointer;
|
||||
padding: 0px 15px; line-height: 34px; /* border-bottom: 1px solid rgb(221, 221, 221) */
|
||||
}
|
||||
.nav-tabs li a:hover { }
|
||||
/*
|
||||
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
|
||||
{
|
||||
|
||||
margin-bottom:-1px;
|
||||
|
||||
border-bottom:1px solid rgb(246, 246, 246);
|
||||
}
|
||||
*/
|
||||
.tab-pane { }
|
||||
/*
|
||||
.tab-pane table.adminform { border-top:0px}
|
||||
.tab-pane table.adminform td { border-top:0px}
|
||||
.tab-pane table.adminform tr { border-bottom:1px solid #DDDDDD}
|
||||
*/
|
||||
|
||||
.tab-pane table tr:first-child td {
|
||||
border-top:0px;
|
||||
}
|
||||
|
||||
.table .options { white-space:nowrap }
|
||||
|
||||
|
||||
|
||||
/****************************************************************/
|
||||
|
||||
ul#e-status { margin:0px 14px }
|
||||
ul#e-status li { padding-bottom:6px; font-size:85% }
|
||||
ul#e-status { line-height:20px }
|
||||
ul#e-status li a span.badge { float:right; font-size:85% }
|
||||
ul#e-status li a:hover { text-decoration: none; }
|
||||
|
||||
ul#e-latest { margin:0px 14px}
|
||||
ul#e-latest li { padding-bottom:6px; font-size:85%}
|
||||
ul#e-latest { line-height:17px }
|
||||
ul#e-latest li a span.badge { float:right;font-size:85% }
|
||||
ul#e-latest li a:hover { text-decoration: none; }
|
||||
|
||||
#userclass-tree-structure { font-size:80% }
|
||||
|
||||
.table-striped tbody > tr.highlight-odd td { background-color: transparent }
|
||||
.table-striped tbody > tr.highlight-even td { background-color: transparent }
|
||||
/* Bootstrap tags input */
|
||||
.tags {
|
||||
display: inline-block;
|
||||
margin-bottom:0px;
|
||||
max-width:640px;
|
||||
}
|
||||
|
||||
.tags input {
|
||||
margin-bottom: 0px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.tag {
|
||||
margin-right:5px;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
vertical-align:top;
|
||||
margin-top:3px;
|
||||
|
||||
}
|
||||
|
||||
span.tag button.close {
|
||||
float: none;
|
||||
padding-left:5px;
|
||||
}
|
||||
|
||||
/* Theme Manager - Find online */
|
||||
.form-search > div > div > div > i.icon-search
|
||||
{
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
h4.caption { margin-bottom:20px; }
|
||||
|
||||
.plupload_container {
|
||||
padding:0px;
|
||||
margin: 10px 20px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.plupload_header { background: transparent }
|
||||
|
||||
.plupload_header_content { background: transparent; padding-left:0px; min-height:30px; }
|
||||
|
||||
.plupload_wrapper { font: inherit; }
|
||||
.plupload_header_title { display: none; }
|
||||
|
||||
.plupload_filelist_header,
|
||||
.plupload_filelist_footer {
|
||||
|
||||
background-color: rgb(54, 54, 54);
|
||||
background-image: linear-gradient(to bottom, rgb(68, 68, 68), rgb(34, 34, 34));
|
||||
border: 1px solid rgb(3, 3, 3);
|
||||
color: rgb(198, 198, 198);
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
.plupload_filelist .plupload_file_name {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.plupload_filelist li { background: transparent }
|
||||
|
||||
.plupload_file_status span {
|
||||
color: rgb(198, 198, 198);
|
||||
}
|
||||
|
||||
.plupload_scroll .plupload_filelist
|
||||
{
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
|
||||
.plupload_start
|
||||
{
|
||||
color: rgb(255, 255, 255);
|
||||
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
|
||||
background-color: rgb(91, 183, 91);
|
||||
background-image: linear-gradient(to bottom, rgb(98, 196, 98), rgb(81, 163, 81));
|
||||
background-repeat: repeat-x;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
a.plupload_disabled:hover {background: transparent; border-color:inherit }
|
||||
|
||||
.plupload_start:hover, .plupload_start:focus, .plupload_start:active, a.plupload_disabled:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgb(81, 163, 81);
|
||||
}
|
||||
|
||||
li.plupload_delete a {
|
||||
|
||||
background: url(images/adminicons_16.png) no-repeat top left;
|
||||
display:inline-block;
|
||||
width:17px;
|
||||
height:16px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
background-position: -525px 0; width: 16px; height: 16px;
|
||||
}
|
||||
|
||||
li.rssRow > div {
|
||||
font-size: 80%;
|
||||
color: rgb(153, 153, 153);
|
||||
}
|
||||
|
||||
/* FIX for iOS navigation sublinks */
|
||||
.dropdown-backdrop {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.video-responsive {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
padding-top: 30px; height: 0; overflow: hidden;
|
||||
}
|
||||
|
||||
.video-responsive iframe,
|
||||
.video-responsive object,
|
||||
.video-responsive embed {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.video-thumbnail iframe {
|
||||
width:142px;
|
||||
|
||||
}
|
||||
|
||||
.media-carousel-item-caption {
|
||||
padding-top:8px; white-space:nowrap; display:inline-block; width:100%; overflow:hidden;
|
||||
}
|
||||
|
||||
.media-carousel-item-glyph { width: 64px; height:64px; overflow:hidden; margin-right:5px; margin-bottom:0px }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
|
||||
body { background-color: rgb(68, 68, 68); }
|
||||
#left-panel {
|
||||
|
||||
|
||||
}
|
||||
|
||||
#right-panel {
|
||||
background-color: #EEEEEE;
|
||||
border-top-left-radius: 12px;
|
||||
padding-top:20px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent), url("images/bg-footer.jpg");
|
||||
background-repeat: repeat-x, repeat;
|
||||
background-size: 100px 15px, 140px 140px;
|
||||
margin:0px;
|
||||
padding:40px;
|
||||
color: rgb(119, 119, 119);
|
||||
}
|
||||
*/
|
||||
460
e107_themes/bootstrap3/admin_template.php
Normal file
460
e107_themes/bootstrap3/admin_template.php
Normal file
@@ -0,0 +1,460 @@
|
||||
<?php
|
||||
/*
|
||||
* e107 website system
|
||||
*
|
||||
* Copyright (C) 2008-2009 e107 Inc (e107.org)
|
||||
* Released under the terms and conditions of the
|
||||
* GNU General Public License (http://www.gnu.org/licenses/gpl.txt)
|
||||
*
|
||||
* Admin template - _blank theme
|
||||
*
|
||||
* $Source: /cvs_backup/e107_0.8/e107_themes/_blank/admin_template.php,v $
|
||||
* $Revision$
|
||||
* $Date$
|
||||
* $Author$
|
||||
*
|
||||
*/
|
||||
|
||||
if (!defined('e107_INIT')) { exit(); }
|
||||
|
||||
|
||||
|
||||
|
||||
// include_lan(e_THEME."_blank/languages/".e_LANGUAGE.".php");
|
||||
|
||||
|
||||
|
||||
$E_ADMIN_NAVIGATION['start'] = '<ul class="nav navbar-nav">';
|
||||
|
||||
$E_ADMIN_NAVIGATION['button'] = '
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#" href="{LINK_URL}" >
|
||||
{LINK_TEXT}
|
||||
<b class="caret"></b>
|
||||
</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
|
||||
|
||||
$E_ADMIN_NAVIGATION['button_active'] = '
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#" href="{LINK_URL}">
|
||||
{LINK_IMAGE} {LINK_TEXT}
|
||||
<b class="caret"></b>
|
||||
</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
|
||||
// Leave Admin Area.
|
||||
$E_ADMIN_NAVIGATION['button_home'] = '
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" style="display:inline-block; padding-right:0px;margin-right:0px;" title="'.ADLAN_53.'" href="'.e_HTTP.'" >
|
||||
{LINK_IMAGE} {LINK_TEXT}
|
||||
</a><a style="display:inline-block;margin-left:0px;padding-left:4px;padding-right:8px;margin-right:8px" class="dropdown-toggle" title="'.ADLAN_53.'" role="button" data-toggle="dropdown" data-target="#" href="{LINK_URL}" >
|
||||
<b class="caret"></b>
|
||||
</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
// Change Language
|
||||
$E_ADMIN_NAVIGATION['button_language'] = '
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" title="Change Language" role="button" data-toggle="dropdown" data-target="#" href="{LINK_URL}" >
|
||||
{LINK_IMAGE} {LINK_TEXT}
|
||||
<b class="caret"></b>
|
||||
</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
$str = str_replace('.', '', ADMINPERMS);
|
||||
|
||||
if ($str == '0')
|
||||
{
|
||||
$label = ADLAN_48.': '.ADMINNAME.' ('.ADLAN_49.') ';
|
||||
}
|
||||
else
|
||||
{
|
||||
$label = ADLAN_48.': '.ADMINNAME.' ';
|
||||
}
|
||||
|
||||
|
||||
// Logout / Settings / Personalize
|
||||
$E_ADMIN_NAVIGATION['button_logout'] = '
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" title="'.$label.'" role="button" data-toggle="dropdown" data-target="#" href="{LINK_URL}" >
|
||||
{LINK_IMAGE} {LINK_TEXT}
|
||||
<b class="caret"></b>
|
||||
</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
|
||||
// Private Messaging - //TODO Discuss and make this work..
|
||||
$E_ADMIN_NAVIGATION['button_pm'] = '
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" title="Messages" role="button" data-toggle="dropdown" href="#" >
|
||||
<i class="icon-envelope" class="active"></i> 3
|
||||
<b class="caret"></b>
|
||||
</a>
|
||||
<div id="dropdown" class="dropdown-menu pull-right e-noclick" style="padding:10px;width:300px">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-header">Unread Messages</li>
|
||||
<li><a href="#">Incoming Message Number 1</a></li>
|
||||
<li><a href="#">Incoming Message Number 2</a></li>
|
||||
<li><a href="#">Incoming Message Number 3</a></li>
|
||||
<li class="divider"></li>
|
||||
</ul>
|
||||
<textarea class="e-tip input-block-level" title="Example Only"></textarea>
|
||||
<button class="dropdown-toggle btn btn-primary" >Send</button>
|
||||
</div>
|
||||
</li>
|
||||
';
|
||||
|
||||
|
||||
|
||||
$E_ADMIN_NAVIGATION['button_other'] = '
|
||||
<li>
|
||||
<a role="button" href="{LINK_URL}" >
|
||||
{LINK_TEXT}
|
||||
</a>
|
||||
</li>
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['start_sub'] = '
|
||||
<ul class="dropdown-menu" role="menu" >
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['start_other_sub'] = '
|
||||
<ul class="dropdown-menu pull-right" role="menu" >
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['button_sub'] = '
|
||||
<li role="menuitem" class="{LINK_CLASS}">
|
||||
<a href="{LINK_URL}">{LINK_IMAGE}{LINK_TEXT}</a>
|
||||
</li>
|
||||
';
|
||||
$E_ADMIN_NAVIGATION['button_active_sub'] = '
|
||||
<li role="menuitem" class="active">
|
||||
<a href="{LINK_URL}">{LINK_IMAGE}{LINK_TEXT}</a>
|
||||
</li>
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['end_sub'] = '</ul>';
|
||||
|
||||
$E_ADMIN_NAVIGATION['end'] = '</ul>';
|
||||
|
||||
/*
|
||||
<div class="admin-navigation">
|
||||
<div id="nav">{ADMIN_NAVIGATION}</div>
|
||||
<div class="clear"><!-- --></div>
|
||||
</div>
|
||||
*/
|
||||
|
||||
$inverse = (e107::getPref('admincss') == "admin_light.css") ? "navbar-inverse" : "";
|
||||
|
||||
|
||||
/*
|
||||
$ADMIN_HEADER = '<div class="navbar '.$inverse.' navbar-nav navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand " href="'.e_ADMIN_ABS.'admin.php" title="Return to Front Panel"><img class="admin-logo" src="'.e_THEME_ABS.'bootstrap/images/e107_adminlogo.png" alt="e107" /></a>
|
||||
<div class="nav-collapse collapse">
|
||||
|
||||
|
||||
<div class="dropdown nav">
|
||||
{ADMIN_NAVIGATION=no-main}
|
||||
</div>
|
||||
<div class="dropdown nav pull-right navbar-text ">
|
||||
<li>{ADMIN_COREUPDATE=icon}</li>
|
||||
{ADMIN_PM}
|
||||
{ADMIN_NAVIGATION=home}
|
||||
{ADMIN_NAVIGATION=language}
|
||||
{ADMIN_NAVIGATION=logout}
|
||||
|
||||
</div>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>';
|
||||
*/
|
||||
|
||||
|
||||
$ADMIN_HEADER = '<div class="navbar navbar-fixed-top" role="navigation">
|
||||
<div class="container" >
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="brand navbar-brand" href="'.e_ADMIN_ABS.'admin.php" title="Return to Front Panel"><img class="admin-logo" src="'.e_THEME_ABS.'bootstrap/images/e107_adminlogo.png" alt="e107" /></a>
|
||||
</div>
|
||||
<div class="navbar-collapse collapse">
|
||||
<div class="dropdown nav navbar-nav">
|
||||
{ADMIN_NAVIGATION=no-main}
|
||||
</div>
|
||||
|
||||
<div class="dropdown nav navbar-nav nav-right navbar-right ">
|
||||
<li>{ADMIN_COREUPDATE=icon}</li>
|
||||
{ADMIN_PM}
|
||||
{ADMIN_NAVIGATION=home}
|
||||
{ADMIN_NAVIGATION=language}
|
||||
{ADMIN_NAVIGATION=logout}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div><!--/.navbar-collapse -->
|
||||
</div>
|
||||
</div>';
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$ADMIN_HEADER .= '<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-2 col-md-2" id="left-panel">
|
||||
{SETSTYLE=admin_menu}
|
||||
|
||||
{ADMIN_MENU}
|
||||
{ADMIN_MENUMANAGER}
|
||||
|
||||
|
||||
{ADMIN_PWORD}
|
||||
{SETSTYLE=site_info}
|
||||
|
||||
{ADMIN_HELP}
|
||||
{ADMIN_SITEINFO=creditsonly}
|
||||
{SETSTYLE=admin_menu}
|
||||
|
||||
{ADMIN_LATEST=infopanel}
|
||||
{ADMIN_STATUS=infopanel}
|
||||
|
||||
{ADMIN_LOG=request}
|
||||
{ADMIN_MSG=request}
|
||||
{ADMIN_PLUGINS}
|
||||
|
||||
|
||||
|
||||
{SETSTYLE=none}
|
||||
|
||||
</div>
|
||||
<div class="col-lg-10" id="right-panel" >
|
||||
|
||||
';
|
||||
|
||||
|
||||
$ADMIN_FOOTER = '
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
<footer class="center mute">
|
||||
Copyright © 2008-2013 e107 Inc (e107.org)<br />
|
||||
</footer>';
|
||||
|
||||
|
||||
|
||||
//{FS_ADMIN_ALT_NAV}
|
||||
/*
|
||||
$ADMIN_HEADER = "
|
||||
<div class='admin-wrapper'>
|
||||
<div class='admin-header'>
|
||||
<div class='admin-header-content'>
|
||||
<div class='f-right'><!-- -->{ADMIN_LANG=nobutton&nomenu}</div>
|
||||
{ADMIN_LOGO}
|
||||
{ADMIN_LOGGED}
|
||||
{ADMIN_SEL_LAN}
|
||||
|
||||
</div>
|
||||
<div style='height: 20px;'><!-- --></div>
|
||||
<div class='admin-navigation'>
|
||||
<div id='nav'>{ADMIN_NAVIGATION}</div>
|
||||
<div class='clear'><!-- --></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='admin-page-body'>
|
||||
<table class='main-table'>
|
||||
<tr>
|
||||
|
||||
<td class='col-left'>
|
||||
|
||||
{SETSTYLE=admin_menu}
|
||||
{ADMIN_MENU}
|
||||
{ADMIN_MENUMANAGER}
|
||||
{ADMIN_PRESET}
|
||||
{ADMIN_LANG}
|
||||
{SETSTYLE=none}
|
||||
{ADMIN_PWORD}
|
||||
{ADMIN_STATUS=request}
|
||||
{ADMIN_LATEST=request}
|
||||
{ADMIN_LOG=request}
|
||||
{ADMIN_MSG}
|
||||
{ADMIN_PLUGINS}
|
||||
{ADMIN_UPDATE}
|
||||
|
||||
{SETSTYLE=site_info}
|
||||
{ADMIN_SITEINFO}
|
||||
{ADMIN_HELP}
|
||||
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
<td>
|
||||
<div class='col-main'>
|
||||
<div class='inner-wrapper'>
|
||||
{SETSTYLE=admin_content}
|
||||
";
|
||||
*/
|
||||
/*
|
||||
{SETSTYLE=admin_menu}
|
||||
<!--
|
||||
{ADMIN_NAV}
|
||||
-->
|
||||
{ADMIN_LANG}
|
||||
|
||||
{ADMIN_SITEINFO}
|
||||
|
||||
{ADMIN_DOCS}
|
||||
*/
|
||||
|
||||
/*
|
||||
$ADMIN_FOOTER = "
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<!--
|
||||
<td class='col-right'>
|
||||
<div class='col-right'>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class='admin-footer'>
|
||||
<!-- -->
|
||||
</div>
|
||||
</div>
|
||||
";
|
||||
*/
|
||||
/* NEW ADMIN MENU TEMPLATE
|
||||
* see function e107::getNav()->admin() in e107_admin/header.php
|
||||
*/
|
||||
$E_ADMIN_MENU['start'] = '
|
||||
<ul class="plugin-navigation nav nav-list">
|
||||
';
|
||||
|
||||
$E_ADMIN_MENU['button'] = '
|
||||
<li>
|
||||
<a class="link{LINK_CLASS}" href="{LINK_URL}"{ID}{ONCLICK}><i class="icon-chevron-right"></i> {LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
$E_ADMIN_MENU['button_active'] = '
|
||||
<li class="active">
|
||||
<a class="link-active{LINK_CLASS}" href="{LINK_URL}"{ID}{ONCLICK}><i class="icon-chevron-right"></i> {LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
$E_ADMIN_MENU['start_sub'] = '
|
||||
<ul class="plugin-navigation-sub{SUB_CLASS}"{SUB_ID}>
|
||||
';
|
||||
|
||||
$E_ADMIN_MENU['button_sub'] = '
|
||||
<li>
|
||||
<a class="link" href="{LINK_URL}"> {LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
$E_ADMIN_MENU['button_active_sub'] = '
|
||||
<li>
|
||||
<a class="link-active" href="{LINK_URL}"> {LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
$E_ADMIN_MENU['end_sub'] = '
|
||||
</ul>
|
||||
';
|
||||
|
||||
$E_ADMIN_MENU['end'] = '
|
||||
</ul>
|
||||
';
|
||||
|
||||
$E_ADMIN_MENU['divider'] = '<li class="divider"></li>';
|
||||
|
||||
|
||||
/* NEW ADMIN SLIDE DOWN MENU TEMPLATE
|
||||
* see function admin_navigation() in e107_files/shortcodes/admin_navigation.php
|
||||
* TODO move it together with menu.css/menu.js to the theme templates/e107_files folder (default menu render)
|
||||
*/
|
||||
|
||||
/*
|
||||
$E_ADMIN_NAVIGATION['start'] = '
|
||||
<ul id="nav nav-links">
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['button'] = '
|
||||
<li>
|
||||
<a class="menuButton" href="{LINK_URL}"{ONCLICK}>{LINK_IMAGE}{LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
$E_ADMIN_NAVIGATION['button_active'] = '
|
||||
<li>
|
||||
<a class="menuButton active" href="{LINK_URL}"{ONCLICK}>{LINK_IMAGE}{LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['start_sub'] = '
|
||||
<ul class="menu"{SUB_ID}>
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['button_sub'] = '
|
||||
<li>
|
||||
<a class="menuItem{SUB_CLASS}" href="{LINK_URL}"{ONCLICK}>{LINK_IMAGE}{LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
$E_ADMIN_NAVIGATION['button_active_sub'] = '
|
||||
<li>
|
||||
<a class="menuItem{SUB_CLASS}" href="{LINK_URL}"{ONCLICK}>{LINK_IMAGE}{LINK_TEXT}</a>
|
||||
{SUB_MENU}
|
||||
</li>
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['end_sub'] = '
|
||||
</ul>
|
||||
';
|
||||
|
||||
$E_ADMIN_NAVIGATION['end'] = '
|
||||
</ul>
|
||||
';
|
||||
|
||||
*/
|
||||
?>
|
||||
259
e107_themes/bootstrap3/admin_theme.php
Normal file
259
e107_themes/bootstrap3/admin_theme.php
Normal file
@@ -0,0 +1,259 @@
|
||||
<?php
|
||||
if ( ! defined('e107_INIT')) { exit(); }
|
||||
|
||||
define("SEP"," <span class='glyphicon glyphicon-icon-play e-breadcrumb'></span> ");
|
||||
define("BOOTSTRAP", 3);
|
||||
define('FONTAWESOME', 4);
|
||||
|
||||
e107::js("url", "http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js");
|
||||
e107::css('url', 'http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
|
||||
e107::css('url', "http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
|
||||
|
||||
e107::css('url', "//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css");
|
||||
e107::css('url', "//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js");
|
||||
|
||||
e107::css('theme','admin_style.css');
|
||||
e107::css('url', '//maxcdn.bootstrapcdn.com/bootswatch/3.3.2/slate/bootstrap.min.css');
|
||||
// e107::css('theme','admin_dark.css');
|
||||
e107::css('theme','ie_all.css',null,'all',"<!--[if IE]>","<![endif]-->");
|
||||
|
||||
|
||||
/*
|
||||
$drop = "
|
||||
$(function() {
|
||||
$('.navbar .dropdown').hover(function() {
|
||||
$(this).find('.dropdown-menu').first().stop(true, true).slideDown()
|
||||
}, function() {
|
||||
$(this).find('.dropdown-menu').first().stop(true, true).slideUp('fast')
|
||||
});
|
||||
});
|
||||
";
|
||||
|
||||
e107::js("inline",$drop);
|
||||
*/
|
||||
|
||||
// e107::js("inline","$('.dropdown-toggle').toggle('slow');");
|
||||
|
||||
|
||||
|
||||
if(defined('TEXTDIRECTION') && file_exists(THEME.'/menu/menu_'.strtolower(TEXTDIRECTION).'.css'))
|
||||
{
|
||||
// e107::css('theme','menu/menu_'.strtolower(TEXTDIRECTION).'.css');
|
||||
}
|
||||
else
|
||||
{
|
||||
// e107::css('theme','menu/menu.css');
|
||||
}
|
||||
|
||||
|
||||
// $register_sc[]='FS_ADMIN_ALT_NAV';
|
||||
$no_core_css = TRUE;
|
||||
|
||||
|
||||
class bootstrap3_admintheme
|
||||
{
|
||||
|
||||
function tablestyle($caption, $text, $mode)
|
||||
{
|
||||
global $style;
|
||||
|
||||
$class = '';
|
||||
|
||||
|
||||
|
||||
|
||||
if(is_string($mode) && $mode == 'admin_help') $class = ' '.str_replace('_', '-', $mode);
|
||||
|
||||
if($mode == 'e_help')
|
||||
{
|
||||
$style = 'admin_menu';
|
||||
}
|
||||
|
||||
if($mode == 'core-infopanel_latest' || $mode == 'core-infopanel_status')
|
||||
{
|
||||
//return;
|
||||
echo '
|
||||
<!-- Start Mode: '.$mode.' -->
|
||||
<li class="span6 col-md-6 '.$mode.'" >
|
||||
|
||||
<div class="well" style="padding:10px;min-height:220px;" >
|
||||
<div class="nav-header">'.$caption.'</div>
|
||||
<!-- Content Start -->
|
||||
'.$text.'
|
||||
<!-- Content End -->
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<!-- End Mode: '.$mode.' -->
|
||||
';
|
||||
return;
|
||||
}
|
||||
|
||||
if($mode == 'personalize')
|
||||
{
|
||||
echo '
|
||||
<!-- Mode: '.$mode.' -->
|
||||
<div class="well" style="padding:10px">
|
||||
<div class="nav-header">'.$caption.'</div>
|
||||
<!-- Content Start -->
|
||||
'.$text.'
|
||||
<!-- Content End -->
|
||||
</div>
|
||||
<!-- End Mode: '.$mode.' -->
|
||||
';
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
if($style == 'core-infopanel')
|
||||
{
|
||||
echo '
|
||||
<!-- Start Style: '.$style.' -->
|
||||
|
||||
<li class="span12 col-md-12">
|
||||
|
||||
<div class="well" >
|
||||
<div class="nav-header">'.$caption.'</div>
|
||||
<!-- Content Start -->
|
||||
'.$text.'
|
||||
<!-- Content End -->
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<!-- End Style: '.$style.' -->
|
||||
';
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
if(deftrue('e_IFRAME'))
|
||||
{
|
||||
echo '
|
||||
<div class="block">
|
||||
<div class="block-text">
|
||||
'.$text.'
|
||||
</div>
|
||||
</div>
|
||||
';
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
if(trim($caption) == '')
|
||||
{
|
||||
$style = 'no_caption';
|
||||
}
|
||||
|
||||
|
||||
switch(varset($style, 'admin_content'))
|
||||
{
|
||||
|
||||
case 'admin_menu' :
|
||||
echo '<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">'.$caption.'</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
'.$text.'
|
||||
</div>
|
||||
</div>';
|
||||
|
||||
/*
|
||||
echo '
|
||||
<div class="well sidebar-nav" >
|
||||
<div class="nav-header">'.$caption.'</div>
|
||||
'.$text.'
|
||||
</div>
|
||||
';
|
||||
**/
|
||||
break;
|
||||
|
||||
case 'site_info' :
|
||||
echo '
|
||||
<div class="well sidebar-nav" >
|
||||
<div class="nav-header">'.$caption.'</div>
|
||||
<p style="padding:10px">
|
||||
'.$text.'
|
||||
</p>
|
||||
</div>
|
||||
';
|
||||
break;
|
||||
/*
|
||||
case 'admin_content':
|
||||
echo '
|
||||
<div class="block">
|
||||
<h2 class="caption">'.$caption.'</h2>
|
||||
<div class="block-text">
|
||||
'.$text.'
|
||||
</div>
|
||||
</div>
|
||||
';
|
||||
break;
|
||||
*/
|
||||
|
||||
case 'no_caption' :
|
||||
echo '
|
||||
<div class="block">
|
||||
<div class="block-text">
|
||||
'.$text.'
|
||||
</div>
|
||||
</div>
|
||||
';
|
||||
break;
|
||||
|
||||
|
||||
default:
|
||||
echo '
|
||||
<div class="block">
|
||||
<h4 class="caption">'.$caption.'</h4>
|
||||
<div class="block-text">
|
||||
'.$text.'
|
||||
</div>
|
||||
</div>
|
||||
';
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$HEADER = '';
|
||||
$FOOTER = '';
|
||||
|
||||
|
||||
/*
|
||||
|
||||
$sc_style['NEWSIMAGE']['pre'] = '<div style="float: left; margin-right: 15px">';
|
||||
$sc_style['NEWSIMAGE']['post'] = '</div>';
|
||||
$sc_style['NEWSICON']['pre'] = '<div style="float: left; margin-right: 15px">';
|
||||
$sc_style['NEWSICON']['post'] = '</div>';
|
||||
|
||||
$NEWSSTYLE = '
|
||||
<div class="newsItem clear">
|
||||
<h4>{NEWSTITLE}</h4>
|
||||
<span class="newsAuthor">{NEWSAUTHOR}</span>
|
||||
<span class="newsDate">{NEWSDATE}</span>
|
||||
<div style="clear: both; margin-bottom: 5px;"><!-- --></div>
|
||||
{NEWSIMAGE}
|
||||
{NEWSBODY}
|
||||
{EXTENDED}
|
||||
{TRACKBACK}
|
||||
<div style="clear: both; margin-bottom: 5px;"><!-- --></div>
|
||||
<table class="newsComments" cellpadding="0" cellspacing="0" style="border: 0px none; width: 100%" >
|
||||
<tr>
|
||||
<td valign="middle" style="text-align: left">
|
||||
{NEWSCOMMENTS}
|
||||
</td>
|
||||
<td valign="middle" style="text-align: right">
|
||||
{ADMINOPTIONS}{EMAILICON}{PRINTICON}{PDFICON}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
';
|
||||
|
||||
*/
|
||||
?>
|
||||
Reference in New Issue
Block a user