L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-23141 - First commit of new theme

Browse Source
This commit is contained in:
Patrick Malley
2010-07-07 23:17:52 +00:00
parent c0bd624928
commit eb55efc3e2
10 changed files with 1029 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/arialist/config.php
+255
View File
@@ -0,0 +1,255 @@
<?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/>.
/**
* Configuration for Moodle's arialist theme.
*
* DO NOT MODIFY THIS THEME!
* COPY IT FIRST, THEN RENAME THE COPY AND MODIFY IT INSTEAD.
*
* For full information about creating Moodle themes, see:
* http://docs.moodle.org/en/Development:Themes_2.0
*
* @package moodlecore
* @copyright 2010 Patrick Malley (http://newschoollearning.com/)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
$THEME->name = 'arialist';
////////////////////////////////////////////////////
// Name of the theme. Most likely the name of
// the directory in which this file resides.
////////////////////////////////////////////////////
$THEME->parents = array(
'canvas',
'base',
);
/////////////////////////////////////////////////////
// Which existing theme(s) in the /theme/ directory
// do you want this theme to extend. A theme can
// extend any number of themes. Rather than
// creating an entirely new theme and copying all
// of the CSS, you can simply create a new theme,
// extend the theme you like and just add the
// changes you want to your theme.
////////////////////////////////////////////////////
$THEME->sheets = array(
'core',
'pagelayout',
'settings',
);
////////////////////////////////////////////////////
// Name of the stylesheet(s) you've including in
// this theme's /styles/ directory.
////////////////////////////////////////////////////
$THEME->parents_exclude_sheets = array(
'base'=>array(
'pagelayout',
),
'canvas'=>array(
'pagelayout',
),
);
$THEME->enable_dock = true;
////////////////////////////////////////////////////
// Do you want to use the new navigation dock?
////////////////////////////////////////////////////
// $THEME->editor_sheets
////////////////////////////////////////////////////
// An array of stylesheets to include within the
// body of the editor.
////////////////////////////////////////////////////
$THEME->layouts = array(
'base' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
),
'general' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
),
'course' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post'
),
'coursecategory' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
),
'incourse' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
),
'frontpage' => array(
'file' => 'frontpage.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
),
'admin' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
),
'mydashboard' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
'options' => array('langmenu'=>true),
),
'mypublic' => array(
'file' => 'general.php',
'regions' => array('side-post'),
'defaultregion' => 'side-post',
),
'login' => array(
'file' => 'general.php',
'regions' => array(),
'options' => array('langmenu'=>true),
),
'popup' => array(
'file' => 'general.php',
'regions' => array(),
'options' => array('nofooter'=>true, 'noblocks'=>true, 'nonavbar'=>true),
),
'frametop' => array(
'file' => 'general.php',
'regions' => array(),
'options' => array('nofooter'=>true),
),
'maintenance' => array(
'file' => 'general.php',
'regions' => array(),
'options' => array('nofooter'=>true, 'nonavbar'=>true),
),
'embedded' => array(
'theme' => 'canvas',
'file' => 'embedded.php',
'regions' => array(),
'options' => array('nofooter'=>true, 'nonavbar'=>true),
),
);
///////////////////////////////////////////////////////////////
// These are all of the possible layouts in Moodle. The
// simplest way to do this is to keep the theme and file
// variables the same for every layout. Including them
// all in this way allows some flexibility down the road
// if you want to add a different layout template to a
// specific page.
///////////////////////////////////////////////////////////////
$THEME->csspostprocess = 'arialist_process_css';
////////////////////////////////////////////////////
// Allows the user to provide the name of a function
// that all CSS should be passed to before being
// delivered.
////////////////////////////////////////////////////
// $THEME->filter_mediaplugin_colors
////////////////////////////////////////////////////
// Used to control the colours used in the small
// media player for the filters
////////////////////////////////////////////////////
// $THEME->javascripts
////////////////////////////////////////////////////
// An array containing the names of JavaScript files
// located in /javascript/ to include in the theme.
// (gets included in the head)
////////////////////////////////////////////////////
// $THEME->javascripts_footer
////////////////////////////////////////////////////
// As above but will be included in the page footer.
////////////////////////////////////////////////////
$THEME->larrow = '&lang;';
////////////////////////////////////////////////////
// Overrides the left arrow image used throughout
// Moodle
////////////////////////////////////////////////////
$THEME->rarrow = '&rang;';
////////////////////////////////////////////////////
// Overrides the right arrow image used throughout Moodle
////////////////////////////////////////////////////
// $THEME->layouts
////////////////////////////////////////////////////
// An array setting the layouts for the theme
////////////////////////////////////////////////////
// $THEME->parents_exclude_javascripts
////////////////////////////////////////////////////
// An array of JavaScript files NOT to inherit from
// the themes parents
////////////////////////////////////////////////////
// $THEME->parents_exclude_sheets
////////////////////////////////////////////////////
// An array of stylesheets not to inherit from the
// themes parents
////////////////////////////////////////////////////
// $THEME->plugins_exclude_sheets
////////////////////////////////////////////////////
// An array of plugin sheets to ignore and not
// include.
////////////////////////////////////////////////////
// $THEME->renderfactory
////////////////////////////////////////////////////
// Sets a custom render factory to use with the
// theme, used when working with custom renderers.
////////////////////////////////////////////////////
// $THEME->resource_mp3player_colors
////////////////////////////////////////////////////
// Controls the colours for the MP3 player
////////////////////////////////////////////////////
theme/arialist/lang/en/theme_arialist.php
+41
View File
@@ -0,0 +1,41 @@
<?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_arialist', language 'en', branch 'MOODLE_20_STABLE'
*
* @package moodlecore
* @copyright 2010 Patrick Malley
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
$string['pluginname'] = 'Arialist';
$string['region-side-post'] = 'Right';
$string['region-side-pre'] = 'Left';
$string['choosereadme'] = '<div class="clearfix"><div class="theme_screenshot"><h2>Arialist</h2><img src="arialist/pix/screenshot.png" /><h3>Theme Discussion Forum:</h3><p><a href="http://moodle.org/mod/forum/view.php?id=46">http://moodle.org/mod/forum/view.php?id=46</a></p><h3>Theme Credits</h3><p><a href="http://docs.moodle.org/en/Theme_credits">http://docs.moodle.org/en/Theme_credits</a></p><h3>Theme Documentation:</h3><p><a href="http://docs.moodle.org/en/Themes">http://docs.moodle.org/en/Themes</a></p><h3>Report a bug:</h3><p><a href="http://tracker.moodle.org">http://tracker.moodle.org</a></p></div><div class="theme_description"><h2>About</h2><p>Arialist is a very clean and simple two-column, fluid-width theme for Moodle 2.0. <h2>Tweaks</h2><p>This theme is built upon both Base and Canvas, two parent themes included in the Moodle core. If you want to modify this theme, we recommend that you first duplicate it, then rename it before making your changes. This will prevent your customized theme from being overwritten by future Moodle upgrades, and you\'ll still have the original files if you make a mess. More information on modifying themes can be found in the <a href="http://docs.moodle.org/en/Theme">MoodleDocs</a>.</p><h3>License</h3><p>This, and all other themes included in the Moodle core, are licensed under the <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>.</div></div>';
$string['linkcolor'] = 'Link Color';
$string['linkcolordesc'] = 'This sets the link color for the theme.';
$string['configtitle'] = 'Arialist 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['tagline'] = 'Tagline';
$string['taglinedesc'] = 'A short tagline to be displayed under the site name on the front page.<br /><em>(Will not be displayed with logo.)</em>';
$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';
$string['regionwidth'] = 'Column width';
$string['regionwidthdesc'] = 'This sets the width of the two block regions that form the left and right columns.';
theme/arialist/layout/frontpage.php
+115
View File
@@ -0,0 +1,115 @@
<?php
$hasheading = ($PAGE->heading);
$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar());
$hasfooter = (empty($PAGE->layout_options['nofooter']));
$hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT);
$showsidepost = ($hassidepost && !$PAGE->blocks->region_completely_docked('side-post', $OUTPUT));
$bodyclasses = array();
if ($showsidepost) {
$bodyclasses[] = 'side-post-only';
} else if (!$showsidepost) {
$bodyclasses[] = 'content-only';
}
if (!empty($PAGE->theme->settings->tagline)) {
$tagline = '<p>'.$PAGE->theme->settings->tagline.'</p>';
} else {
$tagline = '<!-- There was no custom tagline set -->';
}
if (!empty($PAGE->theme->settings->logo)) {
$logourl = $PAGE->theme->settings->logo;
}
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')?>" />
<meta name="description" content="<?php echo strip_tags(format_text($SITE->summary, FORMAT_HTML)) ?>" />
<?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="wrapper" class="clearfix">
<!-- START OF HEADER -->
<div id="page-header">
<div id="page-header-wrapper" class="wrapper clearfix">
<div id="header-left">
<?php if (!empty($PAGE->theme->settings->logo)) { ?>
<a href="<?php echo $CFG->wwwroot; ?>" title="Home"><img id="logo" src="<?php echo $logourl; ?>" alt="Logo" /></a>
<?php } else { ?>
<h1 class="headermain"><a href="<?php echo $CFG->wwwroot; ?>" title="Home"><?php echo $PAGE->heading ?></a></h1>
<div class="tagline"><?php echo $tagline; ?></div>
<?php } ?>
</div>
<div class="headermenu">
<?php
echo $OUTPUT->login_info();
echo $OUTPUT->lang_menu();
echo $PAGE->headingmenu;
?>
</div>
</div>
</div>
<!-- END OF HEADER -->
<!-- START OF CONTENT -->
<div id="page-content-wrapper" class="wrapper clearfix">
<div id="page-content">
<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 ($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>
<!-- END OF CONTENT -->
</div> <!-- END #wrapper -->
<!-- START OF FOOTER -->
<div id="page-footer" class="wrapper clearfix">
<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>
<!-- END OF FOOTER -->
</div> <!-- END #page -->
<?php echo $OUTPUT->standard_end_of_body_html() ?>
</body>
</html>
theme/arialist/layout/general.php
+117
View File
@@ -0,0 +1,117 @@
<?php
$hasheading = ($PAGE->heading);
$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar());
$hasfooter = (empty($PAGE->layout_options['nofooter']));
$hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT);
$showsidepost = ($hassidepost && !$PAGE->blocks->region_completely_docked('side-post', $OUTPUT));
$bodyclasses = array();
if ($showsidepost) {
$bodyclasses[] = 'side-post-only';
} else if (!$showsidepost) {
$bodyclasses[] = 'content-only';
}
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">
<?php if ($hasheading || $hasnavbar) { ?>
<div id="wrapper" class="clearfix">
<!-- START OF HEADER -->
<div id="page-header" class="inside">
<div id="page-header-wrapper" class="wrapper clearfix">
<?php if ($hasheading) { ?>
<div id="header-left">
<h1 class="headermain inside"><?php echo $PAGE->heading ?></h1>
</div>
<div class="headermenu"><?php
echo $OUTPUT->login_info();
if (!empty($PAGE->layout_options['langmenu'])) {
echo $OUTPUT->lang_menu();
}
echo $PAGE->headingmenu ?>
</div>
<?php } ?>
</div>
</div>
<?php if ($hasnavbar) { ?>
<div class="navbar">
<div class="wrapper clearfix">
<div class="breadcrumb"><?php echo $OUTPUT->navbar(); ?></div>
<div class="navbutton"> <?php echo $PAGE->button; ?></div>
</div>
</div>
<?php } ?>
<!-- END OF HEADER -->
<?php } ?>
<!-- START OF CONTENT -->
<div id="page-content-wrapper" class="wrapper clearfix">
<div id="page-content">
<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 ($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>
<!-- END OF CONTENT -->
<?php if ($hasheading || $hasnavbar) { ?>
</div>
<?php } ?>
<!-- START OF FOOTER -->
<?php if ($hasfooter) { ?>
<div id="page-footer" class="wrapper">
<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 } ?>
</div>
<?php echo $OUTPUT->standard_end_of_body_html() ?>
</body>
</html>
theme/arialist/lib.php
+92
View File
@@ -0,0 +1,92 @@
<?php
/**
* Makes our changes to the CSS
*
* @param string $css
* @param theme_config $theme
* @return string
*/
function arialist_process_css($css, $theme) {
// Set the link color
if (!empty($theme->settings->linkcolor)) {
$linkcolor = $theme->settings->linkcolor;
} else {
$linkcolor = null;
}
$css = arialist_set_linkcolor($css, $linkcolor);
// Set the region width
if (!empty($theme->settings->regionwidth)) {
$regionwidth = $theme->settings->regionwidth;
} else {
$regionwidth = null;
}
$css = arialist_set_regionwidth($css, $regionwidth);
// Set the custom CSS
if (!empty($theme->settings->customcss)) {
$customcss = $theme->settings->customcss;
} else {
$customcss = null;
}
$css = arialist_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 arialist_set_linkcolor($css, $linkcolor) {
$tag = '[[setting:linkcolor]]';
$replacement = $linkcolor;
if (is_null($replacement)) {
$replacement = '#f25f0f';
}
$css = str_replace($tag, $replacement, $css);
return $css;
}
/**
* Sets the region width variable in CSS
*
* @param string $css
* @param mixed $regionwidth
* @return string
*/
function arialist_set_regionwidth($css, $regionwidth) {
$tag = '[[setting:regionwidth]]';
$doubletag = '[[setting:regionwidthdouble]]';
$replacement = $regionwidth;
if (is_null($replacement)) {
$replacement = 250;
}
$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 arialist_set_customcss($css, $customcss) {
$tag = '[[setting:customcss]]';
$replacement = $customcss;
if (is_null($replacement)) {
$replacement = '';
}
$css = str_replace($tag, $replacement, $css);
return $css;
}
theme/arialist/pix/screenshot.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

theme/arialist/settings.php
+50
View File
@@ -0,0 +1,50 @@
<?php
/**
* Settings for the arialist theme
*/
// Create our admin page
$temp = new admin_settingpage('theme_arialist', get_string('configtitle','theme_arialist'));
// Logo file setting
$name = 'theme_arialist/logo';
$title = get_string('logo','theme_arialist');
$description = get_string('logodesc', 'theme_arialist');
$setting = new admin_setting_configtext($name, $title, $description, '', PARAM_URL);
$temp->add($setting);
// Tagline setting
$name = 'theme_arialist/tagline';
$title = get_string('tagline','theme_arialist');
$description = get_string('taglinedesc', 'theme_arialist');
$setting = new admin_setting_configtext($name, $title, $description, '');
$temp->add($setting);
// Link colour setting
$name = 'theme_arialist/linkcolor';
$title = get_string('linkcolor','theme_arialist');
$description = get_string('linkcolordesc', 'theme_arialist');
$default = '#f25f0f';
$previewconfig = array('selector'=>'.block .content', 'style'=>'linkcolor');
$setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig);
$temp->add($setting);
// Block region width
$name = 'theme_arialist/regionwidth';
$title = get_string('regionwidth','theme_arialist');
$description = get_string('regionwidthdesc', 'theme_arialist');
$default = 250;
$choices = array(180=>'180px', 190=>'190px', 200=>'200px', 210=>'210px', 220=>'220px', 240=>'240px', 250=>'250px');
$setting = new admin_setting_configselect($name, $title, $description, $default, $choices);
$temp->add($setting);
// Custom CSS file
$name = 'theme_arialist/customcss';
$title = get_string('customcss','theme_arialist');
$description = get_string('customcssdesc', 'theme_arialist');
$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);
theme/arialist/style/core.css
+238
View File
@@ -0,0 +1,238 @@
/* Global
---------------------------*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
font-family: arial, verdana, sans-serif;
line-height: 1.5;
color: #333;
}
a:hover {
color: #333;
}
#wrapper {
padding:0 100px;
border-top:15px solid #eee;
}
h2,h3,h4,h5,h6 {
color: #999;
font-weight: normal;
}
blockquote {
border-left:1px solid #eee;
padding-left:15px;
color:#666;
}
fieldset#general {
border-color: #eee;
}
fieldset#general legend {
color: #555;
font-weight: normal;
font-size: 1.2em;
border: 1px solid #eee;
padding: 2px 5px;
background: #fff;
}
/* Header
----------------------------*/
#page-header {
padding: 50px 0 25px;
}
#page-site-index #page-header {
padding-bottom: 10px;
}
#header-left {
float: left;
}
.headermain,
.headermenu {
margin: 0;
}
#page-header h1 {
float: none;
font-size: 2.25em;
line-height: 1;
}
#page-header h1.inside {
color: #666;
font-size: 2em;
}
#page-header p {
color:#999;
}
/* Navbar
----------------------------*/
.navbar {
background: #f1f1f1;
padding: 5px 10px;
border: 1px solid #ddd;
}
.breadcrumb .sep {
padding-left: 5px;
}
/* Blocks
----------------------------*/
.block {
border: none;
}
.block .header h2 {
color:#999;
font-size: 1.25em;
border-bottom:1px solid #eee;
padding-bottom:5px;
}
/* Courses
----------------------------*/
h2.headingblock {
font-weight: normal;
color:#999;
font-size: 1.5em;
border-bottom:1px solid #eee;
padding-bottom:2px;
}
.coursebox {
border-color: #eee;
}
.coursebox .info {
width: 35%;
}
.coursebox .info .name {
margin-bottom: 0;
}
.coursebox .info .teachers {
font-size: 0.9em;
color: #888;
}
.coursebox .summary {
width: 63%;
}
.course-content .section.main {
border-bottom: 1px solid #eee;
}
.course-content .section.main .content {
padding: 5px 5px 10px;
}
.course-content .weeks .section.main .content {
margin-left: 0;
}
.course-content .weeks .section.main .left {
display: none;
}
.course-content .section.main.current {
background:#fffcdc;
}
.course-content .weeks .section.main h3.weekdates {
color: #999;
}
.course-content .current .left,
.course-content .current h3.weekdates {
color: #f25f0f !important;
}
/* Forum
--------------------------*/
.forumpost .topic {
background: #eee;
border-width: 0;
padding: 0 10px 0;
}
.forumpost .subject {
font-size: 1.25em;
}
.forumpost .author {
font-size: 0.9em;
font-style: italic;
}
.forumpost .content {
border-width: 0 1px 10px;
border-style: solid;
border-color: #aaa #eee #eee;
padding: 5px 10px 10px;
}
/* Dock */
#dock {
background: #eee;
border: none;
}
#dock .firstdockitem {
margin-top: 15px;
}
#dock .dockeditem {
background-color: #fff;
border: 1px solid #eee;
border-width: 0 1px 1px 0;
padding: 3px 0;
}
#dock .dockeditem .dockedtitle {
border: none;
}
#dock .dockeditem .dockedtitle h2 {
margin: 12px 0 12px 7px;
color: #666;
}
#dockeditempanel .dockeditempanel_content {
border-color: #eee;
}
#dockeditempanel .dockeditempanel_hd {
border-bottom: none;
padding: 3px 5px;
background: #eee;
text-align: left;
}
#dockeditempanel .dockeditempanel_hd h2 {
color: #333;
text-align: right;
font-weight: normal;
font-size: 0.8em;
padding: 0 2px;
}
#dockeditempanel .dockeditempanel_hd .commands {
float: right;
}
theme/arialist/style/pagelayout.css
+103
View File
@@ -0,0 +1,103 @@
/*********************************************************************************************
left column: 250px
right column: 250px
padding left/right column: 10px
padding center column: 30px
**********************************************************************************************/
body {
margin: auto 0px;
width: auto;
}
#page {
width: 100%;
overflow: hidden;
}
#page-header {
float: left;
width: 100%;
}
#page-content {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
}
#page-content #region-main-box {
float: left;
margin-left: 0;
position: relative;
width: 200%;
right: 100%;
}
#page-content #region-main-box #region-post-box {
float: left;
width: 100%;
}
#page-content #region-main-box #region-post-box #region-main-wrap {
float: left;
width: 50%;
}
#page-content #region-main-box #region-post-box #region-main-wrap #region-main {
overflow: hidden;
position: relative;
left: 100%;
}
#page-content #region-main-box #region-post-box #region-post {
float: right;
position: relative;
}
#page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content {
overflow: hidden;
padding: 20px 30px 20px 0;
}
#page-content #region-main-box #region-post-box #region-post .region-content {
overflow: hidden;
padding: 20px 0 20px 10px;
}
#page-footer {
clear: both;
float: left;
width: 100%;
}
.has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main {
margin-left: 200px;
}
/** No blocks whatsoever **/
.content-only #page-content #region-main-box {
margin-left: 0px;
}
.content-only #page-content #region-main-box #region-post-box {
margin-left: 0px;
}
.content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
margin-left: 0px;
}
.content-only #page-content #region-main-box #region-post-box #region-pre {
width: 0px;
}
.content-only #page-content #region-main-box #region-post-box #region-post {
width: 0px;
}
theme/arialist/style/settings.css
+18
View File
@@ -0,0 +1,18 @@
a {
color:[[setting:linkcolor]];
}
#page-content #region-main-box #region-post-box {
margin-left: -[[setting:regionwidth]];
}
#page-content #region-main-box #region-post-box #region-main-wrap #region-main {
margin-left: [[setting:regionwidth]];
}
#page-content #region-main-box #region-post-box #region-post {
left: [[setting:regionwidth]];
width: [[setting:regionwidth]];
/** Custom CSS **/
[[setting:customcss]]