mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-25 15:31:41 +02:00
Code Issues Releases Wiki Activity

featurebox front-end - done, dynamic part and cleanup in progress

Browse Source
This commit is contained in:
secretr
2009-12-09 18:33:43 +00:00
parent 11d37fdc76
commit c344133a74
9 changed files with 381 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
e107_themes/_blank/admin_style.css
View File

@@ -73,7 +73,7 @@ sup { font-size:1em; vertical-align:top; }
ul,ol { list-style:none; }
/* Tools */
.no-display { display:none; }
/*.no-display { display:none; }*/
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
@@ -125,7 +125,7 @@ select, .tbox, .helpbox {
background:#fff;
font:12px arial, helvetica, sans-serif;
}
option { padding-right: 10px;}
option { padding-left: 10px;}
input.input-text, textarea, .tbox, .helpbox { padding:2px; }
select.tbox { min-height:17px; padding: 0px; /* setting the height of empty selects */ }

96
e107_themes/_blank/style.css
View File

@@ -23,9 +23,9 @@
.nowrap { white-space:nowrap; }
/* Core Icons */
img.icon { border: 0 }
img.icon { vertical-align: middle; border: 0 }
img.icon.list { margin: 0px 5px 5px 0px }
img.icon.action { vertical-align: middle }
img.icon.action { }
img.S16 { width: 16px; height: 16px }
img.S32 { width: 32px; height: 32px }
img.S64 { width: 64px; height: 64px }
@@ -75,7 +75,7 @@ sup { font-size:1em; vertical-align:top; }
ul,ol { list-style:none; }
/* Tools */
.no-display { display:none; }
/*.no-display { display:none; }*/
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
@@ -91,8 +91,70 @@ pre {
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}
/********** Misc */
.e-pointer { cursor: pointer; } /* Pointer Hand */
.expand-container { padding: 10px; } /* Block with expandable items */
.nextprev-bar { clear: both; padding: 5px; font-size: 14px; margin: 5px; border:1px solid #ddd; } /* Page NextPrev navigation block */
/******** SyS Messages / Message text formatting */
/* message boxes */
.s-message { }
.s-message div.info,
.s-message div.error,
.s-message div.success,
.s-message div.debug,
.s-message div.warning { padding: 5px; margin-bottom: 10px; }
.s-message div.info { background-color:#C1E0FF; border: 1px solid #3399FF; }
.s-message div.error { background-color:#FFCECE; border: 1px solid #CC0000; }
.s-message div.success { background-color:#DFFFDF; border: 1px solid #009900; }
.s-message div.warning { background-color:#FFFFD5; border: 1px solid #FFCC00; }
.s-message div.debug { background-color:#FFFFFF; border: 1px solid #EAEAEA; }
.s-message .s-message-title { height: 32px; background: 0 50% no-repeat; padding-left: 42px; font-size: 14px; font-weight: bold; line-height: 32px; }
.s-message div.info .s-message-title { background-image: url(images/messagebox_info.png); }
.s-message div.error .s-message-title { background-image: url(images/messagebox_critical.png); }
.s-message div.success .s-message-title { background-image: url(images/ok.png); }
.s-message div.warning .s-message-title { background-image: url(images/messagebox_warning.png); }
.s-message div.debug .s-message-title { background-image: url(images/messagebox_info.png); }
/* message text (overall) */
.warning { color: #FF6600 }
@@ -100,3 +162,31 @@ pre {
.error { color: #FF0000 }
.info {}
.required { color:red }
/* THEME SPECIFIC CSS *********************************************************************************************/
/******** Page Base */
.wrapper { width: 100%; }
.header { padding: 20px 15px 0; }
.header-content { border: 1px solid #DDDDDD}
.page-body { padding: 20px 15px 0; }
.footer {}
legend { font-size: 14px; font-weight: bold; padding: 5px; }
/******** Block Elements */
.block { border: 1px solid #DDDDDD; margin-bottom: 10px;}
.block-text { padding: 10px 10px 10px; }
.block h1.caption { padding: 5px 10px 5px; vertical-align: middle; }
.block h2.caption, .block h4.caption { padding: 5px 10px 5px; border-bottom: 1px solid #DDDDDD; }
/******** Horizontal navigation ADMIN_NAV_ALT */
.navigation { border: 1px solid #DDDDDD;}
/******** Layout */
.main-table { width: 100%; border: 0 none; }
.col-left { width: 220px; }
.col-right { width: 220px;}
.col-main { padding: 0 15px 0 15px;}
.inner-wrapper { margin: 0 5px }
/******** Horizontal navigation ADMIN_NAV_ALT */
.navigation { border: 1px solid #DDDDDD;}

76
e107_themes/_blank/theme.php
View File

@@ -62,11 +62,10 @@ function theme_head() {
function tablestyle($caption, $text, $mod) {
global $style;
$class = '';
if(is_string($mod) && $mod == 'admin_help') $class = ' '.str_replace('_', '-', $mod);
switch($style) {
case 'admin_menu' :
case 'menu' :
echo '
<div class="block">
<h4 class="caption">'.$caption.'</h4>
@@ -75,32 +74,10 @@ function tablestyle($caption, $text, $mod) {
';
break;
case 'site_info' :
echo '
<div class="block'.$class.'">
<h4 class="caption">'.$caption.'</h4>
<div class="block-text">
'.$text.'
</div>
</div>
';
break;
case 'admin_content':
echo '
<div class="block">
<h2 class="caption">'.$caption.'</h2>
<div class="block-text">
'.$text.'
</div>
</div>
';
break;
default:
echo '
<div class="block">
<h4>'.$caption.'</h4>
<h1 class="caption">'.$caption.'</h1>
<div class="block-text">
'.$text.'
</div>
@@ -110,8 +87,51 @@ function tablestyle($caption, $text, $mod) {
}
}
$HEADER['default'] = '';
$FOOTER['default'] = '';
$HEADER['default'] = '
<div class="wrapper">
<div class="header">
<div class="header-content">
BLANK HEADER
</div>
<div style="height: 20px;"><!-- --></div>
<div class="navigation">
<div id="main-nav">{SITELINKS}</div>
<div class="clear"><!-- --></div>
</div>
</div>
<div class="page-body">
<table class="main-table" cellpadding="0" cellspacing="0">
<tr>
<td class="col-left">
{SETSTYLE=menu}
{MENU=1}
</td>
<td>
<div class="col-main">
<div class="inner-wrapper">
{SETSTYLE=content}
{FEATUREBOX|blank_default=notablestyle}
';
$FOOTER['default'] = '
</div>
</div>
</td>
<td class="col-right">
<div class="col-right">
{SETSTYLE=menu}
{MENU=2}
</div>
</td>
</tr>
</table>
</div>
<div class="footer">
<!-- -->
</div>
</div>
';
$HEADER['alternate'] = '';
$FOOTER['alternate'] = '';