MDL-26240 Fixes for Anomaly theme inconsistency

This commit is contained in:
Mary Evans
2011-11-27 00:46:24 +00:00
parent 1de9151c6f
commit d11d1e5bc0
7 changed files with 286 additions and 50 deletions
+1 -1
View File
@@ -7,7 +7,7 @@
$THEME->name = 'anomaly';
$THEME->sheets = array('base', 'general', 'browser');
$THEME->sheets = array('base', 'general', 'browser','dock');
/// This variable is an array containing the names of all the
/// stylesheet files you want included in this theme, and in what order
////////////////////////////////////////////////////////////////////////////////
+4
View File
@@ -21,6 +21,9 @@ if ($showsidepre && !$showsidepost) {
if ($hascustommenu) {
$bodyclasses[] = 'has_custom_menu';
}
if ($hasnavbar) {
$bodyclasses[] = 'hasnavbar';
}
echo $OUTPUT->doctype() ?>
<html <?php echo $OUTPUT->htmlattributes() ?>>
@@ -106,6 +109,7 @@ echo $OUTPUT->doctype() ?>
<div class="rounded-corner bottom-right"></div>
</div>
<?php } ?>
<div class="clearfix"></div>
</div>
<?php echo $OUTPUT->standard_end_of_body_html() ?>
</body>
+4
View File
@@ -15,6 +15,9 @@ if (!$showsidepre) {
if ($hascustommenu) {
$bodyclasses[] = 'has_custom_menu';
}
if ($hasnavbar) {
$bodyclasses[] = 'hasnavbar';
}
echo $OUTPUT->doctype() ?>
<html <?php echo $OUTPUT->htmlattributes() ?>>
@@ -85,6 +88,7 @@ echo $OUTPUT->doctype() ?>
<div class="rounded-corner bottom-right"></div>
</div>
<?php } ?>
<div class="clearfix"></div>
</div>
<?php echo $OUTPUT->standard_end_of_body_html() ?>
</body>
+7 -5
View File
@@ -2,11 +2,6 @@
* Core
*/
body,
body.has_dock {
margin: 25px 3%;
}
#page, div, p, li, input, option, textarea {
font-size: 10pt;
line-height: 1.5em;
@@ -16,6 +11,13 @@ body.has_dock {
font-family: Georgia,Times,"Times New Roman",serif;
}
#page {
position: relative;
width: 94%;
margin: 25px 3%;
padding: 0;
}
h1.main,
h2.main,
h3.main,
+39 -11
View File
@@ -30,13 +30,16 @@
/** Fix IE8 + Opera positioning issue **/
.ie8 #page-header .rounded-corner.top-right,
.ie9 #page-header .rounded-corner.top-right,
.opera #page-header .rounded-corner.top-right {
position: relative;
top: -11px;
}
#page-footer {position: relative;
#page-footer {
position: relative;
}
#page-footer .rounded-corner {
position: absolute;
background-image: url([[pix:theme|corners_header]]);
@@ -109,9 +112,10 @@
* corners.... if only IE could handle it.
*
* Browsers:
* Firefox: body.gecko
* Chrome: body.safari
* Safari: body.safari
* Firefox: body.gecko -moz
* Chrome: body.safari -webkit
* Safari: body.safari -webkit
* Opera: body.opera no prefix
*/
.opera .rounded-corner.top-left,
@@ -144,7 +148,8 @@
.safari #page-header,
.gecko .block .corner-box .header,
.gecko #page-header {
-moz-border-radius: 10px 10px 0px 0px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
@@ -154,21 +159,44 @@
.opera #page-footer,
.safari #page-footer,
.gecko #page-footer {
-moz-border-radius: 0px 0px 10px 10px;
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.gecko .forumpost,
.gecko .forumpost .side {
-moz-border-radius-bottomleft: 20px
.opera.forumpost div.row .left,
.safari .forumpost div.row .left,
.gecko .forumpost div.row .left {
-moz-border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.opera .forumpost,
.opera .forumpost div.row.side,
.safari .forumpost,
.safari .forumpost div.row.side,
.gecko .forumpost,
.gecko .forumpost .content {
-moz-border-radius-bottomright: 20px;
.gecko .forumpost div.row.side {
-moz-border-bottom-right-radius: 20px;
-moz-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.opera .forumpost .options,
.safari .forumpost .options,
.gecko .forumpost .options {
-moz-border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
}
/** Fix for IE 6 float background bug */
+139
View File
@@ -0,0 +1,139 @@
/* Docking Module
-----------------*/
body.has_dock #page {
width: 97%;
right: 3%;
}
#dock {
width:3%;
position:fixed;
top:0px;
right:0;
height:100%;
z-index:11000;
background-color: #C8C9C7;
border-right: 0 none;
}
#dock.nothingdocked {
visibility: hidden;
display:none;
}
#dock .controls {
bottom: auto;
background-color: #C8C9C7;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}
#dock .dockeditem.firstdockitem {
margin-top: 10em;
-webkit-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
#dock .dockeditem {
background-color: #C8C9C7;
padding: 2px;
padding-right: 0px;
}
#dock .dockedtitle {
padding-bottom: 5px;
cursor:pointer;
background-color: #222;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}
#dock .dockedtitle h2 {
margin: 0;
padding: 10px 3px;
color: #fff;
font-family: sans-serif;
}
.dockedtitle.activeitem h2 {
color: #fff !important;
}
#dock .dockedtitle.activeitem {
background-color: #697F55;
width: 35px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}
#dock .controls img {
cursor:pointer;
margin-left: 10px;
}
/*
Docked Item Panel
-----------------------*/
#dockeditempanel {
width: 180px;
position: relative;
z-index: 12000;
left: 100%;
}
#dockeditempanel.dockitempanel_hidden {
display:none;
}
#dockeditempanel .dockeditempanel_content {
background-color: #eee;
margin: 0 3px;
position: relative;
min-height: 100px;
border-color: #697F55;
border-style: solid;
border-width: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
}
#dockeditempanel .dockeditempanel_hd {
border-width: 0;
background-color: #eee;
padding: 2px;
}
#dockeditempanel .dockeditempanel_bd .block_docked {
margin:10px;
}
#dockeditempanel .block_calendar_month.block_docked {
text-align: center;
}
#dockeditempanel .dockeditempanel_hd {
text-align: right;
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
#dockeditempanel .dockeditempanel_hd h2 {
display:inline;
margin: 0;
padding-right: 2em;
color: #000;
float: left;
}
#dockeditempanel .dockeditempanel_hd .commands {
display:inline;
}
#dockeditempanel .dockeditempanel_hd .commands img {
margin-right: 3px;
vertical-align: middle;
}
#dockeditempanel .dockeditempanel_bd {
overflow:auto;
width:auto; /* adds scroll to dock panel */
}
+92 -33
View File
@@ -23,29 +23,43 @@ html, body {
#page-content {
background-color: #FFF;
min-width: 0;
}
/** Header **/
#page-header {
background-color: #222;
color: #FFF;
border-bottom: 5px solid #697F55;
}
.hasnavbar #page-header {
border-bottom-width: 0;
margin: 0;
padding: 0;
width: 100%;
}
#page-footer {
background-color: #222;
color: #FFF;
h1.headermain {
float: left;
font-size: 2.3em;
margin: 15px;
line-height: 1;
}
#page-header .headermain span {
color: #C8C9C7;
}
/** Navbar **/
.hasnavbar #page-header {
border-bottom-color: #3A4D28;
border-bottom-width: 3px;
}
#page-header .navbar {
background-color: #697F55;
width: 100%;
margin: 0;
padding: 0;
}
#page-header .navbar {
color: #000;
@@ -59,6 +73,13 @@ html, body {
margin: 5px 1em;
}
/** Footer **/
#page-footer {
background-color: #222;
color: #FFF;
}
/** General **/
.generalbox {
border: 1px solid #DDDDDD;
@@ -433,45 +454,73 @@ html, body {
}
/** Forum **/
.forumheaderlist,
.forumpost {
margin-top: 15px;
border: 1px solid #DDD;
border-collapse: separate;
}
.forumpost td {
border-width: 0;
.forumpost,
.forumpost .left.picture {
background-color: #EEE;
}
.forumpost .topic {
.forumpost .row .left {
float: left;
overflow: hidden;
width: 43px;
}
.forumpost .row.header {
background-color: transparent;
height: 39px;
}
.forumpost .topic.firstpost.starter {
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 .topic .subject,
.forumpost .topic .author {
padding-left: 10px;
}
.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,
.forumpost .options {
background-color: white;
padding-top: 10px;
}
.forumpost .content .footer {
font-size: 0.9em;
padding-top: 0.5em;
text-align: right;
.forumpost .content .shortenedpost a,
.forumpost .content p {
margin: 0 10px;
padding: 0;
}
.forumpost .options .commands,
.forumpost .content .attachments,
.forumpost .options .footer,
.forumpost .options .link {
float: right;
}
.forumpost .options .commands,
.forumpost .options .link {
padding-right: 10px;
}
.forumpost .content .shortenedpost a,
.forumpost .content .shortenedpost span.post-word-count,
.forumpost .commands,
.forumpost .topic .author,
.forumpost .options .link {
font-size: 85%;
line-height: 1.6;
}
.forumpost .row .left {
clear: left;
}
.forumpost .posting.shortenedpost {margin-left: 10px;}
#page-mod-forum-discuss #page-header { /* fixes broken header in forum discuss */
margin-top: 10px;
}
/** Calendar **/
@@ -766,6 +815,10 @@ html, body {
background-color: #3A4D28;
}
#custommenu .yui3-menuitem-active .yui3-menuitem-content {
background-image: none;
}
#custommenu .custom_menu_submenu .yui3-menu-label,
#custommenu .custom_menu_submenu .yui3-menuitem-content {
line-height: 25px;
@@ -774,6 +827,12 @@ html, body {
#custommenu .yui3-menu-label-active,
#custommenu .yui3-menu-label-menuvisible,
#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
#custommenu .yui3-menuitem-active .yui3-menuitem-content,
#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content,
#custommenu .yui3-menu-horizontal.javascript-disabled li a:hover {
background-color: #697F55;
}
/* Add Block
-------------------------*/
.block .content .singleselect form#add_block .select.menubui_addblock { width: 160px;}