[moodle.git] / theme / magazine / style / core.css

/** body font family and background image **/

html,body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

html a:hover,body a:hover {
	text-decoration: underline;
}

/** remove text decoration from some links **/

div.yui3-widget-bd a, .tabtree li a, .block div.content a, .unlist a, .categorybox a, .course_category_tree a, .section a {
	text-decoration: none;
}

a:active {
	outline: 0;

/* for browsers that understand */
}

a:focus {
	outline: 0;

/* for browsers that understand */
}

/**header divs **/

#header-wrap {
	top: 0;
	left: 0;
	width: 100%;
}

#header {
	width: 91%;
	min-width: 910px;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
}

#headright {
	float: right;
	font-size: 10px;
	font-weight: 200;
	margin-top: 0;
	padding-top: 0;
	min-width: 180px;
	text-align: right;
	color: #eeeeee;
	line-height: 30px;
	min-width: 400px;
}

#headright a {
	color: #fff;
}

#headright div.langmenu {
	float: right !important;
	display: inline !important;
	padding: 0px 0px 0px 0px !important;
	line-height: 28px !important;
	margin: 0px 0px 0px 5px !important;
	font-size: 9px;
}

#headleft {
	float: left;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
}

/** Logo and menu bar divs and wrap **/

#textcontainer-wrap {
	top: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #fff;
}

#textcontainer {
	clear: both;
	border: none;
	width: 92%;
	min-width: 910px;
	height: 130px;
	margin: 0 auto;
	overflow: hidden;
}

div.thetitle {
	width: 340px;
	height: 130px;
	float: left;
}

#nologo {
	width: 337px;
	float: left;
	overflow: hidden;
	padding-left: 3px;
	margin-top: 40px;
	}
#nologo a, #nologo {
	font-size: 35px;
	font-style: italic;
	font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 45px;
	
	
}
#nologo a:hover {
	text-decoration: none;
}
div.rightinfo {
	float: right;
	min-width: 470px;
	height: 130px;
	overflow: hidden;
}

#menucontainer {
	height: 45px;
	margin-top: 40px;
}


/** main content wraps **/

#outercontainer {
	width: 91%;
	min-width: 910px;
	margin:0 auto;
	background-position: 78% 100%;
	padding: 1%;
	background: url([[pix:theme|contback]]);
	border: 1px solid #dadada;
}

#container {
	width: 100%;
	margin:0 auto;
	background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
	border: 1px solid #dadada;
}

#innercontainer {
	background: url([[pix:theme|post_grid]]) repeat-y  79% 100%;
}

/** remove background image line for post or pre or content only **/

.side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
	background-image: none !important;
}

/** breadcrumb and button holders at top of page content **/

div#jcontrols_button {
	width: 100%;
	min-height: 35px;
	border-top: 1px solid #fff;
	background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
}

div#jcontrols_bottom {
	width: 100%;
	height: 35px;
	background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
	clear: both;
}

div.jcontrolsleft {
	min-height: 35px;
	line-height: 35px;
	margin-left: 15px;
	font-weight: 600;
	font-size: 13px;
	float: left;
	min-width: 100px;
}

div.jcontrolsright {
	float: right;
	min-width: 100px;
	min-height: 35px;
	margin-right: 15px;
}

div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
	margin: 5px 0px 0px;
}

/** foot wraps and inner divs **/

#footer {
	width: 91%;
	height: 35px;
	position: relative;
	margin: 0 auto;
}

#footer-wrap {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	background: none;
	margin-top: 10px;
	height: 35px;
}

.johndocs {
	float: right;
	height: 15px;
	font-size: 8px;
	margin: 10px 3px 0px 0px;
	color: #333333;
}

.johndocs a, div.johndocsleft a {
	font-weight: 200;
	text-decoration: none;
}

div.johndocsleft {
	float: left;
	height: 15px;
	margin-top: 10px;
	width: 300px;
	color: #333333;
	font-size: 11px;
}

