Formal_white for 2.0
132
theme/formal_white/config.php
Normal file
@ -0,0 +1,132 @@
|
||||
<?php
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
/// This file contains a few configuration variables that control
|
||||
/// how Moodle uses this theme.
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// The name of our theme
|
||||
$THEME->name = 'formal_white';
|
||||
|
||||
|
||||
$THEME->sheets = array('dock','base','general','fw_corners','formalwhite','settings');
|
||||
$layoutpage = 'general.php';
|
||||
/// This variable is an array containing the names of all the
|
||||
/// stylesheet files you want included in this theme, and in what order
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
$THEME->parents = array('base'); // TODO: new themes can not be based on standardold, instead use 'base' as the base
|
||||
/// This variable can be set to the name of a parent theme
|
||||
/// which you want to have included before the current theme.
|
||||
/// This can make it easy to make modifications to another
|
||||
/// theme without having to actually change the files
|
||||
/// If this variable is empty or false then a parent theme
|
||||
/// is not used.
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
$THEME->parents_exclude_sheets = array('base'=>array('styles_moz'));
|
||||
|
||||
$THEME->resource_mp3player_colors =
|
||||
'bgColour=000000&btnColour=ffffff&btnBorderColour=cccccc&iconColour=000000&'.
|
||||
'iconOverColour=00cc00&trackColour=cccccc&handleColour=ffffff&loaderColour=ffffff&'.
|
||||
'font=Arial&fontColour=3333FF&buffer=10&waitForPlay=no&autoPlay=yes';
|
||||
/// With this you can control the colours of the "big" MP3 player
|
||||
/// that is used for MP3 resources.
|
||||
|
||||
|
||||
$THEME->filter_mediaplugin_colors =
|
||||
'bgColour=000000&btnColour=ffffff&btnBorderColour=cccccc&iconColour=000000&'.
|
||||
'iconOverColour=00cc00&trackColour=cccccc&handleColour=ffffff&loaderColour=ffffff&'.
|
||||
'waitForPlay=yes';
|
||||
/// ...And this controls the small embedded player
|
||||
|
||||
$THEME->editor_sheets = array('styles_tinymce');
|
||||
|
||||
$THEME->layouts = array(
|
||||
// Most pages - if we encounter an unknown or a missing page type, this one is used.
|
||||
'base' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array()
|
||||
),
|
||||
'standard' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre'),
|
||||
'defaultregion' => 'side-post'
|
||||
),
|
||||
// Course page
|
||||
'course' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre', 'side-post'),
|
||||
'defaultregion' => 'side-post'
|
||||
),
|
||||
// Course page
|
||||
'coursecategory' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre', 'side-post'),
|
||||
'defaultregion' => 'side-post'
|
||||
),
|
||||
'incourse' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre', 'side-post'),
|
||||
'defaultregion' => 'side-post'
|
||||
),
|
||||
'frontpage' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre', 'side-post'),
|
||||
'defaultregion' => 'side-pre'
|
||||
),
|
||||
'admin' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre'),
|
||||
'defaultregion' => 'side-pre'
|
||||
),
|
||||
'mydashboard' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre', 'side-post'),
|
||||
'defaultregion' => 'side-post'
|
||||
),
|
||||
'mypublic' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array('side-pre', 'side-post'),
|
||||
'defaultregion' => 'side-post'
|
||||
),
|
||||
'login' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array()
|
||||
),
|
||||
// Pages that appear in pop-up windows - no navigation, no blocks, no header.
|
||||
'popup' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array(),
|
||||
'options' => array('nofooter'=>true, 'nonavbar'=>true, 'noblocks'=>true),
|
||||
),
|
||||
// No blocks and minimal footer - used for legacy frame layouts only!
|
||||
'frametop' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array(),
|
||||
'options' => array('nofooter', 'noblocks'=>true),
|
||||
),
|
||||
// Embeded pages, like iframe embeded in moodleform
|
||||
'embedded' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array(),
|
||||
'options' => array('nofooter'=>true, 'nonavbar'=>true, 'noblocks'=>true),
|
||||
),
|
||||
// Used during upgrade and install, and for the 'This site is undergoing maintenance' message.
|
||||
// This must not have any blocks, and it is good idea if it does not have links to
|
||||
// other places - for example there should not be a home link in the footer...
|
||||
'maintenance' => array(
|
||||
'file' => $layoutpage,
|
||||
'regions' => array(),
|
||||
'options' => array('nofooter'=>true, 'nonavbar'=>true, 'noblocks'=>true),
|
||||
)
|
||||
);
|
||||
|
||||
$THEME->rendererfactory = 'theme_overridden_renderer_factory';
|
||||
$THEME->enable_dock = true;
|
||||
$THEME->javascripts_footer = array('navigation');
|
||||
|
||||
/**
|
||||
* Sets the function that will replace our settings within the CSS
|
||||
*/
|
||||
$THEME->csspostprocess = 'formalwhite_process_css';
|
154
theme/formal_white/javascript/navigation.js
Normal file
@ -0,0 +1,154 @@
|
||||
/**
|
||||
* Customises the dock for the fw theme and does some other cool stuff
|
||||
*/
|
||||
function customise_dock_for_theme() {
|
||||
// If we don't have M.core_dock or Y then bail
|
||||
if (!M.core_dock) {
|
||||
return false;
|
||||
}
|
||||
// Change the defautl remove all icon to work with our black dock
|
||||
M.core_dock.cfg.display.removeallicon = M.util.image_url('dock_removeall', 'theme');
|
||||
|
||||
// On draw completed add the ability to move the dock to from the left to the right
|
||||
M.core_dock.on('dock:drawcompleted', fw.dock.enable_side_switching, fw.dock);
|
||||
// When the dock is first drawn check to see if it should be moved
|
||||
M.core_dock.on('dock:drawstarted', fw.dock.check_initial_position, fw.dock);
|
||||
// Corrects the panel x position for the theme
|
||||
M.core_dock.on('dock:itemadded', function(item) {
|
||||
item.on('dockeditem:showstart', fw.dock.correct_panel_x_position, fw.dock, item);
|
||||
item.on('dockeditem:resizecomplete', fw.dock.correct_panel_x_position, fw.dock, item);
|
||||
});
|
||||
|
||||
// Override the default fix_title_orientation method with our fw method
|
||||
// this will use SVG and rotate the text if possible.
|
||||
M.core_dock.genericblock.prototype.fix_title_orientation = fw.dock.fix_title_orientation;
|
||||
M.core_dock.genericblock.prototype.resize_block_space = fw.dock.resize_block_space;
|
||||
return true;
|
||||
}
|
||||
|
||||
var fw = (function(){
|
||||
return {
|
||||
namespaces : {
|
||||
svg : 'http://www.w3.org/2000/svg'
|
||||
},
|
||||
dock : {
|
||||
enable_side_switching : function() {
|
||||
var movedock = M.core_dock.Y.Node.create('<img src="'+M.util.image_url('movedock', 'theme')+'" />');
|
||||
var c = M.core_dock.node.one('.controls');
|
||||
c.insertBefore(M.core_dock.Y.Node.create('<br />'), c.one('img'));
|
||||
c.insertBefore(movedock, c.one('br'));
|
||||
movedock.on('click', this.switch_dock_side);
|
||||
},
|
||||
correct_panel_x_position : function(item) {
|
||||
var dockoffset = M.core_dock.Y.one('#dock_item_'+item.id+'_title').get('offsetWidth');
|
||||
var panelwidth = M.core_dock.Y.one(item.panel.body).get('offsetWidth');
|
||||
var screenwidth = parseInt(M.core_dock.Y.get(document.body).get('winWidth'));
|
||||
switch (M.core_dock.cfg.position) {
|
||||
case 'left':
|
||||
item.panel.cfg.setProperty('x', dockoffset);
|
||||
break;
|
||||
case 'right':
|
||||
item.panel.cfg.setProperty('x', (screenwidth-panelwidth-dockoffset-5));
|
||||
break;
|
||||
}
|
||||
},
|
||||
switch_dock_side : function () {
|
||||
var oldorientation = M.core_dock.cfg.orientation;
|
||||
var oldclass = M.core_dock.cfg.css.dock+'_'+M.core_dock.cfg.position+'_'+oldorientation;
|
||||
switch (M.core_dock.cfg.position) {
|
||||
case 'right':
|
||||
M.core_dock.cfg.position = 'left';
|
||||
M.core_dock.cfg.orientation = 'vertical';
|
||||
break;
|
||||
case 'left':
|
||||
M.core_dock.cfg.position = 'right';
|
||||
M.core_dock.cfg.orientation = 'vertical';
|
||||
break;
|
||||
}
|
||||
var newclass = M.core_dock.cfg.css.dock+'_'+M.core_dock.cfg.position+'_'+M.core_dock.cfg.orientation;
|
||||
M.core_dock.node.replaceClass(oldclass, newclass);
|
||||
M.core_dock.Y.Cookie.set('dock_position', M.core_dock.cfg.position);
|
||||
},
|
||||
check_initial_position : function () {
|
||||
var cookieposition = M.core_dock.Y.Cookie.get('dock_position');
|
||||
if (cookieposition && cookieposition != 'null' && cookieposition !== M.core_dock.cfg.position) {
|
||||
var oldclass = M.core_dock.cfg.css.dock+'_'+M.core_dock.cfg.position+'_'+M.core_dock.cfg.orientation;
|
||||
M.core_dock.cfg.position = cookieposition;
|
||||
if (M.core_dock.node) {
|
||||
var newclass = M.core_dock.cfg.css.dock+'_'+M.core_dock.cfg.position+'_'+M.core_dock.cfg.orientation;
|
||||
M.core_dock.node.replaceClass(oldclass, newclass);
|
||||
}
|
||||
}
|
||||
},
|
||||
fix_title_orientation : function (node) {
|
||||
if (M.core_dock.cfg.orientation == 'vertical') {
|
||||
return fw.transform.make_vertical_text(node);
|
||||
}
|
||||
return node;
|
||||
},
|
||||
resize_block_space : function (node) {
|
||||
var blockregions = {
|
||||
pre: {hasblocks:true,c:'side-pre-only'},
|
||||
post: {hasblocks:true,c:'side-post-only'},
|
||||
noblocksc:'noblocks'
|
||||
}
|
||||
M.core_dock.Y.all('div.block-region').each(function(blockregion){
|
||||
if (blockregion.hasClass('side-pre') && blockregion.all('.block').size() == 0) {
|
||||
blockregions.pre.hasblocks = false;
|
||||
} else if (blockregion.hasClass('side-post') && blockregion.all('.block').size() == 0) {
|
||||
blockregions.post.hasblocks = false;
|
||||
}
|
||||
});
|
||||
if (blockregions.pre.hasblocks && blockregions.post.hasblocks) {
|
||||
// No classes required both regions have blocks
|
||||
M.core_dock.Y.one(document.body).removeClass(blockregions.pre.c).removeClass(blockregions.post.c).removeClass(blockregions.noblocksc);
|
||||
} else if (blockregions.pre.hasblocks) {
|
||||
// side-pre-only required: remove any other classes
|
||||
M.core_dock.Y.one(document.body).addClass(blockregions.pre.c).removeClass(blockregions.post.c).removeClass(blockregions.noblocksc);
|
||||
} else if (blockregions.post.hasblocks) {
|
||||
// side-post-only required: remove any other classes
|
||||
M.core_dock.Y.one(document.body).removeClass(blockregions.pre.c).addClass(blockregions.post.c).removeClass(blockregions.noblocksc);
|
||||
} else {
|
||||
// All blocks have been docked: add noblocks remove side-xxx-only's if set
|
||||
M.core_dock.Y.one(document.body).removeClass(blockregions.pre.c).removeClass(blockregions.post.c).addClass(blockregions.noblocksc);
|
||||
}
|
||||
return '200px';
|
||||
}
|
||||
},
|
||||
transform : {
|
||||
make_vertical_text : function(node) {
|
||||
|
||||
if (YAHOO.env.ua.ie > 0) {
|
||||
if (YAHOO.env.ua.ie > 7) {
|
||||
node.setAttribute('style', 'writing-mode: tb-rl; filter: flipV flipH;');
|
||||
} else {
|
||||
node.innerHTML = node.innerHTML.replace(/(.)/g, "$1<br />");
|
||||
}
|
||||
return node;
|
||||
}
|
||||
|
||||
var test = M.core_dock.Y.Node.create('<div><span>'+node.firstChild.nodeValue+'</span></div>');
|
||||
M.core_dock.Y.one(document.body).append(test);
|
||||
var height = test.one('span').get('offsetWidth');
|
||||
test.remove();
|
||||
|
||||
var txt = document.createElementNS(fw.namespaces.svg, 'text');
|
||||
txt.setAttribute('x', '0');
|
||||
txt.setAttribute('y', '0');
|
||||
txt.setAttribute('transform','rotate(90, 5, 5)');
|
||||
txt.appendChild(document.createTextNode(node.firstChild.nodeValue));
|
||||
|
||||
var svg = document.createElementNS(fw.namespaces.svg, 'svg');
|
||||
svg.setAttribute('version', '1.1');
|
||||
svg.setAttribute('height', height);
|
||||
svg.setAttribute('width', 30);
|
||||
svg.appendChild(txt);
|
||||
|
||||
var div = document.createElement(node.nodeName);
|
||||
div.appendChild(svg);
|
||||
|
||||
return div;
|
||||
}
|
||||
}
|
||||
}
|
||||
})();
|
48
theme/formal_white/lang/en/theme_formalwhite.php
Normal file
@ -0,0 +1,48 @@
|
||||
<?php
|
||||
|
||||
// This file is part of Moodle - http://moodle.org/
|
||||
//
|
||||
// Moodle is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// Moodle is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
/**
|
||||
* Strings for component 'theme_formalwhite', language 'en', branch 'MOODLE_20_STABLE'
|
||||
*
|
||||
* @package theme_formalwhite
|
||||
* @copyright 1999 onwards Martin Dougiamas {@link http://moodle.com}
|
||||
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
||||
*/
|
||||
|
||||
$string['choosereadme'] = '<div style="text-align:center;">
|
||||
<h2 style="margin-bottom:2px;">Formal White theme pack - Preview Release 1</h2>
|
||||
<h3 style="margin:0">by <a href="http://www.mediatouch.it/" title="MediaTouch 2000 Moodle Partner">MediaTouch 2000 - Italian Moodle Partner</a></h3><h4 style="margin:3px">Version: 20100601</h4>
|
||||
</div>
|
||||
<div> </div>
|
||||
<h3 style="margin-bottom:5px; margin-top:5px;">Formal White for Moodle 2.0 - Preview Release 1</h3>
|
||||
<p>Meadiatouch is pleased to announce that the first pre-release of its famous and worldwide adopted "Formal white" theme has been finally made available for Moodle 2</p>
|
||||
<h3 style="margin-bottom:5px; margin-top:5px;">Licensing</h3>
|
||||
<p>This theme is licensed under <a href="http://docs.moodle.org/en/License">Moodle\'s GNU General Public License</a>. Feel free to use it, share it and edit it to fit your needs.</p>
|
||||
<p>Enjoy this theme.</p>';
|
||||
$string['pluginname'] = 'Formal white';
|
||||
|
||||
$string['backgroundcolor'] = 'Blocks background colour';
|
||||
$string['backgroundcolordesc'] = 'This sets the blocks background colour for the theme.';
|
||||
$string['configtitle'] = 'Formalwhite settings';
|
||||
$string['customcss'] = 'Custom CSS';
|
||||
$string['customcssdesc'] = 'Any CSS you enter here will be added to every page allowing your to easily customise this theme.';
|
||||
$string['footnote'] = 'Footnote';
|
||||
$string['footnotedesc'] = 'The content from this textarea will be displayed in the footer of every page.';
|
||||
$string['logo'] = 'Logo';
|
||||
$string['logodesc'] = 'Enter the URL to an image to use as the logo for this site. Should be http://www.yoursite.com/path/to/logo.png<br />Preferred picture height is 100 pixels';
|
||||
$string['regionwidth'] = 'Column width';
|
||||
$string['regionwidthdesc'] = 'This sets the width of the two block regions that form the left and right columns.';
|
48
theme/formal_white/lang/it/theme_formalwhite.php
Normal file
@ -0,0 +1,48 @@
|
||||
<?php
|
||||
|
||||
// This file is part of Moodle - http://moodle.org/
|
||||
//
|
||||
// Moodle is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
// Moodle is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
/**
|
||||
* Strings for component 'theme_formalwhite', language 'it', branch 'MOODLE_20_STABLE'
|
||||
*
|
||||
* @package theme_formalwhite
|
||||
* @copyright 1999 onwards Martin Dougiamas {@link http://moodle.com}
|
||||
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
||||
*/
|
||||
|
||||
$string['choosereadme'] = '<div style="text-align:center;">
|
||||
<h2 style="margin-bottom:2px;">Formal white - Versione preliminare 1.0</h2>
|
||||
<h3 style="margin:0">by <a href="http://www.mediatouch.it/" title="MediaTouch 2000 Moodle Partner">MediaTouch 2000 Moodle Partner per l\'Italia</a></h3><h4 style="margin:3px">Version: 20100601</h4>
|
||||
</div>
|
||||
<div> </div>
|
||||
<h3 style="margin-bottom:5px; margin-top:5px;">Formal white for Moodle 2.0 - Versione preliminare 1.0</h3>
|
||||
<p>Meadiatouch ha il piacere di annunciare che la prima versione preliminare del famoso tema "Formal white", già adottato in innumerevoli realtà a livello modiale nella versione per moodle 1.x, è finalmente disponibile per Moodle 2</p>
|
||||
<h3 style="margin-bottom:5px; margin-top:5px;">Licensing</h3>
|
||||
<p>Questo tema è tutelato dalle stesse condizioni della licenza di <a href="http://docs.moodle.org/en/License">Moodle - GNU General Public License</a>. Sentiti libero di utilizzare, condividere e modificare a tuo piacimento questo tema.</p>
|
||||
<p>Madiatouch si augura che questo tema possa essere di tuo gradimento.</p>';
|
||||
$string['pluginname'] = 'Formal white';
|
||||
|
||||
$string['backgroundcolor'] = 'Blocks background colour';
|
||||
$string['backgroundcolordesc'] = 'This sets the blocks background colour for the theme.';
|
||||
$string['configtitle'] = 'Formalwhite settings';
|
||||
$string['customcss'] = 'Custom CSS';
|
||||
$string['customcssdesc'] = 'Any CSS you enter here will be added to every page allowing your to easily customise this theme.';
|
||||
$string['footnote'] = 'Footnote';
|
||||
$string['footnotedesc'] = 'The content from this textarea will be displayed in the footer of every page.';
|
||||
$string['logo'] = 'Logo';
|
||||
$string['logodesc'] = 'Enter the URL to an image to use as the logo for this site. Should be http://www.yoursite.com/path/to/logo.png<br />La dimensione ottimale delle immagini è di 100 pixel';
|
||||
$string['regionwidth'] = 'Column width';
|
||||
$string['regionwidthdesc'] = 'This sets the width of the two block regions that form the left and right columns.';
|
144
theme/formal_white/layout/general.php
Normal file
@ -0,0 +1,144 @@
|
||||
<?php
|
||||
|
||||
$hasheading = ($PAGE->heading);
|
||||
$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar());
|
||||
$hasfooter = (empty($PAGE->layout_options['nofooter']));
|
||||
$hassidepre = (empty($PAGE->layout_options['noblocks']) && $PAGE->blocks->region_has_content('side-pre', $OUTPUT));
|
||||
$hassidepost = (empty($PAGE->layout_options['noblocks']) && $PAGE->blocks->region_has_content('side-post', $OUTPUT));
|
||||
|
||||
$showsidepre = ($hassidepre && !$PAGE->blocks->region_completely_docked('side-pre', $OUTPUT));
|
||||
$showsidepost = ($hassidepost && !$PAGE->blocks->region_completely_docked('side-post', $OUTPUT));
|
||||
|
||||
$custommenu = $OUTPUT->custom_menu();
|
||||
$hascustommenu = (empty($PAGE->layout_options['nocustommenu']) && !empty($custommenu));
|
||||
|
||||
$bodyclasses = array();
|
||||
if ($showsidepre && !$showsidepost) {
|
||||
$bodyclasses[] = 'side-pre-only';
|
||||
} else if ($showsidepost && !$showsidepre) {
|
||||
$bodyclasses[] = 'side-post-only';
|
||||
} else if (!$showsidepost && !$showsidepre) {
|
||||
$bodyclasses[] = 'content-only';
|
||||
}
|
||||
if ($hascustommenu) {
|
||||
$bodyclasses[] = 'has_custom_menu';
|
||||
}
|
||||
|
||||
if (!empty($PAGE->theme->settings->logo)) {
|
||||
$logourl = $PAGE->theme->settings->logo;
|
||||
} else {
|
||||
$logourl = $OUTPUT->pix_url('logo', 'theme');
|
||||
}
|
||||
|
||||
if (!empty($PAGE->theme->settings->footnote)) {
|
||||
$footnote = $PAGE->theme->settings->footnote;
|
||||
} else {
|
||||
$footnote = '<!-- There was no custom footnote set -->';
|
||||
}
|
||||
|
||||
echo $OUTPUT->doctype() ?>
|
||||
<html <?php echo $OUTPUT->htmlattributes() ?>>
|
||||
<head>
|
||||
<title><?php echo $PAGE->title ?></title>
|
||||
<link rel="shortcut icon" href="<?php echo $OUTPUT->pix_url('favicon', 'theme')?>" />
|
||||
<?php echo $OUTPUT->standard_head_html() ?>
|
||||
</head>
|
||||
<body id="<?php echo $PAGE->bodyid ?>" class="<?php echo $PAGE->bodyclasses.' '.join(' ', $bodyclasses) ?>">
|
||||
<?php echo $OUTPUT->standard_top_of_body_html() ?>
|
||||
<div id="page">
|
||||
<div id="page2">
|
||||
<div id="headerleft" class="headerleft"><div> </div></div>
|
||||
<div id="bodyleft" class="bodyleft">
|
||||
<div id="bodyright" class="bodyright">
|
||||
<div id="header-i3" class="i3">
|
||||
<?php if ($hasheading || $hasnavbar) { // This is what gets printed on the home page only
|
||||
?>
|
||||
<div id="header-home" class="clearfix">
|
||||
<div id="headerenvelop">
|
||||
|
||||
<!-- //echo '<h1 class="logo headermain">'.$PAGE->heading.'</h1>'; -->
|
||||
<?php echo '<div id="logo"><img class="sitelogo" src="'.$logourl.'" alt="Custom logo here" /></div>';
|
||||
echo '<div class="headermenu">';
|
||||
echo $OUTPUT->login_info();
|
||||
if (!empty($PAGE->layout_options['langmenu'])) {
|
||||
echo $OUTPUT->lang_menu();
|
||||
}
|
||||
echo $PAGE->headingmenu;
|
||||
echo '</div>'; // closes: <div class="headermenu">
|
||||
|
||||
echo '</div>'; // closes: <div id="headerenvelop">
|
||||
echo '</div>'; // closes: <div id="header-home" class="clearfix">
|
||||
|
||||
if ($hascustommenu) {
|
||||
echo '<div id="custommenu">'.$custommenu.'</div>';
|
||||
}
|
||||
|
||||
//Accessibility: breadcrumb trail/navbar now a DIV, not a table.
|
||||
if ($hasnavbar) {
|
||||
echo '<div class="navbar clearfix">';
|
||||
echo ' <div class="breadcrumb">'.$OUTPUT->navbar().'</div>';
|
||||
echo ' <div class="navbutton">'.$PAGE->button.'</div>';
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
} ?>
|
||||
|
||||
<!-- END OF HEADER -->
|
||||
|
||||
<div id="page-content" class="shrinker">
|
||||
<!-- <div id="content" class="shrinker"> -->
|
||||
<div id="region-main-box">
|
||||
<div id="region-post-box">
|
||||
|
||||
<div id="region-main-wrap">
|
||||
<div id="region-main">
|
||||
<div class="region-content">
|
||||
<?php echo core_renderer::MAIN_CONTENT_TOKEN ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if ($hassidepre) { ?>
|
||||
<div id="region-pre" class="block-region">
|
||||
<div class="region-content">
|
||||
<?php echo $OUTPUT->blocks_for_region('side-pre') ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($hassidepost) { ?>
|
||||
<div id="region-post" class="block-region">
|
||||
<div class="region-content">
|
||||
<?php echo $OUTPUT->blocks_for_region('side-post') ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
|
||||
</div> <!-- closes: <div id="header-i3" class="i3"> -->
|
||||
</div> <!-- closes: <div id="bodyright" class="bodyright"> -->
|
||||
</div> <!-- closes: <div id="bodyleft" class="bodyleft"> -->
|
||||
<div id="contentfooter" class="contentfooter"><div> </div></div>
|
||||
</div> <!-- closes: <div id="page2"> -->
|
||||
</div> <!-- closes:<div id="page"> -->
|
||||
|
||||
<!-- START OF FOOTER -->
|
||||
<?php if ($hasfooter) { ?>
|
||||
<div id="page-footer" class="clearfix">
|
||||
<?php echo $footnote; ?>
|
||||
<p class="helplink"><?php echo page_doc_link(get_string('moodledocslink')) ?></p>
|
||||
<?php
|
||||
echo $OUTPUT->login_info();
|
||||
echo $OUTPUT->home_link();
|
||||
echo $OUTPUT->standard_footer_html();
|
||||
?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php echo $OUTPUT->standard_end_of_body_html() ?>
|
||||
</body>
|
||||
</html>
|
91
theme/formal_white/lib.php
Normal file
@ -0,0 +1,91 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Makes our changes to the CSS
|
||||
*
|
||||
* @param string $css
|
||||
* @param theme_config $theme
|
||||
* @return string
|
||||
*/
|
||||
function formalwhite_process_css($css, $theme) {
|
||||
|
||||
// Set the background color
|
||||
if (!empty($theme->settings->backgroundcolor)) {
|
||||
$backgroundcolor = $theme->settings->backgroundcolor;
|
||||
} else {
|
||||
$backgroundcolor = null;
|
||||
}
|
||||
$css = formalwhite_set_backgroundcolor($css, $backgroundcolor);
|
||||
|
||||
// Set the region width
|
||||
if (!empty($theme->settings->regionwidth)) {
|
||||
$regionwidth = $theme->settings->regionwidth;
|
||||
} else {
|
||||
$regionwidth = null;
|
||||
}
|
||||
$css = formalwhite_set_regionwidth($css, $regionwidth);
|
||||
|
||||
// Set the custom CSS
|
||||
if (!empty($theme->settings->customcss)) {
|
||||
$customcss = $theme->settings->customcss;
|
||||
} else {
|
||||
$customcss = null;
|
||||
}
|
||||
$css = formalwhite_set_customcss($css, $customcss);
|
||||
|
||||
// Return the CSS
|
||||
return $css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the background colour variable in CSS
|
||||
*
|
||||
* @param string $css
|
||||
* @param mixed $backgroundcolor
|
||||
* @return string
|
||||
*/
|
||||
function formalwhite_set_backgroundcolor($css, $backgroundcolor) {
|
||||
$tag = '[[setting:backgroundcolor]]';
|
||||
$replacement = $backgroundcolor;
|
||||
if (is_null($replacement)) {
|
||||
$replacement = '#F7F6F1';
|
||||
}
|
||||
$css = str_replace($tag, $replacement, $css);
|
||||
return $css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the region width variable in CSS
|
||||
*
|
||||
* @param string $css
|
||||
* @param mixed $regionwidth
|
||||
* @return string
|
||||
*/
|
||||
function formalwhite_set_regionwidth($css, $regionwidth) {
|
||||
$tag = '[[setting:regionwidth]]';
|
||||
$doubletag = '[[setting:regionwidthdouble]]';
|
||||
$replacement = $regionwidth;
|
||||
if (is_null($replacement)) {
|
||||
$replacement = 200;
|
||||
}
|
||||
$css = str_replace($tag, $replacement.'px', $css);
|
||||
$css = str_replace($doubletag, ($replacement*2).'px', $css);
|
||||
return $css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the custom css variable in CSS
|
||||
*
|
||||
* @param string $css
|
||||
* @param mixed $customcss
|
||||
* @return string
|
||||
*/
|
||||
function formalwhite_set_customcss($css, $customcss) {
|
||||
$tag = '[[setting:customcss]]';
|
||||
$replacement = $customcss;
|
||||
if (is_null($replacement)) {
|
||||
$replacement = '';
|
||||
}
|
||||
$css = str_replace($tag, $replacement, $css);
|
||||
return $css;
|
||||
}
|
BIN
theme/formal_white/pix/bg_bread.jpg
Normal file
After Width: | Height: | Size: 325 B |
BIN
theme/formal_white/pix/dock_removeall.png
Normal file
After Width: | Height: | Size: 197 B |
BIN
theme/formal_white/pix/favicon.ico
Normal file
After Width: | Height: | Size: 894 B |
BIN
theme/formal_white/pix/gradient_h.jpg
Normal file
After Width: | Height: | Size: 410 B |
BIN
theme/formal_white/pix/logo.jpg
Normal file
After Width: | Height: | Size: 7.2 KiB |
BIN
theme/formal_white/pix/logo_small.jpg
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
theme/formal_white/pix/movedock.png
Normal file
After Width: | Height: | Size: 267 B |
BIN
theme/formal_white/pix/roundcorner/body_l.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/roundcorner/body_r.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/roundcorner/footer.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/roundcorner/footer_l.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/roundcorner/footer_r.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/roundcorner/header.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/roundcorner/header_l.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/roundcorner/header_r.jpg
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
theme/formal_white/pix/screenshot.gif
Normal file
After Width: | Height: | Size: 15 KiB |
50
theme/formal_white/settings.php
Normal file
@ -0,0 +1,50 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Settings for the formalwhite theme
|
||||
*/
|
||||
|
||||
// Create our admin page
|
||||
$temp = new admin_settingpage('theme_formalwhite', get_string('configtitle','theme_formalwhite'));
|
||||
|
||||
// Background colour setting
|
||||
$name = 'theme_formalwhite/backgroundcolor';
|
||||
$title = get_string('backgroundcolor','theme_formalwhite');
|
||||
$description = get_string('backgroundcolordesc', 'theme_formalwhite');
|
||||
$default = '#F7F6F1';
|
||||
$previewconfig = array('selector'=>'.block .content', 'style'=>'backgroundColor');
|
||||
$setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig);
|
||||
$temp->add($setting);
|
||||
|
||||
// Logo file setting
|
||||
$name = 'theme_formalwhite/logo';
|
||||
$title = get_string('logo','theme_formalwhite');
|
||||
$description = get_string('logodesc', 'theme_formalwhite');
|
||||
$setting = new admin_setting_configtext($name, $title, $description, '', PARAM_URL);
|
||||
$temp->add($setting);
|
||||
|
||||
// Block region width
|
||||
$name = 'theme_formalwhite/regionwidth';
|
||||
$title = get_string('regionwidth','theme_formalwhite');
|
||||
$description = get_string('regionwidthdesc', 'theme_formalwhite');
|
||||
$default = 200;
|
||||
$choices = array(150=>'150px', 170=>'170px', 200=>'200px', 240=>'240px', 290=>'290px', 350=>'350px', 420=>'420px');
|
||||
$setting = new admin_setting_configselect($name, $title, $description, $default, $choices);
|
||||
$temp->add($setting);
|
||||
|
||||
// Foot note setting
|
||||
$name = 'theme_formalwhite/footnote';
|
||||
$title = get_string('footnote','theme_formalwhite');
|
||||
$description = get_string('footnotedesc', 'theme_formalwhite');
|
||||
$setting = new admin_setting_confightmleditor($name, $title, $description, '');
|
||||
$temp->add($setting);
|
||||
|
||||
// Custom CSS file
|
||||
$name = 'theme_formalwhite/customcss';
|
||||
$title = get_string('customcss','theme_formalwhite');
|
||||
$description = get_string('customcssdesc', 'theme_formalwhite');
|
||||
$setting = new admin_setting_configtextarea($name, $title, $description, '');
|
||||
$temp->add($setting);
|
||||
|
||||
// Add our page to the structure of the admin tree
|
||||
$ADMIN->add('themes', $temp);
|
35
theme/formal_white/style/base.css
Normal file
@ -0,0 +1,35 @@
|
||||
body, div, p, li, input, option, textarea {font-size:8pt;line-height:1.5em;}
|
||||
body, div, p, li, input, option, textarea, h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}
|
||||
|
||||
h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {text-align:center;}
|
||||
|
||||
.generalbox {padding:10px;margin-bottom:15px;}
|
||||
.generaltable, .userinfobox {margin-left:auto;margin-right:auto;}
|
||||
#notice.generalbox {margin-left: auto;margin-right: auto;width: 60%;}
|
||||
.notifyproblem {padding:10px;color:#660000;text-align:center;}
|
||||
.notifysuccess {padding:10px;color:#006600;text-align:center;}
|
||||
|
||||
.paging {text-align:center;}
|
||||
|
||||
/**
|
||||
* Tabs
|
||||
*/
|
||||
.tabtree {position:relative;margin-bottom:3.5em;}
|
||||
.tabtree .tabrow0 {text-align:center;width:100%;margin:1em 0px;}
|
||||
.tabtree .tabrow0 li {display:inline;margin-right:-4px;}
|
||||
.tabtree .tabrow0 li.here a {position:relative;z-index:102;}
|
||||
.tabtree .tabrow0 li a {background-image:url([[pix:theme|tab/left]]);padding-left:14px;padding-top:10px;background-repeat:no-repeat;padding-bottom:3px;margin-bottom:-1px;}
|
||||
.tabtree .tabrow0 li a:hover {background-image:url([[pix:theme|tab/left_hover]]);}
|
||||
.tabtree .tabrow0 li a span { background-image:url([[pix:theme|tab/right]]);background-repeat:no-repeat;background-position:100% 0%;padding-right:14px;padding-top:10px;padding-bottom:3px;}
|
||||
.tabtree .tabrow0 li a:hover span {background-image:url([[pix:theme|tab/right_hover]]);}
|
||||
.tabtree .tabrow0 ul,
|
||||
.tabtree .tabrow0 div {background-image:url([[pix:theme|tab/tabrow1]]);background-position:0% 50%;position:absolute;width:100%;border-top:1px solid #aaa;padding:0.25em 0px;top:100%;margin:0px;}
|
||||
.tabtree .tabrow0 .empty {height:1px;overflow:hidden;padding:0px;position:absolute;}
|
||||
.tabtree .tabrow1 li a,
|
||||
.tabtree .tabrow1 li a:hover,
|
||||
.tabtree .tabrow1 li a span,
|
||||
.tabtree .tabrow1 li a:hover span {background-image:none !important;}
|
||||
|
||||
.groupmanagementtable {width:90%;}
|
||||
.groupmanagementtable td {vertical-align:top;border-width:0px;}
|
||||
.groupmanagementtable td p {margin:0px;}
|
54
theme/formal_white/style/dock.css
Normal file
@ -0,0 +1,54 @@
|
||||
/** Core overrides **/
|
||||
body.has_dock {margin-left:30px;margin-right:30px;}
|
||||
|
||||
/* This CSS is for the dock */
|
||||
.dock {width:30px;position:fixed;top:0px;left:0px;height:100%;background-image:url([[pix:theme|vgradient]]);background-repeat: repeat-y;background-position:100% 0;background-color:#DDD;border-right:1px solid #AAA;z-index:2002;}
|
||||
.dock .dockeditem {background-color:#DDD;}
|
||||
.dock .dockeditem .firstdockitem {margin-top:1em;}
|
||||
.dock .dockeditem .dockedtitle {border-bottom:1px solid #AAA;border-top:1px solid #CCC;cursor:pointer;background-image:url([[pix:theme|vgradient]]);background-position:90% 0;background-repeat: repeat-y;}
|
||||
.dock .dockeditem .dockedtitle.activeitem {background-position:80% 0;}
|
||||
.dock .dockeditem .dockedtitle h2 {font-size:0.8em;line-height:100%;text-transform:uppercase;text-align:center;margin:12px 0px;}
|
||||
.dock .block_tree .current_branch {}
|
||||
.dock .controls {position:absolute;bottom:1em;text-align:center;width:100%;}
|
||||
.dock .controls img {cursor:pointer;}
|
||||
.dock .bd.oversized_content {overflow-y:auto;overflow-x:visible;height:inherit;}
|
||||
.dock .bd.oversized_content .content {margin:6px 6px 6px 0px;padding-bottom:6px;}
|
||||
.dock .yui-panel .hd {text-align:right;border-width:0 0 1px 0;padding:3px 5px;}
|
||||
.dock .yui-panel .hd .commands img {margin-right:2px;}
|
||||
|
||||
/**.dock .bd .content .blockcommands {text-align:right;border:1px solid #AAA;border-width:0 0 1px 1px;background-image:url([[pix:theme|hgradient]]);background-repeat: repeat-x;}**/
|
||||
/** YUI overrides **/
|
||||
.yui-skin-sam .dock .yui-panel {border-width:1px 2px 1px 1px;border-color:#AAA;min-width:150px;}
|
||||
.yui-skin-sam .dock .yui-panel .bd {border-width:0;background-color:#FAFAFA;}
|
||||
/** Override the above if the dock is on the right **/
|
||||
.dock.dock_right_vertical {left:auto;right:0px;border-width:0px 0px 1px 5px;}
|
||||
.dock.dock_right_vertical .commands {text-align:right;}
|
||||
.yui-skin-sam .dock.dock_right_vertical .yui-panel {border-width:1px 0 1px 5px;}
|
||||
|
||||
/* block expansion code */
|
||||
.block_js_expansion .block_tree {overflow-x:scroll;}
|
||||
.block_js_expansion.mouseover .content {width:200%;z-index:1000;position:relative;}
|
||||
.block_js_expansion.mouseover .content .block_tree {width:100%; background-color:#FAFAFA; padding-bottom:0px;}
|
||||
|
||||
/* CSS for shadows */
|
||||
.divshadow div {position:absolute;width:3px;height:3px;background-color:#333;}
|
||||
.divshadow .shadow_top {top:-3px;right:0px;width:100%;}
|
||||
.divshadow .shadow_bottom {bottom:-3px;right:0px;width:100%;}
|
||||
.divshadow .shadow_left {top:0px;left:-3px;height:100%;}
|
||||
.divshadow .shadow_right {bottom:0px;right:-3px;height:100%;}
|
||||
.divshadow .shadow_top_right {top:-3px;right:-3px;}
|
||||
.divshadow .shadow_bottom_right {bottom:-3px;right:-3px;}
|
||||
.divshadow .shadow_top_left {top:-3px;left:-3px;}
|
||||
.divshadow .shadow_bottom_left {bottom:-3px;left:-3px;}
|
||||
|
||||
/** IE stylings */
|
||||
.ie6 .block .block_tree {width:160px;overflow-x:scroll;}
|
||||
.ie7 .block .block_tree {overflow-x:scroll;}
|
||||
.ie6 .block_tree .tree_item {width:100%;}
|
||||
.ie6 .dock {position:absolute;}
|
||||
.ie6 .dock hr {display:none;margin:0px;height:0px;padding:0px;}
|
||||
.ie6 .dock li p {background-color:inherit;}
|
||||
.ie6 .dock .bd.oversized_content .content, .ie7 .dock .bd.oversized_content .content {padding-bottom:0px;}
|
||||
.ie6 .block_js_expansion.mouseover .content, .ie7 .block_js_expansion.mouseover .content{ padding-bottom:2px;}
|
||||
.ie6 .dock .bd.oversized_content {width:100%;}
|
||||
.ie7 .dock .bd.oversized_content {width:400px;}
|
93
theme/formal_white/style/formalwhite.css
Normal file
@ -0,0 +1,93 @@
|
||||
|
||||
/***
|
||||
*** Core
|
||||
***/
|
||||
html, body {background-color: #FBF9FA;}
|
||||
|
||||
body {
|
||||
font-family: Helvetica, Arial, Verdana, sans-serif;
|
||||
font-size: 0.95em;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#page-site-index {
|
||||
display:block;
|
||||
}
|
||||
|
||||
#page {
|
||||
width:97%;
|
||||
background-image: url([[pix:theme|roundcorner/header]]);
|
||||
margin:15px 1.5% 0;
|
||||
background-position:0 0;
|
||||
background-repeat:repeat-x;
|
||||
min-width: 934px;
|
||||
}
|
||||
|
||||
#headerenvelop { /* Inside Header Middle */
|
||||
color:#fff;
|
||||
height: 105px;
|
||||
/*background-color: #E3DFD4;*/
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
/*display:inline;*/
|
||||
}
|
||||
|
||||
.sitelogo {
|
||||
margin:5px 0 -4px 3px;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
#header, #header-home {
|
||||
padding:0 17px;
|
||||
background-color: #E3DFD4;
|
||||
margin-left:17px;
|
||||
margin-right:17px;
|
||||
}
|
||||
|
||||
#custommenu, .navbar {
|
||||
margin-right: 17px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.yui3-skin-sam .yui3-menu-content {border-right:none;border-left:none;}
|
||||
|
||||
.navbar {
|
||||
width:auto;
|
||||
padding:3px 1em;
|
||||
background-image: url([[pix:theme|bg_bread]]);
|
||||
}
|
||||
|
||||
/* content */
|
||||
#page-content {
|
||||
float: none;
|
||||
width: auto;
|
||||
margin-right: 17px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.shrinker { /* To keep content off of the background image */
|
||||
margin:1px 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
/* Link Colors */
|
||||
a:link, a:visited {
|
||||
color:#375faf;
|
||||
}
|
||||
a:hover, a:active {
|
||||
color:#304469;
|
||||
}
|
||||
|
||||
#headerenvelop a:link, #headerenvelop a:visited {
|
||||
color:#000;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
min-width: 0;
|
||||
/* overflow: hidden; */
|
||||
display:block;
|
||||
}
|
66
theme/formal_white/style/fw_corners.css
Normal file
@ -0,0 +1,66 @@
|
||||
div.headerleft div { /* Page background top left */
|
||||
background-image: url([[pix:theme|roundcorner/header_l]]);
|
||||
font-size:1px;
|
||||
line-height:1%;
|
||||
height:17px;
|
||||
background-repeat:no-repeat;
|
||||
background-position:0 0;
|
||||
background-color:transparent;
|
||||
position:relative;
|
||||
width:17px;
|
||||
margin-left:-17px;
|
||||
}
|
||||
|
||||
div.headerleft { /*Page background top right */
|
||||
background-image: url([[pix:theme|roundcorner/header_r]]);
|
||||
background-repeat:no-repeat;
|
||||
background-position:100% 0;
|
||||
text-align:left;
|
||||
height:17px;
|
||||
margin:0 0 0 17px;
|
||||
}
|
||||
|
||||
div.bodyleft { /* Page background left */
|
||||
background-image: url([[pix:theme|roundcorner/body_l]]);
|
||||
background-repeat:repeat-y;
|
||||
background-position:0 0;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
div.bodyright { /* Page background right */
|
||||
background-image: url([[pix:theme|roundcorner/body_r]]);
|
||||
background-repeat:repeat-y;
|
||||
background-position:100% 0;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
/* Page background shading and curvy corners at bottom of screen */
|
||||
|
||||
div.contentfooter div { /* Bottom Left */
|
||||
font-size:1px;
|
||||
line-height:1%;
|
||||
height:17px;
|
||||
background-repeat:no-repeat;
|
||||
background-position:0 0;
|
||||
background-color:transparent;
|
||||
position:relative;
|
||||
width:17px;
|
||||
margin-left:-17px;
|
||||
background-image: url([[pix:theme|roundcorner/footer_l]]);
|
||||
}
|
||||
|
||||
div.contentfooter { /* Bottom Right */
|
||||
background-image: url([[pix:theme|roundcorner/footer_r]]);
|
||||
background-position:100% 0;
|
||||
text-align:left;
|
||||
margin:0 0 0 17px;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
#page2 { /* Bottom Middle */
|
||||
background-image: url([[pix:theme|roundcorner/footer]]);
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0 100%;
|
||||
background-attachment: scroll;
|
||||
background-color: transparent;
|
||||
}
|
228
theme/formal_white/style/general.css
Normal file
@ -0,0 +1,228 @@
|
||||
a:link {text-decoration:none;color: #697F55;}
|
||||
a:visited {text-decoration:none;color: #697F55;}
|
||||
a:hover {text-decoration:underline;}
|
||||
|
||||
img.icon,
|
||||
img.iconhelp {vertical-align:middle;}
|
||||
|
||||
#page {overflow:visible}
|
||||
/*#page #page-content {background-color:#FFF;border:1px solid #697F55;}*/
|
||||
|
||||
/******************/
|
||||
#page-header {background-color: #E3DFD4; color:#FFF;border:1px solid #697F55;border-bottom: none;}
|
||||
.hasnavbar #page-header {border-bottom-width:0px;}
|
||||
#page-header .headermain span {color:#C8C9C7;}
|
||||
|
||||
#page-header .navbar {background-image: url([[pix:theme|bg_bread]]);width:100%;}
|
||||
#page-header .navbar {color:#000;}
|
||||
#page-header .navbar a:link {color:#fff;}
|
||||
#page-header .navbar a:visited {color:#fff;}
|
||||
#page-header .navbar .breadcrumb {margin:6px 1em;float:left;}
|
||||
#page-header .navbar .navbutton {float:right;margin:5px 1em;}
|
||||
|
||||
#region-pre .region-content {background-color: #E3DFD4;}
|
||||
/*#region-post .region-content {background-color: #E3DFD4;}*/
|
||||
#region-post-box {background-color: #E3DFD4;}
|
||||
|
||||
/** General **/
|
||||
.generalbox {border: 1px solid #DDDDDD;}
|
||||
.generaltable td {border-width:0px;}
|
||||
.sitetopic {border-width:0px;}
|
||||
.headingblock {margin-bottom:10px;border-bottom:1px solid #697F55;background-color:#FFF;padding:4px 5px;}
|
||||
|
||||
.coursebox {width:100%;margin:10px 0px;border-bottom:1px solid #E3E3E3;overflow:hidden;padding-bottom:10px;}
|
||||
.coursebox .info {width:35%;float:left;}
|
||||
.coursebox .summary {width:60%;float:right;}
|
||||
|
||||
.course-content ul {margin:0px;}
|
||||
.course-content .headingblock.outline {margin-top:0px;}
|
||||
.course-content .section.main {border:1px solid #E3E3E3;margin-bottom:10px;}
|
||||
.course-content .section.main .left.side {float:left;width:20px;padding:5px;}
|
||||
.course-content .section.main .right.side {float:right;width:20px;padding:5px;}
|
||||
.course-content .section.main .content {margin:0px 30px 10px 30px;}
|
||||
.course-content .section.main .content .section_add_menus {text-align:right;}
|
||||
|
||||
#course-user .section {border:1px solid #DDD;margin:0px 5% 1.5em 5%;}
|
||||
|
||||
#course-user .section h2,
|
||||
#course-user .section .content {margin:5px 1em;}
|
||||
#course-user .section table td {border:0px;}
|
||||
|
||||
.generaltable {border:1px solid #DDD;}
|
||||
.generaltable .cell {background-color:#FFF;border:1px solid #EEE;border-collapse: collapse;}
|
||||
.generaltable .header {background-color:#EEE;border:1px solid #EEE;font-weight:bold;}
|
||||
|
||||
/** Login **/
|
||||
.loginbox {margin-top:15px;margin-bottom:15px;}
|
||||
.loginbox .loginform {margin-top:15px;}
|
||||
.loginbox .loginform .form-label {width:39%;float:left;text-align:right;}
|
||||
.loginbox .loginform .form-input {width:60%;float:right;text-align:left;}
|
||||
.loginbox .loginform .form-input input {width:6em;}
|
||||
|
||||
.loginbox.twocolumns {border:1px solid #DDD;}
|
||||
.loginbox.twocolumns .loginpanel {float:left;width:49%;text-align:center;}
|
||||
.loginbox.twocolumns .signuppanel {float:left;width:50%;border-left:1px solid #DDD;}
|
||||
.loginbox.twocolumns .signuppanel h2 {text-align:center;}
|
||||
.loginbox.twocolumns .signuppanel div {margin:1em;}
|
||||
.loginbox.twocolumns .signuppanel div li {font-size:90%;}
|
||||
|
||||
.loginbox .loginsub {margin-left:10%;margin-right:10%;padding:10px;margin-bottom:5px;}
|
||||
.loginbox .guestsub {margin-left:10%;margin-right:10%;padding:10px;margin-bottom:5px;border-top:1px solid #DDD;}
|
||||
|
||||
/** Blocks **/
|
||||
.block {border:1px solid #C8C9C7;background-color: #FEFEFE;margin-bottom:10px;overflow:hidden;}
|
||||
.block h1,
|
||||
.block h2,
|
||||
.block h3,
|
||||
.block h4 {margin:0px;}
|
||||
.block .header {margin:10px 6px 3px 6px;height:22px;margin:0}
|
||||
.block .header {background-image: url([[pix:theme|gradient_h]]);}
|
||||
.block .header .title {color: #000;}
|
||||
.block .content {background-color: white;}
|
||||
|
||||
/** Admin **/
|
||||
.box.adminwarning {text-align:center;border:1px solid #C8C9C7;background-color:#E3E3E3;margin-bottom:1em;padding:10px 10%;}
|
||||
.box.copyright {text-align:center;font-size:90%;padding:10px 10%;}
|
||||
#adminsettings fieldset {border:1px solid #C8C9C7;background-color:#E3E3E3;}
|
||||
#adminsettings fieldset .generalbox {margin:1em 0.5em;border-color:#C8C9C7;}
|
||||
#adminsettings .form-buttons {margin-left:13em;}
|
||||
|
||||
.form-item {width:100%;margin:1em 1em 2em 1em ;}
|
||||
.form-item .form-label {width:12.5em;text-align:right;float:left;margin-right:0.5em;}
|
||||
.form-item .form-label .form-shortname {display:block;color:#666;font-size:75%;}
|
||||
.form-item .form-setting {margin-left:13em;}
|
||||
.form-item .form-setting .defaultsnext {display:inline;}
|
||||
.form-item .form-setting .form-defaultinfo {display:inline;margin-left:0.5em;font-size:90%;color:#666;}
|
||||
.form-item .form-description {margin:0.5em 1em 0.5em 13em;}
|
||||
.form-item .form-textarea textarea {width:495px;}
|
||||
|
||||
#authmenu .informationbox {width:80%;margin-left:auto;margin-right:auto;margin-bottom:10px;border:1px solid #C8C9C7;padding:10px;}
|
||||
#authmenu table td {border-width:0px;}
|
||||
|
||||
#categoryquestions {margin-left:auto;margin-right:auto;width:100%;}
|
||||
|
||||
#categoryquestions th,
|
||||
.user th,
|
||||
.user th.header,
|
||||
.group th.header,
|
||||
.admin table tr th,
|
||||
.admin table tr th.header {background-color:#697F55;color:#FFF;border:2px solid #697F55;border-bottom-color:#111;}
|
||||
|
||||
.user th a:link,
|
||||
#categoryquestions th a:link,
|
||||
.group th a:link,
|
||||
.admin table tr th a:link {color:#FFF;text-decoration:none;}
|
||||
|
||||
.user th a:visited,
|
||||
#categoryquestions th a:visited,
|
||||
.group th a:visited,
|
||||
.admin table tr th a:visited {color:#FFF;text-decoration:underline;}
|
||||
|
||||
.user tr td.cell,
|
||||
#categoryquestions tr td.cell,
|
||||
.group tr td.cell,
|
||||
.admin table tr td.cell {border:1px solid #C8C9C7;border-width:0px 1px;}
|
||||
|
||||
.user .r1 .cell,
|
||||
#categoryquestions .r1 .cell,
|
||||
.group .r1 .cell,
|
||||
.admin table .r1 .cell {background-color:#EEE;}
|
||||
|
||||
.admin .plugincompattable .r1 .cell {background-color:#FFF;}
|
||||
|
||||
.singlebutton,
|
||||
.buttons {text-align:center;margin:20px;}
|
||||
.buttons form {display:inline;}
|
||||
.buttons div {display:inline;}
|
||||
.buttons .singlebutton {display:inline;padding:5px;margin:0px;}
|
||||
.admin .generalbox {background-color:#EEE;border-color:#C8C9C7;}
|
||||
|
||||
#admin-mnet-index table td,
|
||||
#files-index .column-content table td {border-width:0px;}
|
||||
|
||||
/** Mforms **/
|
||||
.mform fieldset {border-color:#C8C9C7;}
|
||||
|
||||
/** Tags **/
|
||||
.tag-management-form {text-align:center;}
|
||||
#tag-management-list {margin-top:1em;}
|
||||
|
||||
/** User **/
|
||||
.userinfobox td {border-width:0px;vertical-align:top;}
|
||||
.userinfobox .side {width:120px;text-align:center;}
|
||||
.userinfobox .list .label {font-weight:bold;text-align:right;}
|
||||
|
||||
/** Forum **/
|
||||
.forumheaderlist,
|
||||
.forumpost {margin-top:15px;border:1px solid #DDD;border-collapse:separate;}
|
||||
.forumpost td {border-width:0px;}
|
||||
.forumpost .topic {background-color:#C8C9C7;}
|
||||
.forumpost .topic .subject {font-weight:bold;}
|
||||
.forumpost .topic .author {font-size:0.8em;}
|
||||
.forumpost .left {background-color:#EEE;padding:4px;text-align:center;vertical-align:top;width:35px;}
|
||||
.forumpost .content .commands {font-size:0.9em;clear:both;padding-top:0.5em;text-align:right;}
|
||||
.forumpost .content .link {font-size:0.9em;}
|
||||
.forumpost .content .footer {font-size:0.9em;padding-top:0.5em;text-align:right;}
|
||||
|
||||
/** Calendar **/
|
||||
.block.block_calendar_month td,
|
||||
.block.block_calendar_month th {border-width:0px;font-size:10px;padding:1px;width:14%;line-height:18px;}
|
||||
#calendar abbr,
|
||||
.block.block_calendar_month abbr {border-bottom-width:0px;}
|
||||
#calendar .weekend,
|
||||
.block.block_calendar_month .weekend {color:#A00;}
|
||||
#calendar .maincalendar .calendarmonth td.today,
|
||||
.block.block_calendar_month .today {border:1px solid #444;}
|
||||
#calendar .eventnone a,
|
||||
.block.block_calendar_month .eventnone a {color:#444;}
|
||||
|
||||
#calendar {width:99%;margin:0px 1%;border-spacing:5px;border-collapse: separate;}
|
||||
#calendar td,
|
||||
#calendar th {border-width:0px;font-size:10px;padding:1px;width:14%;line-height:18px;vertical-align:top;}
|
||||
#calendar .maincalendar {width:auto;border:1px solid #DDD;}
|
||||
#calendar .maincalendar .heightcontainer {height:100%;position:relative;margin:1em;}
|
||||
#calendar .maincalendar .header {padding:5px;font-weight:bold;}
|
||||
#calendar .maincalendar .header .buttons {float:right;}
|
||||
#calendar .maincalendar table {width:100%;}
|
||||
#calendar .maincalendar .calendar-controls {width:100%;overflow:hidden;font-size:1.1em;}
|
||||
#calendar .maincalendar .calendar-controls .previous {display:block;float:left;width:20%;}
|
||||
#calendar .maincalendar .calendar-controls .current {display:block;float:left;width:60%;text-align:center;margin-top:0px;}
|
||||
#calendar .maincalendar .calendar-controls .next {display:block;float:left;width:20%;text-align:right;}
|
||||
#calendar .sidecalendar {width:200px;}
|
||||
#calendar .sidecalendar h2,
|
||||
#calendar .sidecalendar h3 {margin:5px;font-size:95%;}
|
||||
#calendar .sidecalendar .block {border:1px solid #DDD;margin-bottom:10px;text-align:center;}
|
||||
#calendar .sidecalendar .block table {margin:0px auto 5px auto;}
|
||||
#calendar .sidecalendar .block .filters table {width:95%;margin:0px auto 1em auto;}
|
||||
#calendar .sidecalendar .block .minicalendarblock {border-top:1px solid #DDD;}
|
||||
#calendar .filters table {padding:2px;background-color: #EEE;border:1px solid #DDD;border-spacing:2px;border-collapse: separate;}
|
||||
#calendar .filters table td {font-size:100%;width:auto;}
|
||||
#calendar .filters .eventskey {border:1px solid #444;overflow:hidden;}
|
||||
#calendar .calendar_event_global {background-color: #D6F8CD;}
|
||||
#calendar .calendar_event_course {background-color: #FFD3BD;}
|
||||
#calendar .calendar_event_group {background-color: #FEE7AE;}
|
||||
#calendar .calendar_event_user {background-color: #DCE7EC;}
|
||||
#calendar .maincalendar .calendarmonth {border-collapse: separate;}
|
||||
#calendar .maincalendar .calendarmonth th {font-size:0.9em;border-bottom:2px solid #444;}
|
||||
#calendar .maincalendar .calendarmonth td {border:1px solid #EEE;border-bottom-color:#CCC;border-right-color:#CCC;height:6em;}
|
||||
#calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em;}
|
||||
#calendar .maincalendar .calendarmonth td .day {font-weight:bold;}
|
||||
#calendar .maincalendar .calendarmonth tr td:first-child {border-left-color:#CCC;}
|
||||
#calendar .maincalendar .event {border-spacing: 0px;border:1px solid #DDD;background-color:#EEE;}
|
||||
#calendar .maincalendar .event .picture {width:32px;text-align:center;}
|
||||
#calendar .maincalendar .event .topic {width:auto;padding:5px;}
|
||||
#calendar .maincalendar .event .side {width:32px;}
|
||||
#calendar .maincalendar .event .description {width:auto;border-top:1px solid #DDD;border-left:1px solid #DDD;padding:5px;}
|
||||
#calendar .maincalendar .bottom {text-align:center;}
|
||||
#calendar .calendarmonth ul {margin:0px;padding:0px;}
|
||||
#calendar .calendarmonth ul li {list-style: none;margin:0px;padding:2px;}
|
||||
|
||||
/** User **/
|
||||
.user .rolesform,
|
||||
.user .searchform,
|
||||
.user #showall,
|
||||
.user #participantsform {text-align:center;}
|
||||
.user #participantsform table {margin-top:1em;}
|
||||
.user #participantsform td {text-align:left;}
|
||||
.user table.controls {margin:5px auto;border:1px solid #DDD;background-color:#EEE;border-collapse: collapse;}
|
||||
.user table.controls td {border-width:0px;}
|
13
theme/formal_white/style/settings.css
Normal file
@ -0,0 +1,13 @@
|
||||
.block .content {background-color:[[setting:backgroundcolor]];}
|
||||
#page-content #region-main-box {left:[[setting:regionwidth]];}
|
||||
#page-content #region-main-box #region-post-box {margin-left:-[[setting:regionwidthdouble]];}
|
||||
#page-content #region-main-box #region-post-box #region-pre {width:[[setting:regionwidth]];left:[[setting:regionwidth]];}
|
||||
#page-content #region-main-box #region-post-box #region-post {width:[[setting:regionwidth]];}
|
||||
#page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:[[setting:regionwidthdouble]];}
|
||||
.side-pre-only #page-content #region-main-box #region-post-box {margin-left:-[[setting:regionwidth]];}
|
||||
.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {margin-left:[[setting:regionwidth]];}
|
||||
/* #page {width:[[setting:regionwidth]]%;margin:15px (100-[[setting:regionwidth])/2% 0;} */
|
||||
/* #page {min-width: 934px;} */
|
||||
|
||||
/** Custom CSS **/
|
||||
[[setting:customcss]]
|