I reworked the theme. Now it takes standard/layout as it's base and adds theme specific changes. Fonts and colors are separate.

This commit is contained in:
urs_hunkler
2005-05-17 20:25:11 +00:00
parent d6f47d9a1b
commit e67d7012db
7 changed files with 1324 additions and 1828 deletions
+12 -11
View File
@@ -13,7 +13,7 @@ $THEME->sheets = array('styles_layout', 'styles_fonts', 'styles_color', 'styles_
////////////////////////////////////////////////////////////////////////////////
$THEME->standardsheets = false;
$THEME->standardsheets = array('styles_layout');
/// This variable can be set to an array containing
/// filenames from the *STANDARD* theme. If the
@@ -24,8 +24,7 @@ $THEME->standardsheets = false;
/// This parameter can be used, for example, to prevent
/// having to override too many classes.
/// Note that the trailing .css should not be included
/// eg $THEME->standardsheets = array('styles_layout', 'styles_fonts',
/// 'styles_color', 'styles_moz');
/// eg $THEME->standardsheets = array('styles_layout','styles_fonts','styles_color');
////////////////////////////////////////////////////////////////////////////////
@@ -51,25 +50,26 @@ $THEME->parentsheets = false;
/// This parameter can be used, for example, to prevent
/// having to override too many classes.
/// Note that the trailing .css should not be included
/// eg $THEME->standardsheets = array('styles_layout', 'styles_fonts',
/// 'styles_color', 'styles_moz');
/// eg $THEME->parentsheets = array('styles_layout','styles_fonts','styles_color');
////////////////////////////////////////////////////////////////////////////////
$THEME->modsheets = false;
$THEME->modsheets = true;
/// By setting this to true, then this theme will search for
/// When this is enabled, then this theme will search for
/// files named "styles.php" inside all Activity modules and
/// include them. This allows modules to provide some basic
/// layouts so they work out of the box.
/// It is HIGHLY recommended to leave this enabled.
$THEME->blocksheets = false;
$THEME->blocksheets = true;
/// By setting this to true, then this theme will search for
/// When this is enabled, then this theme will search for
/// files named "styles.php" inside all Block modules and
/// include them. This allows Blocks to provide some basic
/// layouts so they work out of the box.
/// It is HIGHLY recommended to leave this enabled.
$THEME->langsheets = false;
@@ -80,14 +80,14 @@ $THEME->langsheets = false;
/// different styles.
$THEME->navmenuwidth = 30;
$THEME->navmenuwidth = 50;
/// You can use this to control the cutoff point for strings
/// in the navmenus (list of activities in popup menu etc)
/// Default is 50 characters wide.
$THEME->makenavmenulist = true;
$THEME->makenavmenulist = false;
/// By setting this to true, then you will have access to a
/// new variable in your header.html and footer.html called
@@ -96,6 +96,7 @@ $THEME->makenavmenulist = true;
/// creating popup navigation menus and so on.
$THEME->resource_mp3player_colors =
'bgColour=000000&btnColour=ffffff&btnBorderColour=cccccc&iconColour=000000&'.
'iconOverColour=00cc00&trackColour=cccccc&handleColour=ffffff&loaderColour=ffffff&'.
+1 -1
View File
@@ -4,7 +4,7 @@
<?php global $CFG, $course; ?>
<div id="footer">
<?php echo $loggedinas ?>
<p class="homelink"><?php echo $homelink ?></p>
<?php echo $homelink ?>
<!-- <p><div class="homelink"><a target="<?php echo $CFG->framename ?>" href="<?php $CFG->wwwroot ?>/course/view.php?id=<?php $course->id ?>"> <?php $course->shortname ?> </a></div></p> -->
<p>
<!-- <<a href="http://validator.w3.org/check?verbose=1&amp;ss=1&amp;uri=<?php echo urlencode(qualified_me()) ?>"><img src="<?php echo "$CFG->wwwroot/theme/$CFG->theme" ?>/xhtml_1_0.gif" alt="XHTML Validator" /></a>
+4 -7
View File
@@ -23,8 +23,7 @@
<div class="headermain"><?php echo $heading ?></div>
<div class="headermenu"><?php echo $menu ?></div>
</div>
<div class="clearer"></div>
<div id="nav-bar">
<div class="navbar">
</div>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
@@ -34,13 +33,11 @@
<!-- <div class="headermenu"><div id="new-menu"><?php echo $navmenulist ?></div></div> -->
</div>
<?php } ?>
<div class="clearer"></div>
<?php if ($navigation) { // This is the navigation table with breadcrumbs ?>
<div id="nav-bar">
<div id="breadcrumb"><?php print_navigation("$navigation"); ?></div>
<div id="navbutton"><?php echo $button; ?></div>
<div class="navbar">
<div class="breadcrumb"><?php print_navigation("$navigation"); ?></div>
<div class="navbutton"><?php echo $button; ?></div>
</div>
<?php } ?>
<div class="clearer"></div>
<!-- END OF HEADER -->
<div id="content">
File diff suppressed because it is too large Load Diff
+511 -359
View File
@@ -1,405 +1,557 @@
/* $Id$ */
/*******************************************************************
styles_color.css
This CSS file contains all font definitions like family, size,
weight, text-align, letter-spacing etc.
/*************************************************
***
*** fonts
***
**************************************************/
Styles are organised into the following sections:
core
header
footer
/*************************************************
***
*** This CSS file contains all font definitions
*** like family, size, weight,
*** text-align, letter-spacing
*** etc.
***
*** Shortindex:
*** basic and general styles
*** header and footer styles
*** content styles (alphabetically)
*** admin, course, activities, calendar, blocks
***
*** Please sort new styles for existing content
*** into the appropriate part of this CSS file.
*** Styles for new Blocks or Activities please
*** place at the end.
*** Wouldn't the alphabetical order be better?
***
**************************************************/
admin
blocks
calendar
course
doc
help
login
message
user
various modules
*******************************************************************/
/* basic styles */
/*font {
font-size:100% !important;
}*/
/***
*** Core
***/
.clearer {
font-size:1px;
font-size:1px
}
.smallinfo {
font-size:100%;
* font {
font-size:100%
}
.smallinfohead {
font-size:100%;
}
/* general styles */
body {
font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif !important;
font-size:100%;
line-height:1.2em;
letter-spacing:0.02em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
letter-spacing:0.02em
}
/*td, th, p, a {
font-family:inherit;
font-family:inherit;
font-size:inherit;
}*/
th {
font-weight:bold;
font-weight:bold
}
a {
font-family:inherit;
font-size:inherit;
line-height:150%;
text-decoration:none;
a:link,
a:visited {
text-decoration:none
}
a:hover {
text-decoration:underline;
text-decoration:underline
}
a.dimmed:link,
a.dimmed:visited,
a.dimmed:hover,
a.autolink:link,
a.autolink:visited,
a.autolink:hover {
text-decoration:none;
h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
font-weight:bold
}
h1 {
font-size:1.4em
}
h2 {
font-size:150%;
font-weight:bold;
font-size:1.2em
}
h3 {
font-size:130%;
font-weight:bold;
font-size:1em
}
h4 {
font-size:110%;
font-weight:bold;
font-size:0.8em
}
.bold {
font-weight:bold
}
.generalboxcontent {
font-size:0.8em
}
.warning {
font-weight:bold;
font-style:italic
}
.errorbox .title {
font-weight:bold;
font-size:1.2em;
text-align:center
}
.pagingbar .title {
font-weight:bold
}
.pagingbar .thispage {
font-weight:bold
}
.categorybox .category,
.categorybox .category {
font-size:1.2em;
font-weight:bold
}
.helplink {
font-size:0.8em
}
.headingblock {
font-weight:bold
}
.headingblock .link {
font-size:0.9em
}
.files .file {
font-size:0.9em
}
.files .folder {
font-size:0.9em
}
.files .folder .size {
font-weight:bold
}
h2.main {
font-size:110%;
/***
*** Header
***/
.headermain {
font-weight:bold
}
/* header styles */
#header,
#header-home {
font-size:90%;
}
#nav-bar {
font-size:80%;
}
#header-home .headermain {
font-size:150%;
font-size:1.5em
}
#header .headermain {
font-size:130%;
font-size:1.3em
}
.breadcrumb {
font-size:0.8em;
font-weight:normal
}
.logininfo,
#header-home .headermenu font {
font-size:0.8em
}
.headermenu {
font-size:90%;
text-align:right;
}
.headermain,
.headerhomemain {
font-weight:bold;
}
.headerhomemenu,
.headerhomemenu a {
font-size:90%;
}
.logininfo {
font-size:90%;
}
/* footer styles */
#footer {
font-size:90%;
text-align:center;
}
/***
*** Footer
***/
.homelink {
font-size:90%;
font-size:0.8em
}
/*****************************
***
*** content styles
***
******************************/
#content {
font-size:80%;
text-align:left;
.performanceinfo {
font-size:0.6em
}
/***
*** Admin
***/
/* many places */
.noticeboxcontent {
text-align:center;
}
/* entry page */
#site-index #layout-table { }
#site-index #layout-table .sideblock a { }
#site-index #block_course_summary {
line-height:1.5em;
}
* html #site-index .subject,
* html #site-index .author {
font-style:normal;
table.formtable tbody th {
font-weight:normal;
text-align:right
}
#admin-index .generalboxcontent,
#admin-config .generalboxcontent {
font-size:0.9em
}
#admin-config .linklist {
font-size:0.9em
}
/*****************************
***
*** Admin
***
******************************/
#admin-config .generalbox,
#admin-site .generalbox,
#admin-backup .generalbox,
#admin-calendar .generalbox,
#admin-editor .generalbox,
#admin-lang .generalbox {
font-size:90%;
text-align:left;
}
#admin-index .generaltable {
/*font-size:0.9em;*/
text-align:left;
}
#admin-lang FORM {
/*font-size:0.9em;*/
}
#admin-blocks #content p,
#admin-modules #content p {
margin:0;
padding:0;
}
/*****************************
***
*** Login
***
******************************/
#login-index .content {
text-align:left;
}
/*****************************
***
*** Course
***
******************************/
.course {
text-align:left;
}
/* course, entry-page, login */
.headingblock {
font-weight:bold;
}
/* course */
#left-column,
#right-column {
text-align:left;
}
#middle-column{
text-align:left;
}
.outlineheadingblock {
font-weight:bold;
}
.weeklydatetext {
font-weight:bold;
}
.courseboxinfo {
font-weight:bold;
}
/*****************************
***
*** Activities
***
******************************/
/* index, admin, course, lang, adodb, quiz */
.categoryname,
.categorynumber {
font-weight:bold;
}
/* forum */
.forum {
text-align:left;
}
.forumpostheadertopic { }
.unread {
font-style:normal;
}
/* glossary */
.glossary .generaltab B,
.glossary .generaltabselected B,
.glossary .general B,
.glossary .inactive B {
font-weight:normal;
}
.glossaryintrobox {
text-align:left;
}
/* wiki */
.mwiki {
text-align:left;
}
.wiki .upload {
font-size:0.9em;
}
.mwiki .generaltab,
.mwiki .generaltabselected { }
#containerPageActions {
text-align:left;
}
/*****************************
***
*** Calendar
***
******************************/
TABLE.minicalendar {
letter-spacing:0em;
}
TABLE.minicalendar .day {
text-align:center;
}
TABLE.minicalendar TBODY TD {
text-align:center;
}
TABLE.calendarmonth TBODY TD TABLE {
line-height:1.2em;
}
TABLE.calendarmonth TBODY TD DIV {
line-height:1.2em;
}
TABLE.minicalendar THEAD TD,
TABLE.calendarmonth THEAD TD {
font-weight:bold;
text-align:center;
}
TABLE.cal_controls td {
line-height:1.2em;
}
.mycalendar .event {
font-weight:bold;
}
.mycalendar .event_date { }
.mycalendar .event_table THEAD {
text-align:center;
font-weight:bold;
}
.calendarexpired {
font-weight:bold;
}
.calendarreferer {
font-weight:bold;
}
.cal_popup_caption {
font-weight:bold;
}
.cal_popup_close {
font-weight:bold;
}
.sideblock .cal_controls { }
/*****************************
***
*** Blocks
***
******************************/
/* sideblock */
/***
*** Blocks
***/
.sideblock {
font-size:90%;
font-size:0.7em
}
.sideblock .header {
font-weight:bold
}
.sideblock .content {
line-height:1.2em
}
.sideblock .content h3,
.sideblock .content h2 {
font-size:1.2em
}
.sideblock .header .commands {
}
.sideblock .footer {
text-align:left
}
.sideblock .head,
.sideblock .info,
.sideblock .event {
}
.sideblock .date {
font-style:italic
}
.sideblock.header {
font-weight:bold;
/***
*** Calendar
***/
#calendar .maincalendar .eventlist .event .referer {
font-weight:bold
}
#calendar .maincalendar .eventlist .event .course {
font-size:0.8em
}
#calendar .maincalendar .eventlist .event .description .commands {
text-align:right
}
#calendar .maincalendar .calendarmonth {
font-size:0.8em
}
#calendar .sidecalendar {
font-size:0.8em
}
#calendar div.header {
font-weight:bold
}
#calendar .sidecalendar .filters,
#calendar .maincalendar .filters {
font-size:0.8em
}
.sideblock .filters td {
font-size:1em
}
#calendar .maincalendar .controls {
font-size:1em
}
#calendar .maincalendar .day {
font-weight:bold
}
table.minicalendar {
font-size:0.85em
}
.cal_popup_caption {
font-family:sans-serif;
font-size:0.8em;
font-weight:bold
}
.cal_popup_close {
font-family:sans-serif;
font-size:0.8em;
font-weight:bold
}
#calendar .maincalendar .calendar-controls .current {
font-weight:bold
}
.sideblock .links { }
/***
*** Course
***/
#course-view .section {
font-size:0.8em;
line-height:1.4em
}
#course-view .section .label {
font-size:1.2em;
line-height:1.4em
}
#course-view .section .activity {
padding:0.2em 0;
vertical-align:bottom
}
#course-view .section .activity a {
font-size:1.2em;
line-height:1em
}
#course-view .section .left {
font-weight:bold
}
.activitydate, .activityhead {
font-size:0.8em
}
.weeklydatetext {
font-size:0.8em;
font-weight:bold
}
.coursebox .info {
font-size:1em
}
.coursebox .teachers,
.coursebox .cost {
font-size:0.8em
}
.coursebox .summary {
font-size:0.8em
}
#course-recent h2.main {
font-size:1.1em
}
td.sideblock .content {
text-align:left;
/***
*** Doc
***/
body#doc-contents h1 {
font-size:0.9em
}
body#doc-contents ul {
font-size:0.8em
}
/***
*** Help
***/
#help {
font-size:0.8em
}
/***
*** Login
***/
#login-index #content .left,
#login-index #content .right {
font-size:0.8em;
text-align:left
}
/***
*** Message
***/
.message .link {
font-size:0.8em
}
.message_form {
font-size:0.8em
}
.message .heading {
font-size:1.0em;
font-weight:bold
}
.message .date,
.message .contact,
.message .summary {
font-size:0.9em
}
.message .note,
.message .pix {
font-size:0.8em
}
.message .author {
font-weight:bold;
font-size:0.8em
}
.message .time {
font-style:italic;
font-size:0.8em
}
.message .content {
font-size:0.8em
}
#message-user .commands span {
font-size:0.7em;
white-space:nowrap
}
#message-user .name {
font-weight:bold;
font-size:1.1em
}
/***
*** User
***/
#user-view .userinfobox .list {
font-size:0.8em
}
#course-user .section .content td {
font-size:0.8em
}
#course-user .section .content ul {
font-size:1.2em
}
#course-user .logtable {
font-size:0.8em
}
.userinfobox .username {
font-weight:bold
}
.userinfobox .links {
font-size:0.7em
}
/***
*** Modules:Assignment
***/
#mod-assignment-index .cell {
font-size:0.9em
}
/***
*** Modules:Chat
***/
#mod-chat-index .cell {
font-size:0.9em
}
/***
*** Modules:Choice
***/
#mod-choice-index .cell {
font-size:0.9em
}
/***
*** Modules:Forum
***/
.forumpost,
.forumheaderlist {
font-size:0.8em
}
.forumnodiscuss {
font-weight:bold
}
.forumpost .topic .subject {
font-weight:bold
}
.forumpost .topic .author {
font-size:0.8em
}
.forumpost .commands,
.forumpost .link {
font-size:0.9em
}
.forumheaderlist .discussion .lastpost {
font-size:0.7em
}
body#mod-forum-search .introcontent {
font-weight:bold
}
body#mod-forum-index .generalbox .cell {
font-size:0.9em
}
/***
*** Modules:Glossary
***/
.glossarydisplay,
.glossarysearchbox {
font-size:0.8em
}
.glossarypost .commands {
font-size:0.8em
}
.glossarypost .entryheader .author,
.glossarypost .entryheader .time {
font-size:0.8em
}
.glossarypost .entryheader .time {
font-style:italic
}
.concept {
font-weight:bold
}
.glossarycomment .time {
font-size:0.8em;
font-style:italic
}
.entrylowersection .aliases {
font-size:0.8em
}
.entrylowersection .icons,
.entrylowersection .ratings {
font-size:0.8em
}
#mod-glossary-index .cell {
font-size:0.9em
}
/***
*** Modules:Journal
***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
font-size:0.7em
}
#mod-journal-view .author {
font-size:1em;
font-weight:bold
}
#mod-journal-view .time {
font-size:0.7em;
font-style:italic
}
#mod-journal-view .grade {
font-weight:bold;
font-style:italic
}
#mod-journal-index .cell {
font-size:0.9em
}
/***
*** Modules:Label
***/
/***
*** Modules:Lesson
***/
#mod-lesson-index .cell {
font-size:0.9em
}
/***
*** Modules:Quiz
***/
.editorhelptext {
font-size:0.7em
}
#mod-quiz-index .cell {
font-size:0.9em
}
/***
*** Modules:Resource
***/
#mod-resource-index .cell {
font-size:0.9em
}
.mod-resource font {
font-size:0.8em
}
/***
*** Modules:Scorm
***/
#mod-scorm-index .cell {
font-size:0.9em
}
/***
*** Modules:Survey
***/
#mod-survey-index .cell {
font-size:0.9em
}
/***
*** Modules:Wiki
***/
#mod-wiki-index .cell {
font-size:0.9em
}
/***
*** Modules:Workshop
***/
#mod-workshop-index .cell {
font-size:0.9em
}
File diff suppressed because it is too large Load Diff
+43 -35
View File
@@ -66,55 +66,63 @@
background:url(pix/tab/tabsbg_x2.gif) bottom left repeat-x
}
.tabs .side {
border-bottom:0 none
}
.tabs td {
padding:0
}
.tabs .left {
width:0;
width:0
}
.tabs .right {
width:75%;
width:75%
}
.tabrow {
width:100%;
margin:0;
border-collapse:collapse;
border-collapse:collapse
}
.tabrow td {
padding:0 0 0 14px;
height:34px;
border-width:0
}
.tabs .r1 {
margin-bottom:1px;
margin-bottom:1px
}
.tabrow td.selected {
border-width: 0px
}
.tabs .r0 .active {
background:url(pix/tab/left.gif) bottom left no-repeat;
background:url(pix/tab/left.gif) bottom left no-repeat
}
.tabs .r1 .active {
background:url(pix/tab/left2.gif) bottom left no-repeat;
background:url(pix/tab/left2.gif) bottom left no-repeat
}
.tabs .r0 .inactive {
background:url(pix/tab/left_inactive.gif) bottom left no-repeat;
background:url(pix/tab/left_inactive.gif) bottom left no-repeat
}
.tabs .r1 .inactive {
background:url(pix/tab/left_inactive2.gif) bottom left no-repeat;
background:url(pix/tab/left_inactive2.gif) bottom left no-repeat
}
.tabs .r0 .activetwo {
background:url(pix/tab/left_active2.gif) bottom left no-repeat;
background:url(pix/tab/left_active2.gif) bottom left no-repeat
}
.tabs .r1 .activetwo {
background:url(pix/tab/left_active2.gif) bottom left no-repeat;
background:url(pix/tab/left_active2.gif) bottom left no-repeat
}
.tabs,
@@ -124,11 +132,11 @@
.tabrow tbody,
.tabrow tr,
.tabrow td {
background-color:transparent;
background-color:transparent
}
.tabrow th {
display:none;
display:none
}
.tabrow td .tablink {
@@ -139,100 +147,100 @@
text-align:center;
text-decoration:none;
height:34px;
width:auto;
width:auto
}
.tabs .r0 .active .tablink {
background:url(pix/tab/right.gif) bottom right no-repeat;
background:url(pix/tab/right.gif) bottom right no-repeat
}
.tabs .r1 .active .tablink {
background:url(pix/tab/right2.gif) bottom right no-repeat;
background:url(pix/tab/right2.gif) bottom right no-repeat
}
.tabs .r0 .inactive .tablink {
background:url(pix/tab/right_inactive.gif) bottom right no-repeat;
background:url(pix/tab/right_inactive.gif) bottom right no-repeat
}
.tabs .r1 .inactive .tablink {
background:url(pix/tab/right_inactive2.gif) bottom right no-repeat;
background:url(pix/tab/right_inactive2.gif) bottom right no-repeat
}
.tabs .r0 .activetwo .tablink {
background:url(pix/tab/right_active2.gif) bottom right no-repeat;
background:url(pix/tab/right_active2.gif) bottom right no-repeat
}
.tabs .r1 .activetwo .tablink {
background:url(pix/tab/right_active2.gif) bottom right no-repeat;
background:url(pix/tab/right_active2.gif) bottom right no-repeat
}
.tabrow td .tablink a {
width:auto;
line-height:32px;
line-height:32px
}
.tabs .r0 .active:hover {
background:url(pix/tab/left_hover.gif) bottom left no-repeat;
background:url(pix/tab/left_hover.gif) bottom left no-repeat
}
.tabs .r0 .active:hover .tablink {
background:url(pix/tab/right_hover.gif) bottom right no-repeat;
line-height:32px;
line-height:32px
}
.tabs .r0 .inactive:hover {
background:url(pix/tab/left_inactive.gif) bottom left no-repeat;
background:url(pix/tab/left_inactive.gif) bottom left no-repeat
}
.tabs .r0 .inactive:hover .tablink {
background:url(pix/tab/right_inactive.gif) bottom right no-repeat;
line-height:32px;
line-height:32px
}
.tabs .r1 .active:hover {
background:url(pix/tab/left_hover2.gif) bottom left no-repeat;
background:url(pix/tab/left_hover2.gif) bottom left no-repeat
}
.tabs .r1 .active:hover .tablink {
background:url(pix/tab/right_hover2.gif) bottom right no-repeat;
line-height:32px;
line-height:32px
}
.tabrow .last span {
padding:0 1px 0 0;
display:block;
background:url(pix/tab/right_end.gif) bottom right no-repeat;
background:url(pix/tab/right_end.gif) bottom right no-repeat
}
.tabs .r0 .selected {
background:url(pix/tab/left_active.gif) bottom left no-repeat;
background:url(pix/tab/left_active.gif) bottom left no-repeat
}
.tabs .r1 .selected {
background:url(pix/tab/left_active2.gif) bottom left no-repeat;
background:url(pix/tab/left_active2.gif) bottom left no-repeat
}
.tabs .r0 .selected .tablink {
background:url(pix/tab/right_active.gif) bottom right no-repeat;
line-height:32px;
line-height:32px
}
.tabs .r1 .selected .tablink {
background:url(pix/tab/right_active2.gif) bottom right no-repeat;
line-height:32px;
line-height:32px
}
.tabrow td.selected:hover {
/*.tabrow td.selected:hover {
background:url(pix/tab/left_active.gif) bottom left no-repeat;
}
.tabrow td.selected .tablink:hover {
background:url(pix/tab/right_active.gif) bottom right no-repeat;
}
}*/
.user-content h2 {
margin:0;
padding:0 1em;
padding:0 1em
}
.user-content {
@@ -247,7 +255,7 @@
*** Tabs
*******************************************************************/
.tabs {
font-size:90%
font-size:0.8em
}
.tablink a:link,
.tablink a:visited {