/** Some breadcrumb style **/

.breadcrumb ul {
	line-height: 35px;
}

.breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
	font-weight: 200;
	text-decoration: none;
	color: #666666;
	font-size: 12px;
}

.breadcrumb li a:hover {
	text-decoration: underline;
	color: #333333;
}

.breadcrumb li img {
	vertical-align: middle;
}

/** breadcrumb image replacement **/

div#jcontrols_button span.arrow.sep {
	font-size: 1px;
	color: #fafafa;
	background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
	background-position: 50% 9px;
	display: inline-block;
	width: 16px;
	line-height: 40px;
}

/** Block styles **/

.block {
	margin: 0 0 5px 0 !important;
	padding: 0 0 0 0 !important;
	border: none !important;
}

.block div.header {
	margin: 0 0 0 !important;
	padding-top: 0 !important;
	min-height: 33px;
	height: auto !important;
	height: 33px;
	border-right: 1px solid #dadada;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #cccccc;
	background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
}

.block.hidden div.header {
	border: 1px solid #dadada;
}

.block.block_with_controls div.header div.commands {
	text-align: center;
	border-top: 1px solid #ccc;
	padding: 2px;
}

.block.block_with_controls div.header div.commands a img {
	margin-right: 3px;
}

.title h2 {
	padding: 0px 0px 0px 10px;
	font-size: 16px;
	text-transform: none;
	margin: 0 !important;
	line-height: 32px;
	font-weight: 800;
}

.block div.block_action input, .block div.block_action img {
	margin-top: 3px;
	margin-right: 3px;
	position: relative;
	top: 6px;
}

.block div.content {
	font-size: 12px;
	font-weight: 200;
	padding: 10px 15px 15px;
}

/** extra left padding on right side blocks **/

#region-post .block div.content {
	padding-left: 20px;
}

/** some specific block styles for calendar block, login block, my profile block, etc. **/

.block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
	border: none !important;
}

.block_calendar_month table.minicalendar {
	margin-bottom: 0px !important;
}

.block_calendar_month table.minicalendar.calendartable th abbr {
	border: none !important;
	text-decoration: none;
}

.block_comments div.content li {
	list-style-type: none;
}

.block_messages.block div.content .list a {
	font-size: 10px;
}

.block_login.block div.content div {
	margin-bottom: 9px;
	clear: both;
}

.block_login.block div.content label {
	font-size: 11px;
	display: inline-block;
	min-width: 50px;
	margin-right: 3px;
}

.block_myprofile div.content div {
	font-size: 11px;
}

.block_myprofile div.content div.myprofileitem.picture {
	width: 105px;
	float: left;
}

.block_myprofile div.myprofileitem.fullname {
	font-size: 12px;
	font-weight: 800;
}

.block_myprofile div.myprofileitem.edit {
	clear: both;
	font-weight: 800;
	font-size: 12px;
}

.block_news_items div.content li.post {
	margin-bottom: 4px;
	margin-top: 2px;
}

.block_news_items div.content div.head.clearfix {
	font-size: 11px;
}

.block_news_items div.content div.info {
	font-weight: 600;
}

/** inner block style for decent display of recent news, etc **/

.block_recent_activity.block_docked div.content h2.main, .block_recent_activity.block_docked div.content h3.main, .side-pre .block div.content h2.main,.side-post .block div.content h2.main,.block div.content h3.main,.block div.content h2 {
	font-size: 13px;
	color: #333;
	font-weight: 800;
	background: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/** a few styles for the tabs **/

div.tabtree li a span {
	font-size: 11px;
}

/** yui overlays **/

div.yui3-widget.yui3-overlay.yui3-widget-positioned {
	border: 1px solid #cccccc;
}

div.yui3-overlay-content.yui3-widget-stdmod {
	border: 1px solid #fff;
	background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
}

div.yui3-widget-bd {
	border: none;
	background: none;
}

div.yui3-widget-bd h1.helpheading {
	font-size: 16px !important;
	font-weight: 800;
	margin: 5px 0px 2px 18px;
	background: url([[pix:theme|information]]) no-repeat 0% 50%;
}

.yui-module.yui-overlay.yui-panel div.hd {
	background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
	}

/**moodle dropdown css for yui menu **/

#custommenu {
	font-size: 13px;
	font-weight: 600;
	border: none !important;
	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;
	border-left: none;
	border-right: 1px solid #cccccc;
	float: right;
}

