1
0
mirror of https://github.com/e107inc/e107.git synced 2025-08-07 15:16:30 +02:00

Bootstrap Theme code cleanup

This commit is contained in:
Cameron
2012-12-18 01:31:42 -08:00
parent 992d88ddb6
commit 9168dc2bd0
2 changed files with 39 additions and 117 deletions

View File

@@ -2,99 +2,10 @@
body { padding-top: 75px; padding-bottom: 40px; } body { padding-top: 75px; padding-bottom: 40px; }
.well { padding:10px; } .well { padding:10px; }
/* E107 CORE CSS *********************************************************************************************/
.searchhighlight{text-decoration: underline; color:#FF0000; font-weight:bold; }
/*
* e107 v0.800 - new class definitions
*/
/* 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; }
/* Core Icons */
img.icon { vertical-align: middle; border: 0 }
img.icon.list { margin: 0px 5px 5px 0px }
img.icon.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 }
/*******************************************************************************************************************/ /*******************************************************************************************************************/
/* Lists */
ul,ol { list-style:none; }
/* Tools */
/*.no-display { display:none; }*/
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
.clear { clear: both; }
pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/********** Page Loading Status default style */
#loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; }
#loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px; text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; }
#loading-mask img { margin: 10px auto; }
/********** Element Loading Status default style */
.element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; }
/********** Auto complete default style */
div.e-autocomplete {
position:absolute;
width:250px;
background-color:white;
border:1px solid #c0c0c0;
margin:0;
padding:0;
}
div.e-autocomplete ul {
list-style-type:none;
margin:0;
padding:0;
font-weight: bold; font-size: 11px
}
div.e-autocomplete ul li.selected { background-color: #f5f5f5;}
div.e-autocomplete ul li {
list-style-type:none;
display:block;
margin:0;
padding: 5px;
cursor:pointer;
}
div.e-autocomplete ul li span.informal { font-weight: normal; font-size: 9px}
/******** Tabs JS */
ul.e-tabs { border-bottom: 1px solid #DDDDDD; height: 31px; }
ul.e-tabs li { border: 1px solid #DDDDDD; display: block; float: left; line-height: 30px; padding: 0px 7px; margin-right: 3px; background-color: #F9F9F9 }
.admintabs ul.e-tabs li.active { border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF}
/********** Misc */ /********** Misc */
.e-pointer { cursor: pointer; } /* Pointer Hand */ .e-pointer { cursor: pointer; } /* Pointer Hand */
.expand-container { padding: 10px; } /* Block with expandable items */ .expand-container { padding: 10px; } /* Block with expandable items */

View File

@@ -1,6 +1,9 @@
<?php <?php
if ( ! defined('e107_INIT')) { exit(); } if ( ! defined('e107_INIT')) { exit(); }
/*
* This is a 100% Pure Bootstrap Theme for e107 v2
*/
define("VIEWPORT","width=device-width, initial-scale=1.0"); define("VIEWPORT","width=device-width, initial-scale=1.0");
e107::lan('theme'); e107::lan('theme');
@@ -9,30 +12,18 @@ e107::css('core','bootstrap/css/bootstrap.min.css');
e107::css('core','bootstrap/css/bootstrap-responsive.min.css'); e107::css('core','bootstrap/css/bootstrap-responsive.min.css');
e107::css('core','bootstrap/css/jquery-ui.custom.css'); e107::css('core','bootstrap/css/jquery-ui.custom.css');
//$register_sc[]='FS_ADMIN_ALT_NAV'; //$no_core_css = TRUE;
$no_core_css = TRUE;
define("STANDARDS_MODE",TRUE); //define("STANDARDS_MODE",TRUE);
// TODO - JS/CSS handling via JSManager
function theme_head() function theme_head()
{ {
return; return;
/*
$theme_pref = e107::getThemePref(); $theme_pref = e107::getThemePref();
$ret = ''; $ret = '';
$ret .= '
<link rel="stylesheet" href="'.THEME_ABS.'menu/menu.css" type="text/css" media="all" />
<!--[if IE]>
<link rel="stylesheet" href="'.THEME_ABS.'ie_all.css" type="text/css" media="all" />
<![endif]-->
<!--[if lte IE 7]>
<script type="text/javascript" src="'.THEME_ABS.'menu/menu.js"></script>
<![endif]-->
';
if(THEME_LAYOUT == "alternate") // as matched by $HEADER['alternate']; if(THEME_LAYOUT == "alternate") // as matched by $HEADER['alternate'];
{ {
@@ -43,9 +34,9 @@ function theme_head()
{ {
$ret .= "<!-- Include Something Else --> "; $ret .= "<!-- Include Something Else --> ";
} }
return $ret; return $ret;
*/
} }
@@ -67,7 +58,8 @@ define('OTHERNEWS_LIMIT', 3); // Limit to 3.
define('OTHERNEWS2_COLS',false); // no tables, only divs. define('OTHERNEWS2_COLS',false); // no tables, only divs.
define('OTHERNEWS2_LIMIT', 3); // Limit to 3. define('OTHERNEWS2_LIMIT', 3); // Limit to 3.
function tablestyle($caption, $text, $mode)
function tablestyle($caption, $text, $mode='')
{ {
global $style; global $style;
@@ -77,19 +69,19 @@ function tablestyle($caption, $text, $mode)
$type = 'box'; $type = 'box';
} }
if($mode == 'wm') if($mode == 'wm') // Welcome Message Style.
{ {
echo '<div class="hero-unit"> echo '<div class="hero-unit">
<h1>'.$caption.'</h1> <h1>'.$caption.'</h1>
<p>'.$text.'</p> <p>'.$text.'</p>
<p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p> <p><a href="'.e_ADMIN.'admin.php" class="btn btn-primary btn-large">Go to Admin area &raquo;</a></p>
</div>'; </div>';
return; return;
} }
if($mode == 'loginbox') if($mode == 'loginbox') // Login Box Style.
{ {
echo '<div class="well sidebar-nav"> echo '<div class="well sidebar-nav">
<ul class="nav nav-list"><li class="nav-header">'.$caption.'</li></ul> <ul class="nav nav-list"><li class="nav-header">'.$caption.'</li></ul>
@@ -104,7 +96,7 @@ function tablestyle($caption, $text, $mode)
switch($type) switch($type)
{ {
//FIXME Use Bootstrap css. ie. span4 etc. // Default Menu/Side-Panel Style
case 'menu' : case 'menu' :
echo '<div class="well sidebar-nav"> echo '<div class="well sidebar-nav">
<ul class="nav nav-list"><li class="nav-header">'.$caption.'</li></ul> <ul class="nav nav-list"><li class="nav-header">'.$caption.'</li></ul>
@@ -128,7 +120,7 @@ function tablestyle($caption, $text, $mode)
'; ';
break; break;
default: default: // Main Content Style.
echo ' echo '
<h2>'.$caption.'</h2> <h2>'.$caption.'</h2>
<p> <p>
@@ -140,6 +132,10 @@ function tablestyle($caption, $text, $mode)
} }
} }
// TODO Convert to : default-home and default-other layouts.
$HEADER['default'] = ' $HEADER['default'] = '
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
@@ -194,8 +190,23 @@ $FOOTER['default'] = '
</div><!--/.fluid-container-->'; </div><!--/.fluid-container-->';
// HERO http://twitter.github.com/bootstrap/examples/hero.html // HERO http://twitter.github.com/bootstrap/examples/hero.html
//FIXME insert shortcodes while maintaing classes. //FIXME insert shortcodes while maintaining only bootstrap classes.
$HEADER['hero'] = ' $HEADER['hero'] = '
@@ -248,7 +259,7 @@ $HEADER['hero'] = '
*/ */
//FIXME insert shortcodes while maintaing classes. //FIXME insert shortcodes while maintaining classes.
$FOOTER['hero'] = ' $FOOTER['hero'] = '
</div> </div>