moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-04 08:26:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

theme-overlay MDL-25834 Added CSS to better display the custom menu in the overlay theme

Browse source
This commit is contained in:
Sam Hemelryk 2011-03-18 11:23:58 +08:00
parent 56babbcb76
commit 53b1445eeb
1 changed files with 145 additions and 128 deletions
Download patch file Download diff file Expand all files Collapse all files

271
theme/overlay/style/core.css
View file

@ -1,265 +1,282 @@
/* Global /* Global
--------------------------*/ --------------------------*/
body { body {
background: #fff; background: #fff;
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #281f18; color: #281f18;
} }
html { html {
height: 100%; height: 100%;
} }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 100%; height: 100%;
} }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif; font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
} }
.wrapper { .wrapper {
margin: 0 35px; margin: 0 35px;
min-width: 910px; min-width: 910px;
} }
a:hover,a:active { a:hover,a:active {
color: #000; color: #000;
} }
a img { a img {
border: none; border: none;
} }
a:active { a:active {
outline: none; outline: none;
} }
/* Header /* Header
---------------------------*/ ---------------------------*/
#page-header { #page-header {
background: #333; background: #333;
color: #fff; color: #fff;
height: 30px; height: 30px;
z-index: 99999; z-index: 99999;
position: relative; position: relative;
} }
#page-header div.headermenu { #page-header div.headermenu {
height: 30px; height: 30px;
padding-bottom: 0px; padding-bottom: 0px;
margin-bottom: 0px; margin-bottom: 0px;
padding-top: 0px; padding-top: 0px;
margin-top: 0px; margin-top: 0px;
line-height: 30px; line-height: 30px;
} }
#page-header a:link, #page-header a:link,
#page-header a:visited { #page-header a:visited {
color: #fff; color: #fff;
text-decoration: underline; text-decoration: underline;
} }
#newheader { #newheader {
height: 100px; height: 100px;
position: relative; position: relative;
} }
#newheaderleft { #newheaderleft {
height: 100px; height: 100px;
width: 50px; width: 50px;
position: absolute; position: absolute;
left: -50px; left: -50px;
} }
h1.headermain { h1.headermain {
margin-left: 0px; margin-left: 0px;
padding-left: 0px; padding-left: 0px;
color: #fff; color: #fff;
margin-top: 35px; margin-top: 35px;
font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif; font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
text-shadow: 2px 3px 3px #292929; text-shadow: 2px 3px 3px #292929;
letter-spacing: -1px; letter-spacing: -1px;
-webkit-text-stroke: 1px white; -webkit-text-stroke: 1px white;
}
.headermenu .logininfo,
.headermenu .langmenu,
.headermenu .langmenu div,
.headermenu .langmenu form,
.headermenu .langmenu select,
.headermenu .langmenu label {
display: inline !important;
}
.headermenu .logininfo {
padding-right: 5px;
} }
#region-main-box { #region-main-box {
background: #eee; background: #eee;
} }
#region-post-box { #region-post-box {
background: #fff; background: #fff;
} }
#page-footer { #page-footer {
background: #333; background: #333;
color: #fff; color: #fff;
} }
#page-content, #region-main-box, #region-main-wrap, #page-content-wrapper, #top, div.region-content { #page-content, #region-main-box, #region-main-wrap, #page-content-wrapper, #top, div.region-content {
min-height: 100%; min-height: 100%;
position: relative; position: relative;
} }
#region-main-box { #region-main-box {
-webkit-box-shadow: 6px 0px 8px #ccc; -webkit-box-shadow: 6px 0px 8px #ccc;
-moz-box-shadow: 6px 0px 8px #ccc; -moz-box-shadow: 6px 0px 8px #ccc;
box-shadow: 6px 0px 8px #ccc; box-shadow: 6px 0px 8px #ccc;
} }
#region-main { #region-main {
-webkit-box-shadow: 6px 0px 8px #ccc; -webkit-box-shadow: 6px 0px 8px #ccc;
-moz-box-shadow: 6px 0px 8px #ccc; -moz-box-shadow: 6px 0px 8px #ccc;
box-shadow: 6px 0px 8px #ccc; box-shadow: 6px 0px 8px #ccc;
} }
.side-pre-only #region-main, .content-only #region-main, .content-only #region-main-box { .side-pre-only #region-main, .content-only #region-main, .content-only #region-main-box {
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
/* Navbar /* Navbar
--------------------------*/ --------------------------*/
.navbar { .navbar {
margin-top: 10px; margin-top: 10px;
} }
.navbar .wrapper { .navbar .wrapper {
margin-left: 0px !important; margin-left: 0px !important;
padding-left: 0px !important; padding-left: 0px !important;
} }
.breadcrumb .sep { .breadcrumb .sep {
color: #777; color: #777;
font-size: 0.8em; font-size: 0.8em;
} }
.navbutton { .navbutton {
margin-top: 40px; margin-top: 40px;
margin-right: 10px; margin-right: 10px;
font-size: 12px; font-size: 12px;
} }
/* Blocks /* Blocks
---------------------------*/ ---------------------------*/
.block { .block {
border: none; border: none;
margin-bottom: 25px; margin-bottom: 25px;
} }
.block .header { .block .header {
border-bottom:none; border-bottom:none;
text-transform: uppercase; text-transform: uppercase;
} }
.block.hidden .header { .block.hidden .header {
border-top: 1px solid #dadada; border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada; border-bottom: 1px solid #dadada;
} }
.block .title h2 { .block .title h2 {
font-weight: normal; font-weight: normal;
font-size: 1.1em; font-size: 1.1em;
margin: 0; margin: 0;
} }
.block .content { .block .content {
font-size: 0.95em; font-size: 0.95em;
} }
. .
/* Forums /* Forums
---------------------------*/ ---------------------------*/
.forumpost .subject { .forumpost .subject {
font-size: 1.2em; font-size: 1.2em;
} }
.forumpost .author { .forumpost .author {
font-size: 0.9em; font-size: 0.9em;
} }
.forumpost .content { .forumpost .content {
border-bottom:5px solid #aaa; border-bottom:5px solid #aaa;
padding:5px 7px 10px 7px; padding:5px 7px 10px 7px;
} }
.forumpost .topic { .forumpost .topic {
background: #eee; background: #eee;
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
} }
/* Course /* Course
-------------------------------*/ -------------------------------*/
.course-content .main { .course-content .main {
border: 1px solid #eee; border: 1px solid #eee;
background: #eee; background: #eee;
} }
.course-content .current { .course-content .current {
background: #1f5480; background: #1f5480;
color: #fff; color: #fff;
} }
.course-content .main .content { .course-content .main .content {
background: #fff; background: #fff;
} }
/* YUI Menu /* YUI Menu - custom menu
-------------------------------*/ -------------------------------*/
#custommenu { #custommenu {
width: 70%; width: 60%;
float: left; float: left;
} }
div.yui3-menu-content { #custommenu .yui3-menu-label-active,
border: none !important; #custommenu .yui3-menu-label-menuvisible,
#custommenu .yui3-menu .yui3-menu .yui3-menu-label-active,
#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,
#custommenu .yui3-menu-horizontal.javascript-disabled li a:hover {
background-color:#666;
} }
.yui3-menu-content li a { #custommenu .yui3-menu-content,
font-size: 11px; #custommenu .yui3-menu .yui3-menu .yui3-menu-content {
font-weight: 200; background-image:none;
line-height: 30px; background-color:#333;
text-transform: uppercase; border-width:0;
cursor: pointer; padding:0;
border-right: none !important;
border-top: none !important;
border-bottom: none !important;
text-decoration: none !important;
margin-left: 0px !important;
padding-left: 0px !important;
margin-right: 10px !important;
} }
.yui3-menu-content li a:hover { #custommenu .yui3-menu-label,
text-decoration: underline; #custommenu .yui3-menu .yui3-menu .yui3-menu-label {
background-image:url([[pix:theme|vertical-menu-submenu-indicator]]);
background-position:right center;
background-repeat:no-repeat;
} }
div.custom_menu_submenu li a { #custommenu .yui3-menu-label.yui3-menu-label-menuvisible,
line-height: 30px; #custommenu .yui3-menu .yui3-menu .yui3-menu-label.yui3-menu-label-menuvisible {
text-shadow: none !important; background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);
color: #333 !important;
margin-left: 5px !important;
} }
div.firstdockitem { #custommenu .yui3-menu-horizontal .yui3-menu-label,
margin-top: 30px; #custommenu .yui3-menu-horizontal .yui3-menuitem-content {
border-width:0;
text-transform: uppercase;
text-decoration:none;
font-size:1em;
font-weight: 200;
line-height:30px;
cursor: pointer;
padding:0 20px;
} }
.headermenu .logininfo, .headermenu div, .headermenu form { #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
display: inline; #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {
border-width:0;
} }
.headermenu .logininfo { #custommenu .yui3-menu-horizontal.javascript-disabled li a {
padding-right: 5px; padding: 0 20px;
display: block;
} }
/** Dock **/
#dock .firstdockitem {margin-top: 30px;}