div.yui3-menu-content {
	border: none !important;
}

.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;
}

.yui3-menu-horizontal .yui3-menu-label {
	padding-left: 16px !important;
	background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important;
	}

.yui3-menu-horizontal .yui3-menu-label-menuvisible {
	background-position: 5px -23px !important;
}

.yui3-menu-content li {
	border-left: 1px solid #dadada;
	border-top: none !important;
}

.yui3-menu-content li:hover {
	background: #eee;
}

div.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;
	min-width: 100px;
}

div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
	background: #fff;
	z-index: 99999;
	width: 200px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	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 {
	margin-left: -400px !important;
	/** double the width of the menu item **/
	width: 200px;
	position: relative;
	top: -15px;
}

div.yui3-menu.custom_menu_submenu .yui3-menu-content li {
	border-left: none;
}

div.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;
	text-transform: none;
	background: #eee !important;
	text-decoration: none !important;
	text-transform: lowercase;
}

div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
	background: #cccccc !important;
	cursor: pointer;
	color: black !important;
	text-decoration: none !important;
}

div.yui3-menu.custom_menu_submenu li a.yui3-menu-label {
	background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important;
}

div.yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
	background: #ccc url([[pix:theme|yuiarrows]]) no-repeat !important 7px -72px;
}

/** yui moodle dock bar **/

#dock {
	padding-top: 0px;
	width: 30px;
}

div.dockeditem_container div.dockeditem {
	background: url([[pix:theme|mbar]]) repeat-y;
	border: none;
	color: #fff;
	font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
}

div.dockeditem_container.firstdockitem {
	border-top: none;
}

div.dockedtitle {
	border: none;
	padding-top: 3px;
	padding-bottom: 3px;
}

.dockedtitle h2 {
	font-weight: 200 !important;
}

div.dockeditempanel_content {
	border: 1px solid #dadada !important;
	border-left: none !important;
	font-size: 90%;
}

div.dockeditempanel_content a {
	text-decoration: none;
}

div.dockeditempanel_hd {
	text-align: left;
	font-size: 12px;
}

div.dockeditempanel_hd {
	padding-top: 3px;
	padding-bottom: 3px;
	background: #eee;
	border-bottom: 1px solid #dadada !important;
}

div.dockeditempanel_hd h2 {
	font-weight: 600;
	font-size: 12px;
}

div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
	list-style-type: none;
	padding: 0;
}

div.dockeditempanel_bd {
	font-weight: 200;
}

#dockeditempanel {
	margin-left: 1px;
}

html>

/**/body #dockeditempanel {
	margin-top: -20px;
}

#dock div.controls {
	margin-top: 20px;
	padding-top: 0px;
	position: relative;
}

/** 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-size: 30px;
	padding-bottom: 2px;
	margin: 3px 0 2px;
	border-bottom: none;
	display: block;
	font-family: Georgia, serif;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
	}

.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;
}

/** forum post style **/

.forumpost td.content {
	border: 1px solid #dadada;
	border-top: none;
	background: #fff;
	padding: 1em 1em 1em 1em;
}

.forumpost td.content div.posting {
	font-size: 90%;
}

.forumpost td.topic {
	border: 1px solid #dadada;
	padding-top: 0px;
	padding-bottom: 0px;
}

.forumpost .subject, .blog_entry div.subject a {
	font-size: 19px;
}

td.picture {
	border-right: none !important;
}

td.author {
	border-left: none !important;
}

