Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

MDL-26979 custommenu Improved the custom menu CSS in base and all oth…

…er core themes

* The custom menu now requires the YUI module directly rather than in its initialisation
* Improved the CSS in base so that it was more precise and more easily overrideable
* Reviewed the CSS for all core themes improving and removing !important from rules
  • Loading branch information...
commit 0547b7e7429d258f2011157a33180a950b9da591 1 parent bd44a3b
@samhemelryk samhemelryk authored
View
6 lib/outputrenderers.php
@@ -2429,8 +2429,10 @@ protected function render_custom_menu(custom_menu $menu) {
// Increment the menu count. This is used for ID's that get worked with
// in JavaScript as is essential
$menucount++;
- // Initialise this custom menu
- $this->page->requires->js_init_call('M.core_custom_menu.init', array('custom_menu_'.$menucount));
+ // Initialise this custom menu (the custom menu object is contained in javascript-static
+ $jscode = js_writer::function_call_with_Y('M.core_custom_menu.init', array('custom_menu_'.$menucount));
+ $jscode = "(function(){{$jscode}})";
+ $this->page->requires->yui_module('node-menunav', $jscode);
// Build the root nodes as required by YUI
$content = html_writer::start_tag('div', array('id'=>'custom_menu_'.$menucount, 'class'=>'yui3-menu yui3-menu-horizontal javascript-disabled'));
$content .= html_writer::start_tag('div', array('class'=>'yui3-menu-content'));
View
3  theme/anomaly/style/general.css
@@ -815,5 +815,4 @@ html, body {
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-}
-
+}
View
89 theme/arialist/style/core.css
@@ -245,78 +245,57 @@ h2.headingblock {
margin-top:30px;
}
-/*YUI Reset */
-/*full menu bar */
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
- background: none !important;
-}
-/*single items */
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
- background: none !important;
-}
-/*active items */
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
- background: #f9f9f9 !important;
- border-color:inherit;
-}
-
-#custommenu .yui3-menu-horizontal,
-#custommenu .yui3-menu-horizontal.javascript-disabled {
- padding-left:100px;
- border-bottom:1px solid #DDD;
- background-color:#EEE;
-}
-
.has-custom-menu #wrapper,
#custommenu .yui3-menu-horizontal .yui3-menu-content,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
#custommenu .yui3-menu-horizontal .yui3-menu-content ul,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul,
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover > a {
- border-width:0;
+#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover > a,
+#custommenu .yui3-menu-horizontal .yui3-menu-label,
+#custommenu .yui3-menuitem,
+#custommenu .yui3-menuitem .yui3-menuitem-content {
+ border-width: 0;
}
-#custommenu .yui3-menu-horizontal .yui3-menu-content ul ul,
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul ul {
- background-color:#F9F9F9;
- border:1px solid #DDD;
- border-top-width:0;
+#custommenu {
+ padding-left:100px;
+ border-bottom:1px solid #DDD;
+ background-color:#EEE;
}
-#custommenu .yui3-menu-horizontal .yui3-menu-content li a {
- display:block;
- height:24px;
- vertical-align: bottom;
- padding:5px 10px 0 10px;
- cursor:pointer;
+#custommenu .yui3-menu-content {
+ background-color: transparent;
}
-#custommenu .yui3-menu-horizontal .yui3-menu-content li:hover,
-#custommenu .yui3-menu-horizontal .yui3-menu-content .yui3-menu-label-active {
- background-color:#F9F9F9;
+#custommenu .yui3-menu .yui3-menu-label,
+#custommenu .yui3-menu .yui3-menuitem-content {
+ color:#F25F0F;
+ line-height:24px;
+ padding: 5px 10px;
}
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li:hover > a {
- border-left:1px solid #DDD;
- border-right:1px solid #DDD;
- padding:5px 9px 0 9px;
+#custommenu .custom_menu_submenu .yui3-menu-label,
+#custommenu .custom_menu_submenu .yui3-menuitem-content {
+ padding: 5px 20px;
}
-.yui3-skin-sam #custommenu .yui3-menu-label,
-.yui3-skin-sam #custommenu .yui3-menu .yui3-menu .yui3-menu-label,
-.yui3-skin-sam #custommenu .yui3-menuitem-content,
-.yui3-skin-sam #custommenu .yui3-menu .yui3-menu .yui3-menuitem-content {
- color:#F25F0F;
- border-width:0;
- padding-right: 25px;
+#custommenu .custom_menu_submenu .yui3-menu-content,
+#custommenu .yui3-menu-label-active,
+#custommenu .yui3-menu-label-menuvisible {
+ background-color: #f9f9f9;
}
-.yui3-skin-sam #custommenu .yui3-menu-content,
-.yui3-skin-sam #custommenu .yui3-menu .yui3-menu .yui3-menu-content {
- padding:0;
+#custommenu .custom_menu_submenu .yui3-menu-label-active,
+#custommenu .custom_menu_submenu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color: #fefefe;
}
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover,
-.yui3-skin-sam #custommenu .yui3-menu .custom_menu_submenu .yui3-menuitem.yui3-menuitem-active .yui3-menuitem-content, #custommenu .yui3-menu-horizontal .custom_menu_submenu .yui3-menu-content .yui3-menu-label-active {
- background-color:#FFF !important;
+#custommenu .custom_menu_submenu .yui3-menu-content {
+ border-left:1px solid #DDD;
+ border-right:1px solid #DDD;
+ border-bottom:1px solid #DDD;
+}
+#custommenu .custom_menu_submenu .custom_menu_submenu .yui3-menu-content {
+ border-top:1px solid #DDD;
}
View
BIN  theme/base/pix/horizontal-menu-submenu-indicator.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/base/pix/vertical-menu-submenu-indicator.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
21 theme/base/style/core.css
@@ -581,6 +581,7 @@ body.tag .managelink {padding: 5px;}
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;}
#custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;}
#custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;}
+#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;}
#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;}
#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;}
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {position:absolute;top:-10000px;left:-10000px;visibility:hidden;white-space: nowrap;max-width: 250px;background-color:#FFF;}
@@ -591,6 +592,20 @@ body.tag .managelink {padding: 5px;}
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;}
/**
+ * Fix for broken YUI images in the menunav component
+ */
+#custommenu .yui3-menu-label,
+#custommenu .yui3-menuitem-content {cursor:pointer;}
+#custommenu .yui3-menuitem-active {background-color:#B3D4FF;}
+#custommenu .yui3-menuitem-active,
+#custommenu .yui3-menuitem-active .yui3-menuitem-content,
+#custommenu .yui3-menu-horizontal .yui3-menu-label,
+#custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;}
+#custommenu .yui3-menu-label,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]);}
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);}
+
+/**
* Smart Select Element
*/
.smartselect {position:absolute;}
@@ -707,12 +722,6 @@ body.tag .managelink {padding: 5px;}
*/
.ie.dir-rtl .mform .fitem .felement {margin-right:0;text-align:right;float:right;}
-/**
- * Fix for broken YUI images in the menunav component
- */
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {background-image:none;}
-
.mod-indent-1 {margin-left:20px;}
.mod-indent-2 {margin-left:40px;}
.mod-indent-3 {margin-left:60px;}
View
72 theme/binarius/style/core.css
@@ -275,66 +275,48 @@ body.has_dock {
#custommenu .yui3-menu-horizontal .yui3-menu-content ul,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover > a,
-#custommenu .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
- border-width:0;
+#custommenu .yui3-menu-horizontal .yui3-menu-label,
+#custommenu .yui3-menuitem,
+#custommenu .yui3-menuitem .yui3-menuitem-content {
+ border-width: 0;
}
-/*YUI Reset */
-/*full menu bar */
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
- background: none !important;
-}
-/*single items */
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
- background: none !important;
-}
-/*active items */
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
- background: none !important;
- border-color:inherit;
-}
-.yui3-menuitem, .yui3-menuitem .yui3-menuitem-content {
- border: none !important;
-}
+#custommenu .yui3-menu .yui3-menu {background-color:#F9F9F9;border:1px solid #F14E16;}
-#custommenu .yui3-menu-horizontal .yui3-menu-content ul ul,
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul ul {
- background-color:#F9F9F9;
- border:1px solid #F14E16;
- border-top-width:0;
+#custommenu .yui3-menu .yui3-menu-label,
+#custommenu .yui3-menu .yui3-menuitem-content {
+ color: #FFF;
}
-
-#custommenu .yui3-menu-horizontal .yui3-menu-content .yui3-menu-label, .yui3-menuitem .yui3-menuitem-content, .yui3-menuitem {
- color:#FFF !important;
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-content {
+ color: #000;
+}
+#custommenu .yui3-menuitem-active .yui3-menuitem-content {
+ color: #F14E16
}
-.yui3-skin-sam #custommenu .yui3-menu-content,
-.yui3-skin-sam #custommenu .yui3-menu .yui3-menu .yui3-menu-content {
+#custommenu .yui3-menu-content,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-content {
padding:0;
}
-#custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label, .custom_menu_submenu .yui3-menuitem .yui3-menuitem-content {
- color: #000 !important;
+#custommenu .yui3-menu-label-active,
+#custommenu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color:#F14E16;
+ color:#FFF;
}
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover,
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover a,
-.yui3-skin-sam #custommenu .yui3-menu .custom_menu_submenu .yui3-menuitem.yui3-menuitem-active .yui3-menuitem-content {
- background-color:#F14E16 !important;
- color:#FFF !important;
+#custommenu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color: #F9F9F9;
}
-.yui3-skin-sam .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu-label-menuvisible,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible, #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label-active, #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label-menuvisible {
- background-color:#F14E16 !important;
- color:#FFF !important;
-}
-#custommenu .yui3-menu-horizontal .yui3-menu-content li a {
- cursor:pointer;
+#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover,
+#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover a {
+ background-color:#F14E16;
+ color:#FFF;
}
.pagelayout-redirect #content p,
View
28 theme/boxxie/style/core.css
@@ -1053,9 +1053,12 @@ h2.headingblock {
}
.myclear {
- clear: both;
+ clear: both;
}
+#custommenu {
+ overflow:hidden;
+}
#custommenu .yui3-menu-horizontal .yui3-menu-content,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
#custommenu .yui3-menu-horizontal .yui3-menu-content ul,
@@ -1072,24 +1075,23 @@ h2.headingblock {
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover a,
-.yui3-skin-sam #custommenu .yui3-menu .yui3-menuitem.yui3-menuitem-active .yui3-menuitem-content {
+#custommenu .yui3-menu .yui3-menuitem.yui3-menuitem-active .yui3-menuitem-content {
background-color:#4E6632;
}
-.yui3-skin-sam .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu-label-menuvisible,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
- background-color:#4E6632;
+#custommenu .yui3-menu-label-active,
+#custommenu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label-active,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
+ background-color:#4E6632;
}
-
-#custommenu .yui3-menu-horizontal .yui3-menu-content li a {
- cursor:pointer;
+#custommenu .yui3-menu-content,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-content {
+ padding:0;
}
-.yui3-skin-sam #custommenu .yui3-menu-content,
-.yui3-skin-sam #custommenu .yui3-menu .yui3-menu .yui3-menu-content {
- padding:0;
+#custommenu .yui3-menuitem .yui3-menuitem-content {
+ border-width:0;
}
View
533 theme/brick/style/core.css
@@ -4,275 +4,275 @@
---------------------------*/
html, body {
- background: #eee;
+ background: #eee;
}
#mypagewrapper {
- width: 100%;
- border-top: 1px solid #fff;
+ width: 100%;
+ border-top: 1px solid #fff;
}
#page {
- margin-top: 15px;
- width: 90%;
- min-width: 960px;
- margin-left: auto;
- margin-right: auto;
- clear: both;
- border: 1px solid #dadada;
- background: #fff;
+ margin-top: 15px;
+ width: 90%;
+ min-width: 960px;
+ margin-left: auto;
+ margin-right: auto;
+ clear: both;
+ border: 1px solid #dadada;
+ background: #fff;
}
#wrapper {
- padding: 20px;
- padding-left: 20px;
- padding-right: 17px;
+ padding: 20px;
+ padding-left: 20px;
+ padding-right: 17px;
}
#wrapper.notathome {
- padding-top: 15px;
+ padding-top: 15px;
}
.content-only #wrapper {
- padding-right: 0px;
+ padding-right: 0px;
}
/* Header
----------------------------*/
#page-header {
- width: 100%;
- top: 0px;
- height: 140px;
- float: none;
+ width: 100%;
+ top: 0px;
+ height: 140px;
+ float: none;
}
#header {
- width: 90%;
- min-width: 960px;
- margin-left: auto;
- margin-right: auto;
+ width: 90%;
+ min-width: 960px;
+ margin-left: auto;
+ margin-right: auto;
}
#logo {
- background-position: 0% 40%;
- width: 300px;
- height: 70px;
- float: left;
+ background-position: 0% 40%;
+ width: 300px;
+ height: 70px;
+ float: left;
}
#nologo {
- width: 590px;
- height: 70px;
- float: left;
- margin-left: 6px;
- overflow: hidden;
+ width: 590px;
+ height: 70px;
+ float: left;
+ margin-left: 6px;
+ overflow: hidden;
}
#nologo a, #nologo {
- font-family: Georgia, Palatino, serif;
- line-height: 70px;
- font-size: 28px;
- font-weight: 600;
- letter-spacing: -1px;
+ font-family: Georgia, Palatino, serif;
+ line-height: 70px;
+ font-size: 28px;
+ font-weight: 600;
+ letter-spacing: -1px;
}
#loggedinas {
- min-width: 300px;
- height: 65px;
- float: right;
- text-align: right;
- line-height: 65px;
- font-size: 10px;
+ min-width: 300px;
+ height: 65px;
+ float: right;
+ text-align: right;
+ line-height: 65px;
+ font-size: 10px;
}
#loggedinas a {
- color: #fff;
+ color: #fff;
}
#headerbottom {
- clear: both;
+ clear: both;
}
#headingtitle {
- float: right;
- width: 280px;
- padding-right: 5px;
- text-align: right;
- height: 70px;
- overflow: hidden;
- background: url([[pix:theme|youare]]) no-repeat;
- background-position: 95% 110%;
- position: relative;
- bottom: -2px;
+ float: right;
+ width: 280px;
+ padding-right: 5px;
+ text-align: right;
+ height: 70px;
+ overflow: hidden;
+ background: url([[pix:theme|youare]]) no-repeat;
+ background-position: 95% 110%;
+ position: relative;
+ bottom: -2px;
}
#headingtitle h1 {
- line-height: 67px;
- font-weight: 200;
- font-size: 13px;
- text-transform: uppercase;
- color: #fff;
+ line-height: 67px;
+ font-weight: 200;
+ font-size: 13px;
+ text-transform: uppercase;
+ color: #fff;
}
/* end Header
----------------------------*/
#region-post2 .region-content div.navbutton {
- display: inline-block !important;
- width: 100%;
- float: none;
- margin-bottom: 5px;
- margin-top: 5px;
- clear: both;
+ display: inline-block !important;
+ width: 100%;
+ float: none;
+ margin-bottom: 5px;
+ margin-top: 5px;
+ clear: both;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
- font-family: Georgia, Palatino, serif;
- line-height: 1.5;
- color: #333;
+ font-family: Georgia, Palatino, serif;
+ line-height: 1.5;
+ color: #333;
}
h1, h2, h3, h4 {
- font-family: Georgia, Times, "Times New Roman", serif !important;
+ font-family: Georgia, Times, "Times New Roman", serif !important;
}
h2,h3,h4,h5,h6 {
- color: #999;
- font-weight: normal;
+ color: #999;
+ font-weight: normal;
}
blockquote {
- border-left: 1px solid #eee;
- padding-left: 15px;
- color: #666;
+ border-left: 1px solid #eee;
+ padding-left: 15px;
+ color: #666;
}
.mform fieldset {
- border-color: #eee;
+ border-color: #eee;
}
.mform fieldset legend {
- color: #555;
- font-weight: normal;
- font-size: 1.2em;
- border: 1px solid #eee;
- padding: 2px 5px;
- background: #fff;
+ color: #555;
+ font-weight: normal;
+ font-size: 1.2em;
+ border: 1px solid #eee;
+ padding: 2px 5px;
+ background: #fff;
}
div.navbar {
- border-bottom: 1px solid #eee;
- border-top: 1px solid #eee;
- background: #fafafa url([[pix:theme|block]]) no-repeat;
- background-position: 100% 0%;
- font-size: 0.85em;
- font-style: italic;
- font-weight: 200;
- padding:0 10px;
- margin-bottom: 7px;
+ border-bottom: 1px solid #eee;
+ border-top: 1px solid #eee;
+ background: #fafafa url([[pix:theme|block]]) no-repeat;
+ background-position: 100% 0%;
+ font-size: 0.85em;
+ font-style: italic;
+ font-weight: 200;
+ padding:0 10px;
+ margin-bottom: 7px;
}
div.breadcrumb li {
- line-height: 30px;
- font-family: Georgia, serif;
+ line-height: 30px;
+ font-family: Georgia, serif;
}
.breadcrumb li img {
- vertical-align: middle;
+ vertical-align: middle;
}
/** breadcrumb image replacement **/
div.navbar span.arrow.sep {
- font-size: 1px;
- color: #fafafa;
- background: url([[pix:theme|crumber]]) no-repeat;
- background-position: 50% 25%;
- display: inline-block;
- width: 16px;
- height: 30px;
+ font-size: 1px;
+ color: #fafafa;
+ background: url([[pix:theme|crumber]]) no-repeat;
+ background-position: 50% 25%;
+ display: inline-block;
+ width: 16px;
+ height: 30px;
}
.navbutton {
- float: none;
- width: 100%;
- padding: 5px 0 15px;
- text-align: center;
+ float: none;
+ width: 100%;
+ padding: 5px 0 15px;
+ text-align: center;
}
/* Blocks
----------------------------*/
.block {
- border: none;
+ border: none;
}
div.block {
- padding: 2px;
- border: 1px solid #dadada;
- margin-left: -10px;
+ padding: 2px;
+ border: 1px solid #dadada;
+ margin-left: -10px;
}
#region-main div.block {
- margin-left: 0px;
- background-image: none;
+ margin-left: 0px;
+ background-image: none;
}
.block div.header {
- min-height: 33px;
- padding-top: 3px;
- padding-left: 3px;
+ min-height: 33px;
+ padding-top: 3px;
+ padding-left: 3px;
}
div.block.hidden div.header {
- border-bottom: none;
+ border-bottom: none;
}
.block .header h2 {
- font-size: 13px;
- font-weight: 200;
- text-transform: uppercase;
+ font-size: 13px;
+ font-weight: 200;
+ text-transform: uppercase;
}
.block div.content {
- background: #fff;
- border: 1px solid #dadada;
- border-top: none;
- padding: 4px;
+ background: #fff;
+ border: 1px solid #dadada;
+ border-top: none;
+ padding: 4px;
}
.block div.content h1, .block div.content h2.main, .block div.content h3.main {
- font-size: 13px;
- background-image: none;
+ font-size: 13px;
+ background-image: none;
}
.block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
- border: none !important;
+ border: none !important;
}
.block_calendar_month table.minicalendar {
- margin-bottom: 0px !important;
+ margin-bottom: 0px !important;
}
.block_calendar_month table.minicalendar.calendartable th abbr {
- border: none !important;
- text-decoration: none;
+ border: none !important;
+ text-decoration: none;
}
/** main headings **/
.generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
- font-weight: 600;
- letter-spacing: -1px;
- line-height: 1.3em;
- font-size: 28px;
- border-bottom: 0px solid #eee;
- padding-bottom: 2px;
- background: url([[pix:theme|mainbar]]) repeat-x;
- background-position: 0% 100%;
+ font-weight: 600;
+ letter-spacing: -1px;
+ line-height: 1.3em;
+ font-size: 28px;
+ border-bottom: 0px solid #eee;
+ padding-bottom: 2px;
+ background: url([[pix:theme|mainbar]]) repeat-x;
+ background-position: 0% 100%;
}
.generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main {
- font-size: 22px;
- background: none;
+ font-size: 22px;
+ background: none;
}
@@ -281,263 +281,266 @@ div.block.hidden div.header {
----------------------------*/
.coursebox {
- border-color: #eee;
+ border-color: #eee;
}
.coursebox .info {
- width: 35%;
+ width: 35%;
}
.coursebox .info .name {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.coursebox .info .teachers {
- font-size: 0.9em;
- color: #888;
+ font-size: 0.9em;
+ color: #888;
}
.coursebox .summary {
- width: 63%;
+ width: 63%;
}
.course-content .section.main {
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #eee;
}
.course-content .section.main .content {
- padding: 5px 5px 10px;
+ padding: 5px 5px 10px;
}
.course-content .weeks .section.main .content {
- margin-left: 0;
+ margin-left: 0;
}
.course-content .weeks .section.main .left {
- display: none;
+ display: none;
}
.course-content .section.main.current {
- background: #fffcdc;
+ background: #fffcdc;
}
.course-content .weeks .section.main h3.weekdates {
- color: #999;
+ color: #999;
}
.course-content .current .left,
.course-content .current h3.weekdates {
- color: #92310c !important;
+ color: #92310c !important;
}
span.completionprogress {
- font-size: 11px;
- color: #666666;
+ font-size: 11px;
+ color: #666666;
}
/* Forum
--------------------------*/
.forumpost .topic {
- background: #eee url([[pix:theme|block]]) no-repeat;
- background-position: 100% 0%;
- border-width: 0;
- border: 1px solid #dadada;
- padding: 0 10px 0;
+ background: #eee url([[pix:theme|block]]) no-repeat;
+ background-position: 100% 0%;
+ border-width: 0;
+ border: 1px solid #dadada;
+ padding: 0 10px 0;
}
.forumpost .subject {
- font-size: 1.45em;
- font-family: Georgia, serif;
+ font-size: 1.45em;
+ font-family: Georgia, serif;
}
.forumpost .author {
- font-size: 0.9em;
- font-style: italic;
+ font-size: 0.9em;
+ font-style: italic;
}
td.picture.left img {
- background: #fafafa;
- padding: 4px;
- padding-bottom: 9px;
- border: 1px solid #dadada;
+ background: #fafafa;
+ padding: 4px;
+ padding-bottom: 9px;
+ border: 1px solid #dadada;
}
.forumpost .content {
- border-width: 0 1px 1px;
- border-style: solid;
- border-color: #aaa #dadada #dadada;
- padding: 5px 10px 10px;
+ border-width: 0 1px 1px;
+ border-style: solid;
+ border-color: #aaa #dadada #dadada;
+ padding: 5px 10px 10px;
}
/* Footer
----------------------------*/
#page-footer .helplink {
- margin: 1em 0;
+ margin: 1em 0;
}
/* Dock */
body.has_dock {
- margin: 0px;
+ margin: 0px;
}
.has_dock #page, .has_dock #header {
- margin-left: 5%;
+ margin-left: 5%;
}
#dock {
- left: 5%;
- top: 107px;
- margin-left: -29px;
- border-width: 0;
- background-color: transparent;
- position: absolute;
+ left: 5%;
+ top: 107px;
+ margin-left: -29px;
+ border-width: 0;
+ background-color: transparent;
+ position: absolute;
}
#dock .controls {
- bottom: auto;
- -webkit-border-bottom-left-radius: 3px;
- -moz-border-radius-bottomleft: 3px;
- border-bottom-left-radius: 3px;
+ bottom: auto;
+ -webkit-border-bottom-left-radius: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ border-bottom-left-radius: 3px;
}
#dock .dockeditem_container {
- position: relative;
+ position: relative;
}
#dock .dockeditem.firstdockitem {
- margin-top: 50px;
- border-top: 1px solid #dadada;
- -webkit-border-top-left-radius: 3px;
- -moz-border-radius-topleft: 3px;
- border-top-left-radius: 3px;
+ margin-top: 50px;
+ border-top: 1px solid #dadada;
+ -webkit-border-top-left-radius: 3px;
+ -moz-border-radius-topleft: 3px;
+ border-top-left-radius: 3px;
}
#dock .dockeditem {
- background-color: #fff;
- padding: 2px;
- padding-right: 0px;
- border-left: 1px solid #dadada;
- border-right: 0px solid #fafafa;
- border-top: 1px solid #fafafa;
+ background-color: #fff;
+ padding: 2px;
+ padding-right: 0px;
+ border-left: 1px solid #dadada;
+ border-right: 0px solid #fafafa;
+ border-top: 1px solid #fafafa;
}
#dock .dockedtitle {
- border-width: 0;
+ border-width: 0;
}
#dock .dockedtitle h2 {
- margin: 0;
- padding: 10px 3px;
+ margin: 0;
+ padding: 10px 3px;
}
#dock .dockedtitle.activeitem {
- color: #fff !important;
- width: 35px;
- -webkit-border-top-left-radius: 3px;
- -moz-border-radius-topleft: 3px;
- border-top-left-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -moz-border-radius-bottomleft: 3px;
- border-bottom-left-radius: 3px;
+ color: #fff !important;
+ width: 35px;
+ -webkit-border-top-left-radius: 3px;
+ -moz-border-radius-topleft: 3px;
+ border-top-left-radius: 3px;
+ -webkit-border-bottom-left-radius: 3px;
+ -moz-border-radius-bottomleft: 3px;
+ border-bottom-left-radius: 3px;
}
#dock .dockedtitle.activeitem h2 {
- color: #fff !important;
+ color: #fff !important;
}
#dockeditempanel {
- margin-left: 0px;
+ margin-left: 0px;
}
#dockeditempanel .dockeditempanel_content {
- background-color: #fff;
- margin: 0 3px;
- position: relative;
- min-height: 100px;
- -webkit-border-radius: 3px;
- -webkit-border-top-left-radius: 0;
- -moz-border-radius: 3px;
- -moz-border-radius-topleft: 0;
- border-radius: 3px;
- border-top-left-radius: 0;
+ background-color: #fff;
+ margin: 0 3px;
+ position: relative;
+ min-height: 100px;
+ -webkit-border-radius: 3px;
+ -webkit-border-top-left-radius: 0;
+ -moz-border-radius: 3px;
+ -moz-border-radius-topleft: 0;
+ border-radius: 3px;
+ border-top-left-radius: 0;
}
#dockeditempanel .dockeditempanel_hd {
- border-width: 0;
- padding: 2px;
+ border-width: 0;
+ padding: 2px;
}
#dockeditempanel .dockeditempanel_hd h2 {
- font-size: 0.9em;
- color: #fff;
+ font-size: 0.9em;
+ color: #fff;
}
/** yui menu styles **/
#menustuff {
- width: 600px;
- float: left;
- clear: left;
- height: 65px;
+ width: 600px;
+ float: left;
+ clear: left;
+ height: 65px;
}
-#custommenu {
- border: none !important;
+#custommenu,
+#custommenu .yui3-menu-content {
+ border-width:0;
}
-div.yui3-menu-content {
- border: none !important;
+#custommenu .yui3-menu-content li a {
+ font-size: 14px;
+ font-family: Georgia, serif;
+ font-weight: 200;
+ text-transform: lowercase;
+ line-height: 70px;
+ cursor: pointer;
+ border-width:0;
}
-.yui3-menu-content li a {
- font-size: 14px;
- font-family: Georgia, serif !important;
- font-weight: 200;
- text-transform: lowercase;
- line-height: 70px;
- cursor: pointer;
- border-right: none !important;
- border-top: none !important;
- border-bottom: none !important;
+#custommenu .yui3-menu-content li li a {
+ line-height: 30px;
+ text-shadow:none;
}
-.yui3-menu-content li a:hover {
- text-decoration: underline;
+#custommenu .yui3-menu-content li a:hover {
+ text-decoration: underline;
}
-div.custom_menu_submenu li a {
- line-height: 30px;
- text-shadow: none !important;
+#custommenu .yui3-menu-content .yui3-menu-content {
+ background-image: url([[pix:theme|youare]]);
+ background-position: 30px 0;
+ background-repeat: no-repeat;
+ background-color:transparent;
+ margin-top:-10px;
+ min-width: 200px;
}
-div.yui3-menu.custom_menu_submenu {
- background: url([[pix:theme|youare]]) no-repeat;
- background-position: 30px 10px;
- top: 120px !important;
- border: none;
- min-width: 100px;
- z-index: 99998;
+#custommenu .yui3-menu-content .yui3-menu-content ul {
+ margin-top:10px;
+ background-color:#FFF;
+ border: 1px solid #dadada
}
-div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
- margin-top: 22px;
- border: 1px solid #dadada !important;
- border-top: none !important;
+#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content,
+#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content ul {
+ margin-top:0;
+ background-image:none;
}
-/** below style to move sub subs to the left to keep from going off the page **/
+#custommenu .yui3-menuitem-active,
+#custommenu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color:transparent;
+}
-div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
- background-image: none !important;
- min-width: 200px;
- position: relative;
- margin-top: -50px;
- border-top: 1px solid #dadada !important;
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label-active,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color: #FFF0A5;
}
.logininfo a {
- color: #fff;
+ color: #fff;
}
View
71 theme/formfactor/style/core.css
@@ -55,38 +55,63 @@ body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Trebuchet MS",
#page-footer .logininfo { margin: 1em 0; }
/* custum menu */
-#custommenu { margin:0 50px; }
+#custommenu {
+ margin:0 50px;
+}
-#custommenu, div.yui3-menu, div.yui3-menu-content {
- border: none !important;
+#custommenu,
+#custommenu .yui3-menu,
+#custommenu .yui3-menu-content {
+ border-width:0;
}
#custommenu {
- background:url([[pix:theme|gradient-sb]]) repeat-x 0 30%;
- padding-top: 4px;
- padding-bottom: 4px;
- border-bottom: 1px solid #ccc !important;
- border-left: 1px solid #eee !important;
- border-right: 1px solid #eee !important;
-
+ background:url([[pix:theme|gradient-sb]]) repeat-x 0 30%;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ border-bottom: 1px solid #ccc;
+ border-left: 1px solid #eee;
+ border-right: 1px solid #eee;
+}
+
+#custommenu .yui3-menu-label,
+#custommenu .yui3-menuitem-content {
+ border-width:0;
+}
+
+#custommenu .yui3-menu-content .yui3-menu-content {
+ border: 1px solid #ccc;
+ border-top-width: 0;
+ margin-top: 3px;
}
-a.yui3-menu-label {
- border: none !important;
+#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content {
+ border-top: 1px solid #ccc;
}
-div.yui3-menu-content .yui3-menu-content {
- border: 1px solid #ccc !important;
- border-top: none !important;
- margin-top: 3px;
- padding: 10px;
+#custommenu .yui3-menu-content .yui3-menu-content .yui3-menuitem-content,
+#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-label {
+ padding-top: 5px;
}
-div.yui3-menu-content .yui3-menu-content .yui3-menu-content {
- border-top: 1px solid #ccc !important;
+#custommenu .yui3-menu-label,
+#custommenu .yui3-menuitem-content {
+ color:#BF3503;
}
-div.yui3-menu-content .yui3-menu-content .yui3-menuitem-content, div.yui3-menu-content .yui3-menu-content .yui3-menu-label{
- padding-top: 5px !important;
-
-}
+#custommenu .yui3-menu .yui3-menuitem-active,
+#custommenu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menu-label-active,
+#custommenu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color: #BF3503;
+}
+
+#custommenu .yui3-menu-label-active,
+#custommenu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menuitem-active .yui3-menuitem-content {
+ color:#FFF;
+}
+
+#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {
+ border-width:0;
+}
View
2  theme/formfactor/style/selected.css
@@ -1,8 +1,6 @@
a:link,
a:visited { color: #bf3503; }
-a.yui3-menu-label, div.yui3-menu-content .yui3-menu-content .yui3-menuitem-content { color: #bf3503 !important; }
-
a:hover,
a:active { color:#3f5c10; }
View
237 theme/fusion/style/menus.css
@@ -1,197 +1,40 @@
-#custommenu {
- font-size: 1.2em;
- line-height: 1.2;
- float: left;
- width:60%;
-}
-
-.yui3-skin-sam .yui3-menu-content,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
- border: none;
- padding: 0 !important;
-}
-
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
- background: #fff;
- filter:alpha(opacity=95);
- -moz-opacity:0.95;
- -khtml-opacity: 0.95;
- opacity: 0.95;
- padding: 5px 0;
-}
-
-
-/* Horizontal menus */
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
-
-
-}
-
-
-.yui3-skin-sam .yui3-menu ul,
-.yui3-skin-sam .yui3-menu ul ul {
-
-}
-
-.yui3-skin-sam .yui3-menu ul.first-of-type {
-}
-
-.yui3-skin-sam .yui3-menu-horizontal ul {
-}
-
-
-.yui3-skin-sam .yui3-menu li,
-.yui3-skin-sam .yui3-menu .yui3-menu li {
-
-}
-
-.yui3-skin-sam .yui3-menu-horizontal li {
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav li {
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav li {
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav li li,
-.yui3-skin-sam .yui3-splitbuttonnav li li {
-
-}
-
-
-/* Menuitems and menu labels */
-.yui3-skin-sam .yui3-menu .yui3-menu {
- padding-top: 5px;
- background: url([[pix:theme|menu-top]]) no-repeat 20px 0;
- filter:alpha(opacity=95);
- -moz-opacity:0.95;
- -khtml-opacity: 0.95;
- opacity: 0.95;
-}
-
-.custom_menu_submenu .custom_menu_submenu {
-
- filter:alpha(opacity=100);
- -moz-opacity:1 !important;
- -khtml-opacity: 1 !important;
- opacity: 1 !important;
-}
-
-
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu {
- padding-top: 0;
- background: none;
-}
-
-.yui3-skin-sam .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu-label {
- color: #a2a3a6;
-}
-
-.yui3-skin-sam .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
- padding-top: 3px;
- padding-bottom: 4px;
-}
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
- border: none;
- padding: 0 20px 0 0;
-}
-
-.yui3-skin-sam .yui3-menu-label,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
- padding-top: 3px;
- padding-bottom: 4px;
-
-}
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
-
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
-
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label {
-
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {
-
-
-}
-
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label a {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
-
-
-}
-
-
-/* Selected menuitem */
-
-.yui3-skin-sam .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu-label-menuvisible,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
- color: #fff;
- background-color: #2d83d5;
-}
-
-.yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
- color: #fff;
- background-color: #2d83d5;
-
-}
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-menuvisible,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-active,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
-
-
-}
-
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:none !important;}
-#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 20px 0 0;}
+#custommenu {font-size: 1.2em;line-height: 1.2;float: left;width:60%;}
+
+#custommenu .yui3-menu .yui3-menuitem {padding-right:20px;}
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem {padding-right:0;}
+#custommenu .yui3-menu .yui3-menu .yui3-menu-content {border-width: 0;background-color: #fff;padding: 5px 0;}
+
+#custommenu .yui3-menu .yui3-menu {padding-top: 5px;background-image: url([[pix:theme|menu-top]]);background-repeat: no-repeat;background-position: 20px 0;}
+#custommenu .yui3-menu .yui3-menu .yui3-menu {padding-top: 0;background-image: none;}
+
+#custommenu .yui3-menuitem-content,
+#custommenu .yui3-menu-label {color: #a2a3a6;}
+
+#custommenu .yui3-menu-label,
+#custommenu .yui3-menuitem-content,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-content {padding-top: 3px;padding-bottom: 4px;}
+
+#custommenu .yui3-menu-content,
+#custommenu .yui3-menu-horizontal .yui3-menu-label,
+#custommenu .yui3-menu-horizontal .yui3-menuitem-content {border-width: 0;}
+
+#custommenu .yui3-menuitem-active {background-color: transparent;}
+
+#custommenu .yui3-menu-label-active,
+#custommenu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menuitem-active .yui3-menuitem-content,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {color: #fff;background-color: #2d83d5;}
+
+/**
+ * Don't set opacity in IE it prevents level 3+ submenu's from displaying due to
+ * a bug with the way IE applies opacity to children
+ */
+#custommenu .yui3-menu .yui3-menu {-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}
+#custommenu .yui3-menu .yui3-menu .yui3-menu {-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
+
+#custommenu .yui3-menu.javascript-disabled .yui3-menu-content,
+#custommenu .yui3-menu.javascript-disabled .yui3-menu-content .ul {border:none;}
+#custommenu .yui3-menu.javascript-disabled .yui3-menuitem {padding-right:20px;}
+#custommenu .yui3-menu.javascript-disabled .yui3-menu .yui3-menuitem {padding-right:0;}
View
70 theme/leatherbound/style/core.css
@@ -301,69 +301,42 @@ h2.headingblock {
}
#custommenu {
- border: none !important;
- border: 0px solid #fff !important;
+ border-width: 0;
margin: 0 25px;
}
-#custommenu * {
- border: none !important;
-}
-
/*YUI Reset */
-.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-content{
- background-position: -10000px -10000px;
-}
-
-.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label{
- background-position: -10000px -10000px;
-}
-
-.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label-active,.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label-menuvisible{
- background-position: -10000px -10000px;
-}
-
-.yui3-skin-sam #page .yui3-menu-label,
-.yui3-skin-sam #page .yui3-menu .yui3-menu .yui3-menu-label {
- background-position: right center;
-}
-
-.yui3-skin-sam #page .yui3-menubuttonnav .yui3-menu-label em {
- background-position: right center;
-}
-
-.yui3-skin-sam #page .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
- background-position: 3px center;
-}
-
-.yui3-skin-sam #page .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
- background-position: 0% 50%;
-}
-
-.yui3-skin-sam #page .yui3-menu-label, .yui3-skin-sam #page .yui3-menuitem-content {
+#custommenu .yui3-menu-label,
+#custommenu .yui3-menuitem-content {
color: #35251B;
font-weight: 400;
+ border-width: 0;
}
-.custom_menu_submenu .yui3-menu-label, .custom_menu_submenu .yui3-menuitem-content {
- color: #35251B !important;
+#custommenu .custom_menu_submenu .yui3-menu-label,
+#custommenu .custom_menu_submenu .yui3-menuitem-content {
+ color: #35251B;
}
-.yui3-skin-sam #page .yui3-menu-label.yui3-menu-label-active, .yui3-skin-sam #page .yui3-menuitem-active .yui3-menuitem-content {
+#custommenu .yui3-menu-label.yui3-menu-label-active,
+#custommenu .yui3-menuitem-active .yui3-menuitem-content {
color: #DA5013;
}
-.yui3-skin-sam #page .yui3-menu-content, .yui3-skin-sam #page .yui3-menu-content, .yui3-skin-sam #page .yui3-menu .yui3-menu .yui3-menu-content, .yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam #page .yui3-menu-horizontal .yui3-menuitem-content {
- border: none;
+#custommenu .yui3-menu-content,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-content,
+#custommenu .yui3-menu-horizontal .yui3-menu-label,
+#custommenu .yui3-menu-horizontal .yui3-menuitem-content {
+ border-width: 0;
}
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
- border-color:#808080;
- border-style:solid;
- border-width:0px 0;
+#custommenu .yui3-menu-label-active,
+#custommenu .yui3-menu-label-menuvisible,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color:#F6F6F6;
}
-#page .custom_menu_submenu {
+#custommenu .custom_menu_submenu {
border: 2px solid #DA5013 !important;
background: #fff;
-webkit-border-radius: 2px;
@@ -373,3 +346,8 @@ h2.headingblock {
-moz-box-shadow: 0px 1px 3px #ccc;
box-shadow: 0px 1px 3px #ccc;
}
+
+#custommenu .yui3-menu.javascript-disabled .yui3-menu-content,
+#custommenu .yui3-menu.javascript-disabled .yui3-menu-content .ul {
+ border-width:0;
+}
View
79 theme/magazine/style/core.css
@@ -459,105 +459,106 @@ div.yui3-widget-bd h1.helpheading {
height: 45px;
}
-div.yui3-menu.yui3-menu-horizontal {
- background: #fafafa url([[pix:theme|menubarback]]) repeat-x !important;
- border-bottom: 1px solid #cccccc !important;
- border-top: 1px solid #dadada !important;
+#custommenu .yui3-menu.yui3-menu-horizontal {
+ background: #fafafa url([[pix:theme|menubarback]]) repeat-x;
+ border-bottom: 1px solid #cccccc;
+ border-top: 1px solid #dadada;
border-left: none;
border-right: 1px solid #cccccc;
float: right;
}
-div.yui3-menu-content {
- border: none !important;
+#custommenu .yui3-menu-content {
+ border-width: 0;
}
-.yui3-menu-content li a {
+#custommenu .yui3-menu-content li a {
font-size: 12px;
font-weight: 600;
text-transform: lowercase;
line-height: 45px;
cursor: pointer;
- border-right: none !important;
- border-top: none !important;
- border-bottom: none !important;
+ border-right-width: 0;
+ border-top-width: 0;
+ border-bottom-width: 0;
}
-.yui3-menu-horizontal .yui3-menu-label {
+#custommenu .yui3-menu-label {
padding-left: 16px !important;
- background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important;
- }
+ background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px;
+}
-.yui3-menu-horizontal .yui3-menu-label-menuvisible {
- background-position: 5px -23px !important;
+#custommenu .yui3-menu-label-menuvisible {
+ background-position: 5px -23px;
}
-.yui3-menu-content li {
+#custommenu .yui3-menu-content li {
border-left: 1px solid #dadada;
- border-top: none !important;
+ border-top-width: 0;
}
-.yui3-menu-content li:hover {
+#custommenu .yui3-menu-content li:hover {
background: #eee;
}
-div.yui3-menu.custom_menu_submenu {
+#custommenu .yui3-menu.custom_menu_submenu {
background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
border: none;
min-width: 100px;
z-index: 99998;
}
-div.yui3-menu.custom_menu_submenu div.yui3-menu.custom_menu_submenu {
- background: none !important;
+#custommenu .yui3-menu.custom_menu_submenu .yui3-menu.custom_menu_submenu {
+ background-image: none;
+ background-color: transparent;
min-width: 100px;
}
-div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
+#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content {
background: #fff;
z-index: 99999;
min-width: 200px;
- padding-top: 0 !important;
- padding-bottom: 0 !important;
+ padding-top: 0;
+ padding-bottom: 0;
margin: 20px 0px 0px -40px;
}
/** below style to move sub subs to the left to keep from going off the page **/
-div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
+#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content .yui3-menu.custom_menu_submenu .yui3-menu-content {
margin-left: -400px !important;
/** double the width of the menu item **/
position: absolute;
top: -15px;
}
-div.yui3-menu.custom_menu_submenu .yui3-menu-content li {
+#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li {
border-left: none;
}
-div.yui3-menu.custom_menu_submenu .yui3-menu-content li a {
+#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a {
font-size: 11px;
- border-bottom: 1px solid #cccccc !important;
- border-top: 0px solid #fff !important;
+ border-bottom: 1px solid #cccccc;
+ border-top-width: 0;
text-transform: none;
- background: #eee !important;
- text-decoration: none !important;
+ background: #eee;
+ text-decoration: none;
text-transform: lowercase;
}
-div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
- background: #cccccc !important;
+#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
+ background: #cccccc;
cursor: pointer;
- color: black !important;
- text-decoration: none !important;
+ color: #000;
+ text-decoration: none;
}
-div.yui3-menu.custom_menu_submenu li a.yui3-menu-label {
- background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important;
+#custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label {
+ background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
}
-div.yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
- background: #ccc url([[pix:theme|yuiarrows]]) no-repeat !important 7px -72px;
+#custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
+ background: #ccc url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
}
/** yui moodle dock bar **/
View
BIN  theme/nimble/pix/horizontal-menu-submenu-indicator.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  theme/nimble/pix/vertical-menu-submenu-indicator.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
41 theme/nimble/style/colors.css
@@ -1,40 +1,31 @@
#page-header-wrapper {
- background: [[setting:backgroundcolor]];
+ background: [[setting:backgroundcolor]];
}
a {
- color: [[setting:linkcolor]];
+ color: [[setting:linkcolor]];
}
a:hover {
- color: #000;
+ color: #000;
}
-.yui3-skin-sam .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu-label-menuvisible {
- color: #fff;
- background: [[setting:linkhover]] !important;
-}
-
-.yui3-skin-sam .yui3-menu .yui3-menu {
- padding-top: 5px;
- background: [[setting:linkhover]];
-
-}
-
-
-
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
- color: #fff;
- background-color: [[setting:linkhover]] !important;
+#custommenu .yui3-menu-content .yui3-menu-content,
+#custommenu .yui3-menu-label.yui3-menu-label-active,
+#custommenu .yui3-menuitem.yui3-menuitem-active .yui3-menuitem-content,
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem .yui3-menuitem-content {
+ background-color: [[setting:linkhover]];
+ background-image:none;
}
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
- background: [[setting:linkhover]];
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label-active,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
+ background-color:#333;
+ background-image:none;
}
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu .yui3-menu-content {
- background: [[setting:linkhover]];
+#custommenu .yui3-menu-horizontal.javascript-disabled li:hover a {
+ background-color: [[setting:linkhover]];
}
View
234 theme/nimble/style/menu.css
@@ -1,208 +1,64 @@
+/**
+ * These are the styles for the custom menu in the nimble theme.
+ * Please note there are settings to alter the active menu background colour.
+ * The CSS for these settings is in colors.css
+ */
#custommenu {
- font-size: 1.2em;
- line-height: 1.2;
- float: left;
- width:60%;
+ font-size: 1.2em;
+ line-height:2em;
+ float: left;
+ width:60%;
+ border-bottom:1px solid #454545;
}
-.yui3-skin-sam .yui3-menu-content,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
- border: none;
- padding: 0 !important;
+#custommenu .yui3-menu-label {
+ margin-right:10px;
+ padding: 0 20px;
}
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
-
- padding: 5px 0;
- color: #fff;
+#custommenu .yui3-menu-label,
+#custommenu .yui3-menuitem-content {
+ border: 1px solid #555;
+ border-bottom-width: 0;
+ color:#FFF;
+ background-color:#333;
+ border-radius: 10px 10px 0 0;
+ -moz-border-radius: 10px 10px 0 0;
+ -webkit-border-radius: 10px 10px 0 0;
}
-
-/* Horizontal menus */
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
-
-
-}
-
-
-.yui3-skin-sam .yui3-menu ul,
-.yui3-skin-sam .yui3-menu ul ul {
-
-}
-
-.yui3-skin-sam .yui3-menu ul.first-of-type {
-}
-
-.yui3-skin-sam .yui3-menu-horizontal ul {
+#custommenu .yui3-menu .yui3-menu .yui3-menu-label,
+#custommenu .yui3-menu .yui3-menu .yui3-menuitem-content {
+ margin-right:0;
+ border-width:0;
+ padding:3px 20px 4px;
+ border-radius:0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
}
-
-.yui3-skin-sam .yui3-menu li,
-.yui3-skin-sam .yui3-menu .yui3-menu li {
-
-}
-
-.yui3-skin-sam .yui3-menu-horizontal li {
-
+#custommenu .yui3-menu-content {
+ border-width:0;
+ padding:0;
}
-.yui3-skin-sam .yui3-menubuttonnav li {
-
+#custommenu .yui3-menu-content .yui3-menu-content {
+ padding-top:5px;
}
-.yui3-skin-sam .yui3-splitbuttonnav li {
-
+#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content {
+ padding-top:0;
}
-.yui3-skin-sam .yui3-menubuttonnav li li,
-.yui3-skin-sam .yui3-splitbuttonnav li li {
-
+#custommenu .yui3-menuitem-active {
+ background-color: transparent;
}
-
-/* Menuitems and menu labels */
-
-
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu {
- background: #333 !important;
-}
-.custom_menu_submenu .custom_menu_submenu {
-
-}
-
-
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu {
- padding-top: 0;
- background: none;
-}
-
-.yui3-skin-sam .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu-label {
- color: #fff !important;
-}
-
-.yui3-skin-sam .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
- padding-top: 3px;
- padding-bottom: 4px;
- color: #fff !important;
-
-}
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
- color: #fff !important;
-}
-
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
- color: #fff;
- background-color: #333;
-
-}
-
-.yui3-skin-sam .yui3-menu-label,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
- padding-top: 3px;
- padding-bottom: 4px;
- border-radius:0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- color: #fff !important;
-
-}
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
- border: solid #555;
- border-width: 1px 1px 0 1px;
- padding: 0 20px 0 20px;
- margin: 0 10px 0 0;
- background: #333;
- border-radius: 10px 10px 0 0;
- -moz-border-radius: 10px 10px 0 0;
- -webkit-border-radius: 10px 10px 0 0;
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
-
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label {
-
-
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {
-
-
-}
-
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label a {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
-
-
-}
-
-
-/* Selected menuitem */
-
-
-
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
- color: #fff;
- background-color: #333 !important;
-}
-
-.yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
- color: #fff;
- background-color: #333;
-
-}
-
-
-
-
-
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
-}
-
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-active,
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-menuvisible,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-active,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
-
-
-}
-
-.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
-
-
+#custommenu .yui3-menu-horizontal.javascript-disabled li a {
+ padding:3px 20px 4px;
}
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
-#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:none !important;}
-#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 20px 0 0;}
+#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
+#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {
+ border-width:0;
+}
View
83 theme/nonzero/style/core.css
@@ -121,7 +121,6 @@ a:active {
font-size: 0.95em;
}
-.
/* Forums
---------------------------*/
@@ -164,83 +163,47 @@ a:active {
}
/* Custom Menu */
-/*custom menu styles */
#custommenuwrap {
clear: both;
padding-top: 4px;
}
#custommenu {
- border: none !important;
- border: 0px solid #fff !important;
+ border-width: 0;
}
-#custommenu * {
- border: none !important;
-}
-
-/*YUI Reset */
-.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-content{
- background-position: -10000px -10000px;
-}
-
-.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label{
- background-position: -10000px -10000px;
-}
-
-.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label-active,.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,.yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label-menuvisible{
- background-position: -10000px -10000px;
-}
-
-.yui3-skin-sam #page .yui3-menu-label,
-.yui3-skin-sam #page .yui3-menu .yui3-menu .yui3-menu-label {
- background-position: right center;
-}
-
-.yui3-skin-sam #page .yui3-menubuttonnav .yui3-menu-label em {
- background-position: right center;
-}
-
-.yui3-skin-sam #page .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
- background-position: 3px center;
-}
-
-.yui3-skin-sam #page .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
- background-position: 0% 50%;
-}
-
-.yui3-skin-sam #page .yui3-menu-label, .yui3-skin-sam #page .yui3-menuitem-content {
+#page-header #custommenu .yui3-menu-label,
+#page-header #custommenu .yui3-menuitem-content {
color: #fff;
font-weight: 600;
text-decoration: none;
padding-left: 0px;
- padding-right: 20px !important;
+ padding-right: 20px ;
text-shadow: 0 -1px 1px #000;
+ margin: -2px 0;
}
-.custom_menu_submenu .yui3-menu-label, .custom_menu_submenu .yui3-menuitem-content {
- color: #333 !important;
- padding-left: 5px !important;
- text-shadow:none !important;
+#page-header #custommenu .custom_menu_submenu .yui3-menu-label,
+#page-header #custommenu .custom_menu_submenu .yui3-menuitem-content {