table.forumpost {
	border: none;
}

.forumpost .commands a {
	text-decoration: none;
	font-weight: 200;
}

.forumpost td.left {
	padding: 4px 5px 4px 0;
}

.forumpost td.left.picture {
	background: url([[pix:theme|postline]]) no-repeat 120% 104%;
}

.forumpost td.left.picture img {
	border: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #dadada;
	background: #fff;
	padding: 4px 4px 9px;
	margin-top: 0px;
}

.forumpost .starter {
	background-color: #FFF;
}

.forumpost .author {
	font-size: 11px !important;
	color: #666;
	font-style: italic;
	font-weight: 200;
}

.forumpost .author a {
	font-style: normal;
	font-weight: 800;
}

.info .name a {
	font-weight: bold;
}

.indent {
	margin-left: 30px;
}

div.subscribelink {
	text-align: right;
}

.subscribelink a {
	text-decoration: none;
	font-size: 11px;
}

/**tables and fields and foms oh my! **/

.mform fieldset,fieldset.clearfix {
	border: 1px solid #dadada !important;
	background: #f9f9f9;
}

.ftoggler {
	font-size: 18px;
	color: #333333;
}

div.notifysuccess {
	width: 80%;
	margin: 0 auto;
	font-size: 15px;
	color: #008500;
	border: 3px solid #dadada;
	text-align: center;
	background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
	padding: 5px;
}

table a {
	text-decoration: none;
}

td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
	font-size: 11px;
	font-weight: 200;
	text-decoration: none;
	color: #fff !important;
	border-top: 1px #ccc solid !important;
	padding: 5px;
}

table#categoryquestions th a {
	color: #fff;
}

.generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
	border: none;
	color: #fff !important;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
}

tr.r1 td {
	background-color: #f9f9f9;
}

table.rolecap td, table.rolecap th {
	border-bottom: 1px solid #dadada;
}

table.rolecap td.risk {
	border-left: 1px solid #dadada;
}

/** Coursebox and category box stuff for front page **/

ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.coursebox {
	padding-bottom: 7px !important;
	margin-bottom: 7px !important;
	border-bottom: 1px solid #eee;
}

div.coursebox h3.name {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.coursebox h3.name a {
	font-size: 16px;
	font-weight: 400;
}

.unlist div.summary {
	font-size: 14px;
	color: #666666;
	font-style: italic;
}

.unlist ul.teachers {
	display: block;
	padding-left: 5px !important;
}

.unlist ul.teachers li {
	font-size: 10px;
}

.unlist ul.teachers li a {
	font-size: 11px;
}

div.categorybox {
	border: none !important;
	margin-top: 0;
}

td.category.name a {
	padding-left: 20px;
	background-image: url([[pix:theme|jcourse]]) no-repeat 0 50%;
	font-weight: 400;
	font-size: 16px;
}

#course-index td.category.name a {
	padding-left: 0px;
	background-image: none;
}

table.categorylist td {
	padding: 0;
}

div.course_category_tree a {
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}

div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
	margin-bottom: 8px;
}

div.course_category_tree div.category.with_children div.category_label {
	background-position: 0 55% !important;
}

div.course_category_tree div.course.odd {
	background: #eee;
}

div.course_category_tree div.course a {
	font-size: 14px;
}

div.category.subcategory.with_children {
	margin-left: 20px;
}

div.course_category_tree div.controls {
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
}

div.course_category_tree div.controls div {
	margin-top: 3px;
	margin-right: 10px;
	border-bottom: 1px solid #dadada;
}

/** inside  of course **/

li.section {
	border-bottom: 1px solid #dadada;
	clear: both;
	min-height: 30px;
}

li#section-0 div.content {
	margin-top: 0px;
	padding-top: 0px;
}

li.current {
	background: #ffffe3;
}

li.current div.content {
	background: #fff;
}

h3.weekdates {
	border: 1px solid #ccc;
	background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
	width: 170px;
	font-size: 11px !important;
	font-weight: 200;
	text-transform: uppercase;
	text-align: center;
	margin: 0px 0px 3px;
	color: #333333 !important;
	padding: 3px;
}

.current h3.weekdates {
	color: black !important;
	font-weight: 600;
}

div.course-content div.left.side {
	font-weight: 200;
	font-size: 20px;
	font-family: Georgia, serif;
	color: #666;
}

span.completionprogress {
	font-size: 11px;
	font-weight: 200;
}

/**my moodle page style **/

div.assignment.overview {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #dadada;
}

div.assignment.overview div.name {
	font-weight: 600;
}

div.assignment.overview div {
	display: block !important;
	float: none !important;
	width: 100% !important;
}

#page-my-index div.coursebox {
	border-bottom: none;
}


/** glossary activity **/

table.glossarycategoryheader h2.main {
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
}

table.glossarypost {
	margin-top: 0;
	width: 100%;
	border-bottom: 1px dashed #dadada;
}

table.glossarypost td.entry h3 {
	font-size: 20px;
}

/** a few quick wiki styles **/

#page-mod-wiki-view div.generalbox {
	padding: 10px;
}

#page-mod-wiki-view h2.wiki_headingtitle {
	font-size: 22px;
	font-family: Georgia, serif;
	color: #333333;
	font-weight: 600;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 2px;
}

/**HR in content blocks **/

.content hr {
	height: 1px;
	color: #dadada;
	background-color: #dadada !important;
	border: none;
	border-style: none;
}

/** some MISC styles to clean things up and keep the theme consistant **/

div#intro {
	border: none;
	text-align: center;
	font-size: 14px;
	color: #333333;
}

div.que {
	border: 1px solid #dadada;
}

div.questionbankwindow.block div.header {
	background: #eee !important;
}

div.questionbankwindow.block div.header a {
	color: #333333 !important;
	font-size: 11px;
}

div.generalbox, div.section {
	border: 1px solid #dadada;
}

/** take borders away from some generalboxes here **/

div.generalbox.sitetopic, div.generalbox.authsui,#page-course-info div.generalbox, #page-admin-roles-assign div.generalbox, table.roleassigntable, table.roleassigntable td, #page-blocks-private-edit div.generalbox {
	border: none;
}

div.generalbox.firstpageoptions h3.main {
	font-size: 16px;
}

div.redirectmessage {
	width: 60%;
	margin: 10px auto 0 auto;
	border: none;
	font-size: 13px;
	background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
	padding: 20px;
}

div.box.errorbox {
	border: 1px solid #dadada;
	color: #ff0000;
	background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
	padding: 10px;
}

div#newmessageoverlay {
	padding: 10px;
}

div#newmessageoverlay a {
	text-decoration: none;
	font-size: 11px;
}

#page-mod-page-view div.generalbox {
	border-left: none;
	border-right: none;
	border-top: none;
}

/** fix overflow on quiz results display **/

div#tablecontainer {
	overflow: auto;
	margin-bottom: 10px;
}

div.course-content div.availabilityinfo {
	font-size: 11px;
	font-style: italic;
	padding: 2px;
	border-bottom: 1px dashed #dadada;
	margin-bottom: 10px;
}

/** login form **/

.twocolumns div.loginpanel {
	border-right: 1px dashed #dadada !important;
}

div.forgetpass {
	clear: both;
}

div.loginform {
	width: 50% !important;
}

div.loginform div.form-input input {
	width: 90px !important;
}

div.loginform label {
	line-height: 20px;
}

div.signuppanel {
	float: right !important;
	width: 40% !important;
	margin-left: 0px;
	padding-left: 0px;
}

div.singlebutton.forumaddnew {
	text-align: center;
}

#page-course-info h2.main {
	line-height: 5px;
	margin-bottom: 5px;
}

#page-course-info div.generalbox ul, #page-course-info div.generalbox li {
	list-style-type: none;
}