From c9b3258ccce481b3e8be32434e822f0d1f166169 Mon Sep 17 00:00:00 2001 From: Mary Evans Date: Fri, 4 Nov 2011 02:37:11 +0000 Subject: [PATCH] wip-MDL-22351 convert Anomaly CSS to readable format --- theme/anomaly/style/base.css | 207 ++++++-- theme/anomaly/style/browser.css | 159 ++++-- theme/anomaly/style/editor.css | 9 +- theme/anomaly/style/general.css | 844 ++++++++++++++++++++++++++------ 4 files changed, 1014 insertions(+), 205 deletions(-) diff --git a/theme/anomaly/style/base.css b/theme/anomaly/style/base.css index 8ba85fe6e10..7d60facc675 100644 --- a/theme/anomaly/style/base.css +++ b/theme/anomaly/style/base.css @@ -1,45 +1,188 @@ -body, body.has_dock {margin:25px 3%;} -body, div, p, li, input, option, textarea {font-size: 10pt; line-height: 1.5em;} -body, div, p, li, input, option, textarea, h1, h2, h3, h4, h5 {font-family: Georgia,Times,"Times New Roman",serif;} -h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {text-align: center;} -.generalbox {padding: 10px; margin-bottom: 15px;} -.generaltable, .userinfobox {margin-left: auto; margin-right: auto;} -#notice.generalbox {margin-left: auto; margin-right: auto; width: 60%;} -.notifyproblem {padding: 10px; color: #660000; text-align: center;} -.notifysuccess {padding: 10px; color: #006600; text-align: center;} -.paging {text-align: center;} +/** + * Core + */ + +body, +body.has_dock { + margin: 25px 3%; +} + +#page, div, p, li, input, option, textarea { + font-size: 10pt; + line-height: 1.5em; +} + +#page, div, p, li, input, option, textarea, h1, h2, h3, h4, h5 { + font-family: Georgia,Times,"Times New Roman",serif; +} + +h1.main, +h2.main, +h3.main, +h4.main, +h5.main, +h6.main { + text-align: center; +} + +.generalbox { + padding: 10px; + margin-bottom: 15px; +} + +#notice.generalbox, +.generaltable, +.userinfobox { + margin-left: auto; + margin-right: auto; +} + +#notice.generalbox { + width: 60%; +} + +.notifyproblem, +.notifysuccess { + padding: 10px; +} + +.notifyproblem { + color: #660000; +} +.notifysuccess { + color: #006600; +} + +.notifyproblem, +.notifysuccess, +.paging { + text-align: center; +} /** * Tabs */ -.tabtree {position: relative; margin-bottom: 3.5em;} -.tabtree .tabrow0 {text-align: center; width: 100%; margin: 1em 0px;} -.tabtree .tabrow0 li {display: inline; margin-right: -4px;} -.tabtree .tabrow0 li.here a {position: relative; z-index: 102;} -.tabtree .tabrow0 li a {background-image: url([[pix:theme|tab/left]]); padding-left: 14px; padding-top: 10px; background-repeat: no-repeat; padding-bottom: 3px; margin-bottom: -1px;} -.tabtree .tabrow0 li a:hover {background-image: url([[pix:theme|tab/left_hover]]);} -.tabtree .tabrow0 li a span {background-image: url([[pix:theme|tab/right]]); background-repeat: no-repeat; background-position: 100% 0%; padding-right: 14px; padding-top: 10px; padding-bottom: 3px;} -.tabtree .tabrow0 li a:hover span {background-image: url([[pix:theme|tab/right_hover]]);} +.tabtree { + position: relative; + margin-bottom: 3.5em; +} + +.tabtree .tabrow0 { + text-align: center; + width: 100%; + margin: 1em 0px; +} + +.tabtree .tabrow0 li { + display: inline; + margin-right: -4px; +} + +.tabtree .tabrow0 li.here a { + position: relative; + z-index: 102; +} + +.tabtree .tabrow0 li a { + background-image: url([[pix:theme|tab/left]]); + padding-left: 14px; + padding-top: 10px; + background-repeat: no-repeat; + padding-bottom: 3px; + margin-bottom: -1px; +} + +.tabtree .tabrow0 li a:hover { + background-image: url([[pix:theme|tab/left_hover]]); +} + +.tabtree .tabrow0 li a span { + background-image: url([[pix:theme|tab/right]]); + background-repeat: no-repeat; + background-position: 100% 0%; + padding-right: 14px; + padding-top: 10px; + padding-bottom: 3px; +} + +.tabtree .tabrow0 li a:hover span { + background-image: url([[pix:theme|tab/right_hover]]); +} + .tabtree .tabrow0 ul, -.tabtree .tabrow0 div {background-image: url([[pix:theme|tab/tabrow1]]); background-position: 0% 50%; position: absolute; width: 100%; border-top: 1px solid #aaa; padding: 0.25em 0px; top: 100%; margin: 0px;} -.tabtree .tabrow0 .empty {height: 1px; overflow: hidden; padding: 0px; position: absolute;} +.tabtree .tabrow0 div { + background-image: url([[pix:theme|tab/tabrow1]]); + background-position: 0% 50%; + position: absolute; + width: 100%; + border-top: 1px solid #aaa; + padding: 0.25em 0px; + top: 100%; + margin: 0px; +} + +.tabtree .tabrow0 .empty { + height: 1px; + overflow: hidden; + padding: 0px; + position: absolute; +} + .tabtree .tabrow1 li a, .tabtree .tabrow1 li a:hover, .tabtree .tabrow1 li a span, -.tabtree .tabrow1 li a:hover span {background-image: none !important;} +.tabtree .tabrow1 li a:hover span { + background-image: none; +} -.groupmanagementtable {width: 90%;} -.groupmanagementtable td {vertical-align: top; border-width: 0px;} -.groupmanagementtable td p {margin: 0px;} +.groupmanagementtable { + width: 90%; +} + +.groupmanagementtable td { + vertical-align: top; + border-width: 0px; +} +.groupmanagementtable td p { + margin: 0px; +} /** * Themes */ -#page-admin-theme-index .generalbox {border: none;background: none;} -.theme_screenshot {float: left; width: 300px;} -.theme_screenshot img {width: 275px;} -.theme_screenshot h2 {font-size: 2em; margin-top: 0;} -.theme_screenshot h3 {font-size: 0.9em; margin: 1em 0 0;} -.theme_screenshot p {font-size: 0.9em; margin: 0 0 1em;} -.theme_description {margin-left: 300px;} -.theme_description h2 {padding-top: 0.5em;} \ No newline at end of file +#page-admin-theme-index .generalbox { + border: 0 none; + background: none; +} + +.theme_screenshot { + float: left; + width: 300px; +} + +.theme_screenshot img { + width: 275px; +} + +.theme_screenshot h2 { + font-size: 2em; + margin-top: 0; +} + +.theme_screenshot h3 { + font-size: 0.9em; + margin: 1em 0 0; +} + +.theme_screenshot p { + font-size: 0.9em; + margin: 0 0 1em; +} + +.theme_description { + margin-left: 300px; +} + +.theme_description h2 { + padding-top: 0.5em; +} diff --git a/theme/anomaly/style/browser.css b/theme/anomaly/style/browser.css index ec5bb194787..754e51adb08 100644 --- a/theme/anomaly/style/browser.css +++ b/theme/anomaly/style/browser.css @@ -1,42 +1,119 @@ -/** +/** * Rounded corner CSS + images * This CSS uses background images and relative positioning to display rounded * corners on all browsers. */ -.rounded-corner {display:block;width:11px;height:11px;font-size:1pt;margin:0px;padding:0px;} -#page-header .rounded-corner {background-image:url([[pix:theme|corners_header]]);clear:both;} -#page-header .rounded-corner.top-left {background-position:0px 0px;float:left;} -#page-header .rounded-corner.top-right {background-position:11px 0px;float:right;} +.rounded-corner { + display: block; + width: 11px; + height: 11px; + font-size: 1pt; + margin: 0px; + padding: 0px; +} + +#page-header .rounded-corner { + background-image: url([[pix:theme|corners_header]]); + clear: both; +} + +#page-header .rounded-corner.top-left { + background-position: 0px 0px; + float: left; +} + +#page-header .rounded-corner.top-right { + background-position: 11px 0px; + float: right; +} /** Fix IE8 + Opera positioning issue **/ .ie8 #page-header .rounded-corner.top-right, -.opera #page-header .rounded-corner.top-right {position:relative;top:-11px;} +.opera #page-header .rounded-corner.top-right { + position: relative; + top: -11px; +} -#page-footer {position:relative;} -#page-footer .rounded-corner {position:absolute;background-image:url([[pix:theme|corners_header]]);clear:both;} -#page-footer .rounded-corner.bottom-left {background-position:0 11px;bottom:0;left:0;float:left;} -#page-footer .rounded-corner.bottom-right {background-position:11px 11px;bottom:0;right:0;float:right;} +#page-footer {position: relative; +} +#page-footer .rounded-corner { + position: absolute; + background-image: url([[pix:theme|corners_header]]); + clear: both; +} -.block {border-width:0px;background-color:white;} -.block .corner-box {border:1px solid #C8C9C7;margin-bottom:10px;padding-bottom:10px;background-color:#E3E3E3;} -.block .corner-box .rounded-corner {background-image:url([[pix:theme|corners_block]]);position:relative;} -.block .corner-box .rounded-corner.top-left {background-position:0px 0px;float:left;top:-1px;left:-1px;} -.block .corner-box .rounded-corner.top-right {background-position:11px 0px;float:right;top:-1px;right:-1px;} -.block .corner-box .rounded-corner.bottom-left {background-position:0px 11px;float:left;bottom:0px;left:-1px;} -.block .corner-box .rounded-corner.bottom-right {background-position:11px 11px;float:right;bottom:0px;right:-1px;} +#page-footer .rounded-corner.bottom-left { + background-position: 0 11px; + bottom: 0; + left: 0; + float: left; +} -/** +#page-footer .rounded-corner.bottom-right { + background-position: 11px 11px; + bottom: 0; + right: 0; + float: right; +} + +.block { + border-width: 0px; + background-color: white; +} + +.block .corner-box { + border: 1px solid #C8C9C7; + margin-bottom: 10px; + padding-bottom: 10px; + background-color: #E3E3E3; +} + +.block .corner-box .rounded-corner { + background-image: url([[pix:theme|corners_block]]); + position: relative; +} + +.block .corner-box .rounded-corner.top-left { + background-position: 0px 0px; + float: left; + top: -1px; + left: -1px; +} + +.block .corner-box .rounded-corner.top-right { + background-position: 11px 0px; + float: right; + top: -1px; + right: -1px; +} + +.block .corner-box .rounded-corner.bottom-left { + background-position: 0px 11px; + float: left; + bottom: 0px; + left: -1px; +} + +.block .corner-box .rounded-corner.bottom-right { + background-position: 11px 11px; + float: right; + bottom: 0px; + right: -1px; +} + +/** * Pure CSS rounded corners * This CSS overrides the above to remove images and use pure CSS to display the * rounded corners. Less requests, betterg page load time, better looking rounded * corners.... if only IE could handle it. * * Browsers: - * Firefox: body.gecko - * Chrome: body.safari - * Safari: body.safari + * Firefox: body.gecko + * Chrome: body.safari + * Safari: body.safari */ + .opera .rounded-corner.top-left, .opera .rounded-corner.top-right, .opera .rounded-corner.bottom-left, @@ -48,27 +125,53 @@ .gecko .rounded-corner.top-left, .gecko .rounded-corner.top-right, .gecko .rounded-corner.bottom-left, -.gecko .rounded-corner.bottom-right {background-image:none;display:none;} +.gecko .rounded-corner.bottom-right { + background-image: none; + display: none; +} .opera .block .corner-box, .safari .block .corner-box, -.gecko .block .corner-box {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} +.gecko .block .corner-box { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} .opera .block .corner-box .header, .opera #page-header, .safari .block .corner-box .header, .safari #page-header, .gecko .block .corner-box .header, -.gecko #page-header {-moz-border-radius: 10px 10px 0px 0px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;} +.gecko #page-header { + -moz-border-radius: 10px 10px 0px 0px; + -webkit-border-top-left-radius: 10px; + -webkit-border-top-right-radius: 10px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} .opera #page-footer, .safari #page-footer, -.gecko #page-footer {-moz-border-radius: 0px 0px 10px 10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;} +.gecko #page-footer { + -moz-border-radius: 0px 0px 10px 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} +.gecko .forumpost .side { + -moz-border-radius-bottomleft: 20px +} + .gecko .forumpost, -.gecko .forumpost .content {-moz-border-radius-bottomright:20px;} +.gecko .forumpost .content { + -moz-border-radius-bottomright: 20px; +} /** Fix for IE 6 float background bug */ -.ie .column-content {position:relative;} \ No newline at end of file +.ie .column-content { + position: relative; +} \ No newline at end of file diff --git a/theme/anomaly/style/editor.css b/theme/anomaly/style/editor.css index f0ce2b2ff35..ad43fbdbf6d 100644 --- a/theme/anomaly/style/editor.css +++ b/theme/anomaly/style/editor.css @@ -1,2 +1,7 @@ -body, div, p, li, input, option, textarea {font-size: 10pt; line-height: 1.5em;} -body, div, p, li, input, option, textarea, h1, h2, h3, h4, h5 {font-family: Georgia,Times,"Times New Roman",serif;} \ No newline at end of file +body, div, p, li, input, option, textarea { + font-size: 10pt; + line-height: 1.5em; +} +body, div, p, li, input, option, textarea, h1, h2, h3, h4, h5 { + font-family: Georgia,Times,"Times New Roman",serif; +} \ No newline at end of file diff --git a/theme/anomaly/style/general.css b/theme/anomaly/style/general.css index c98d5886468..792f64c8f34 100644 --- a/theme/anomaly/style/general.css +++ b/theme/anomaly/style/general.css @@ -1,228 +1,745 @@ -a:link {text-decoration:none;color: #697F55;} -a:visited {text-decoration:none;color: #697F55;} -a:hover {text-decoration:underline;} +/** Core **/ + +a:link { + text-decoration: none; + color: #697F55; +} +a:visited { + text-decoration: none; + color: #697F55; +} +a:hover { + text-decoration: underline; +} img.icon, -img.iconhelp {vertical-align:middle;} +img.iconhelp { + vertical-align: middle; +} -html, body {background-color:#C8C9C7;} -#page #page-content {background-color:#FFF;} -#page-header {background-color: #222; color:#FFF;border-bottom:5px solid #697F55;} -.hasnavbar #page-header {border-bottom-width:0px;} -#page-footer {background-color: #222; color:#FFF;} -#page-header .headermain span {color:#C8C9C7;} +html, body { + background-color: #C8C9C7; +} -#page-header .navbar {background-color:#697F55;width:100%;} -#page-header .navbar {color:#000;} +#page-content { + background-color: #FFF; +} + +#page-header { + background-color: #222; + color: #FFF; + border-bottom: 5px solid #697F55; +} +.hasnavbar #page-header { + border-bottom-width: 0; +} + +#page-footer { + background-color: #222; + color: #FFF; +} + +#page-header .headermain span { + color: #C8C9C7; +} + +#page-header .navbar { + background-color: #697F55; + width: 100%; +} +#page-header .navbar { + color: #000; +} #page-header .navbar a:link, -#page-header .navbar a:visited {color:#fff;} +#page-header .navbar a:visited { + color: #fff; +} #page-header .navbar .breadcrumb, -#page-header .navbar .navbutton {margin:5px 1em;} +#page-header .navbar .navbutton { + margin: 5px 1em; +} /** General **/ -.generalbox {border: 1px solid #DDDDDD;} -.generaltable td {border-width:0;} -.sitetopic {border-width:0;} -.headingblock {margin-bottom:10px;border-bottom:1px solid #697F55;background-color:#E3E3E3;padding:4px 5px;} +.generalbox { + border: 1px solid #DDDDDD; +} +.generaltable td { + border-width: 0; +} +.sitetopic { + border-width: 0; +} +.headingblock { + margin-bottom: 10px; + border-bottom: 1px solid #697F55; + background-color: #E3E3E3; + padding: 4px 5px; +} -.coursebox {width:100%;margin:10px 0px;border-bottom:1px solid #E3E3E3;overflow:hidden;padding-bottom:10px;} -.coursebox .info {width:35%;float:left;} -.coursebox .summary {width:60%;float:right;} +.coursebox { + width: 100%; + margin: 10px 0; + border-bottom: 1px solid #E3E3E3; + overflow: hidden; + padding-bottom: 10px; +} +.coursebox .info { + width: 35%; + float: left; +} +.coursebox .summary { + width: 60%; + float: right; +} -.course-content ul.section {margin:0;} -.course-content .headingblock.outline {margin-top:0;} -.course-content .section.main {border:1px solid #E3E3E3;margin-bottom:10px;} -.course-content .section.main .left.side {float:left;width:20px;padding:5px;} -.course-content .section.main .right.side {float:right;width:20px;padding:5px;} -.course-content .section.main .content {margin:0 30px 10px 30px;background-color:#FFF;} -.course-content .section.main .content .section_add_menus {text-align:right;} +.course-content ul.section { + margin: 0; +} -#course-user .section {border:1px solid #DDD;margin:0 5% 1.5em 5%;} +.course-content .headingblock.outline { + margin-top: 0; +} + +.course-content .section.main { + border:1px solid #E3E3E3; + margin-bottom: 10px; +} + +.course-content .section.main .left.side { + float:left;width:20px;padding:5px; +} + +.course-content .section.main .right.side { + float: right; + width: 20px; + padding: 5px; +} + +.course-content .section.main .content { + margin: 0 30px 10px 30px; + background-color: #FFF; +} + +.course-content .section.main .content .section_add_menus { + text-align: right; +} + +#course-user .section { + border: 1px solid #DDD; + margin: 0 5% 1.5em 5%; +} #course-user .section h2, -#course-user .section .content {margin:5px 1em;} -#course-user .section table td {border:0;} +#course-user .section .content { + margin: 5px 1em; +} + +#course-user .section table td { + border: 0; +} + +.generaltable { + border: 1px solid #DDD; +} + +.generaltable .cell { + background-color: #FFF; + border:1px solid #EEE; + border-collapse: collapse; +} + +.generaltable .header { + background-color: #EEE; + border: 1px solid #EEE; + font-weight: bold; +} -.generaltable {border:1px solid #DDD;} -.generaltable .cell {background-color:#FFF;border:1px solid #EEE;border-collapse: collapse;} -.generaltable .header {background-color:#EEE;border:1px solid #EEE;font-weight:bold;} /** Login **/ -.loginbox {margin-top:15px;margin-bottom:15px;} -.loginbox .loginform {margin-top:15px;} -.loginbox .loginform .form-label {width:39%;float:left;text-align:right;} -.loginbox .loginform .form-input {width:60%;float:right;text-align:left;} -.loginbox .loginform .form-input input {width:6em;} +.loginbox { + margin-top: 15px; + margin-bottom: 15px; +} -.loginbox.twocolumns {border:1px solid #DDD;} -.loginbox.twocolumns .loginpanel {float:left;width:49%;text-align:center;} -.loginbox.twocolumns .signuppanel {float:left;width:50%;border-left:1px solid #DDD;} -.loginbox.twocolumns .signuppanel h2 {text-align:center;} -.loginbox.twocolumns .signuppanel div {margin:1em;} -.loginbox.twocolumns .signuppanel div li {font-size:90%;} +.loginbox .loginform { + margin-top: 15px; +} -.loginbox .loginsub {margin-left:10%;margin-right:10%;padding:10px;margin-bottom:5px;} -.loginbox .guestsub {margin-left:10%;margin-right:10%;padding:10px;margin-bottom:5px;border-top:1px solid #DDD;} +.loginbox .loginform .form-label { + width: 39%; + float: left; + text-align: right; +} + +.loginbox .loginform .form-input { + width: 60%; + float: right; + text-align: left; +} + +.loginbox .loginform .form-input input { + width: 6em; +} + +.loginbox.twocolumns { + border: 1px solid #DDD; +} + +.loginbox.twocolumns .loginpanel { + float: left; + width: 49%; + text-align: center; +} + +.loginbox.twocolumns .signuppanel { + float: left; + width: 50%; + border-left: 1px solid #DDD; +} + +.loginbox.twocolumns .signuppanel h2 { + text-align: center; +} + +.loginbox.twocolumns .signuppanel div { + margin: 1em; +} + +.loginbox.twocolumns .signuppanel div li { + font-size: 90%; +} + +.loginbox .loginsub { + margin-left: 10%; + margin-right: 10%; + padding: 10px; + margin-bottom: 5px; +} + +.loginbox .guestsub { + margin-left: 10%; + margin-right: 10%; + padding: 10px; + margin-bottom: 5px; + border-top: 1px solid #DDD; +} /** Blocks **/ -.block {border:1px solid #C8C9C7;background-color: #E3E3E3;margin-bottom:10px;overflow:hidden;} + +.block { + border: 1px solid #C8C9C7; + background-color: #E3E3E3; + margin-bottom: 10px; + overflow: hidden; +} .block h1, .block h2, .block h3, -.block h4 {margin:0px;} -.block .header {margin:10px 6px 3px 6px;} -.block .content {margin:10px 6px 3px 6px;} +.block h4 { + margin: 0; +} + +.block .header { + margin: 10px 6px 3px 6px; +} + +.block .content { + margin: 10px 6px 3px 6px; +} /** Admin **/ -.box.adminwarning {text-align:center;border:1px solid #C8C9C7;background-color:#E3E3E3;margin-bottom:1em;padding:10px 10%;} -.box.copyright {text-align:center;font-size:90%;padding:10px 10%;} -#adminsettings fieldset {border:1px solid #C8C9C7;background-color:#E3E3E3;} -#adminsettings fieldset .generalbox {margin:1em 0.5em;border-color:#C8C9C7;} -#adminsettings .form-buttons {margin-left:13em;} +.box.adminwarning { + text-align: center; + border: 1px solid #C8C9C7; + background-color: #E3E3E3; + margin-bottom: 1em; + padding: 10px 10%; +} +.box.copyright { + text-align: center; + font-size: 90%; + padding: 10px 10%; +} -.form-item {width:100%;margin:1em 1em 2em 1em ;} -.form-item .form-label {width:12.5em;text-align:right;float:left;margin-right:0.5em;} -.form-item .form-label .form-shortname {display:block;color:#666;font-size:75%;} -.form-item .form-setting {margin-left:13em;} -.form-item .form-setting .defaultsnext {display:inline;} -.form-item .form-setting .form-defaultinfo {display:inline;margin-left:0.5em;font-size:90%;color:#666;} -.form-item .form-description {margin:0.5em 1em 0.5em 13em;} -.form-item .form-textarea textarea {width:495px;} +#adminsettings fieldset { + border: 1px solid #C8C9C7; + background-color: #E3E3E3; +} -#authmenu .informationbox {width:80%;margin-left:auto;margin-right:auto;margin-bottom:10px;border:1px solid #C8C9C7;padding:10px;} -#authmenu table td {border-width:0px;} +#adminsettings fieldset .generalbox { + margin: 1em 0.5em; + border-color: #C8C9C7; +} -#categoryquestions {margin-left:auto;margin-right:auto;width:100%;} +#adminsettings .form-buttons { + margin-left: 13em; +} + +.form-item { + width: 100%; + margin: 1em 1em 2em 1em; +} + +.form-item .form-label { + width: 12.5em; + text-align: right; + float: left; + margin-right: 0.5em; +} + +.form-item .form-label .form-shortname { + display: block; + color: #666; + font-size: 75%; +} + +.form-item .form-setting { + margin-left: 13em; +} + +.form-item .form-setting .defaultsnext { + display:inline; +} + +.form-item .form-setting .form-defaultinfo { + display: inline; + margin-left: 0.5em; + font-size: 90%; + color: #666; +} + +.form-item .form-description { + margin: 0.5em 1em 0.5em 13em; +} + +.form-item .form-textarea textarea { + width: 495px; +} + +#authmenu .informationbox { + width: 80%; + margin: 0 auto 10px; + border: 1px solid #C8C9C7; + padding: 10px; +} +#authmenu table td { + border-width: 0; +} + +#categoryquestions { + margin-left: auto; + margin-right: auto; + width: 100%; +} #categoryquestions th, .user th, .user th.header, .group th.header, .admin table tr th, -.admin table tr th.header {background-color:#697F55;color:#FFF;border:2px solid #697F55;border-bottom-color:#111;} +.admin table tr th.header { + background-color: #697F55; + color: #FFF; + border: 2px solid #697F55; + border-bottom-color: #111; +} .user th a:link, #categoryquestions th a:link, .group th a:link, -.admin table tr th a:link {color:#FFF;text-decoration:none;} +.admin table tr th a:link { + color: #FFF; + text-decoration: none; +} .user th a:visited, #categoryquestions th a:visited, .group th a:visited, -.admin table tr th a:visited {color:#FFF;text-decoration:underline;} +.admin table tr th a:visited { + color: #FFF; + text-decoration: underline; +} .user tr td.cell, #categoryquestions tr td.cell, .group tr td.cell, -.admin table tr td.cell {border:1px solid #C8C9C7;border-width:0px 1px;} +.admin table tr td.cell { + border: 1px solid #C8C9C7; + border-width: 0 1px; +} .user .r1 .cell, #categoryquestions .r1 .cell, .group .r1 .cell, -.admin table .r1 .cell {background-color:#EEE;} +.admin table .r1 .cell { + background-color: #EEE; +} .singlebutton, -.buttons {text-align:center;margin:20px;} -.buttons form {display:inline;} -.buttons div {display:inline;} -.buttons .singlebutton {display:inline;padding:5px;margin:0px;} -.admin .generalbox {background-color:#EEE;border-color:#C8C9C7;} +.buttons { + text-align: center; + margin: 20px; +} + +.buttons form { + display: inline; +} + +.buttons div { + display: inline; +} + +.buttons .singlebutton { + display: inline; + padding: 5px; + margin: 0; +} + +.admin .generalbox { + background-color: #EEE; + border-color: #C8C9C7; +} #admin-mnet-index table td, -#files-index .column-content table td {border-width:0px;} +#files-index .column-content table td { + border-width: 0; +} /** Mforms **/ -.mform fieldset {border-color:#C8C9C7;} +.mform fieldset { + border-color: #C8C9C7; +} /** Tags **/ -.tag-management-form {text-align:center;} -#tag-management-list {margin-top:1em;} +.tag-management-form { + text-align:center; +} + +#tag-management-list { + margin-top:1em; +} /** User **/ -.userinfobox td {border-width:0px;vertical-align:top;} -.userinfobox .side {width:120px;text-align:center;} -.userinfobox .list .label {font-weight:bold;text-align:right;} +.userinfobox td { + border-width: 0; + vertical-align: top; +} + +.userinfobox .side { + width: 120px; + text-align: center; +} + +.userinfobox .list .label {font-weight:bold;text-align:right; +} /** Forum **/ .forumheaderlist, -.forumpost {margin-top:15px;border:1px solid #DDD;border-collapse:separate;} -.forumpost td {border-width:0px;} -.forumpost .topic {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 .content .commands {font-size:0.9em;clear:both;padding-top:0.5em;text-align:right;} -.forumpost .content .link {font-size:0.9em;} -.forumpost .content .footer {font-size:0.9em;padding-top:0.5em;text-align:right;} +.forumpost { + margin-top: 15px; + border: 1px solid #DDD; + border-collapse: separate; +} +.forumpost td { + border-width: 0; +} +.forumpost .topic { + 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 .content .commands { + font-size: 0.9em; + clear: both; + padding-top: 0.5em; + text-align: right; +} +.forumpost .content .link { + font-size: 0.9em; +} + +.forumpost .content .footer { + font-size: 0.9em; + padding-top: 0.5em; + text-align: right; +} /** Calendar **/ .block.block_calendar_month td, -.block.block_calendar_month th {border-width:0px;font-size:10px;padding:1px;width:14%;line-height:18px;} +.block.block_calendar_month th { + border-width: 0; + font-size: 10px; + padding: 1px; + width: 14%; + line-height: 18px; +} + #calendar abbr, -.block.block_calendar_month abbr {border-bottom-width:0px;} +.block.block_calendar_month abbr { + border-bottom-width: 0; +} + #calendar .weekend, -.block.block_calendar_month .weekend {color:#A00;} +.block.block_calendar_month .weekend { + color: #A00; +} #calendar .maincalendar .calendarmonth td.today, -.block.block_calendar_month .today {border:1px solid #444;} +.block.block_calendar_month .today { + border: 1px solid #444; +} + #calendar .eventnone a, -.block.block_calendar_month .eventnone a {color:#444;} +.block.block_calendar_month .eventnone a { + color:#444; +} + +#calendar { + width: 98%; + margin: 0 1%; + border-spacing: 5px; + border-collapse: separate; +} -#calendar {width:99%;margin:0px 1%;border-spacing:5px;border-collapse: separate;} #calendar td, -#calendar th {border-width:0px;font-size:10px;padding:1px;width:14%;line-height:18px;vertical-align:top;} -#calendar .maincalendar {width:auto;border:1px solid #DDD;} -#calendar .maincalendar .heightcontainer {height:100%;position:relative;margin:1em;} -#calendar .maincalendar .header {padding:5px;font-weight:bold;} -#calendar .maincalendar .header .buttons {float:right;} -#calendar .maincalendar table {width:100%;} -#calendar .maincalendar .calendar-controls {width:100%;overflow:hidden;font-size:1.1em;} -#calendar .maincalendar .calendar-controls .previous {display:block;float:left;width:20%;} -#calendar .maincalendar .calendar-controls .current {display:block;float:left;width:60%;text-align:center;margin-top:0px;} -#calendar .maincalendar .calendar-controls .next {display:block;float:left;width:20%;text-align:right;} -#calendar .sidecalendar {width:200px;} +#calendar th { + border-width: 0; + font-size: 10px; + padding: 1px; + width: 14%; + line-height: 18px; + vertical-align: top; +} + +#calendar .maincalendar { + width: auto; + border: 1px solid #DDD; +} + +#calendar .maincalendar .heightcontainer { + height: 100%; + position: relative; + margin: 1em; +} + +#calendar .maincalendar .header { + padding: 5px; + font-weight: bold; +} + +#calendar .maincalendar .header .buttons { + float: right; +} + +#calendar .maincalendar table { + width: 100%; +} + +#calendar .maincalendar .calendar-controls { + width: 100%; + overflow: hidden; + font-size: 1.1em; +} + +#calendar .maincalendar .calendar-controls .previous { + display: block; + float: left; + width: 20%; +} + +#calendar .maincalendar .calendar-controls .current { + display: block; + float: left; + width: 60%; + text-align: center; + margin-top: 0; +} + +#calendar .maincalendar .calendar-controls .next { + display: block; + float: left; + width: 20%; + text-align: right; +} + +#calendar .sidecalendar { + width: 200px; +} + #calendar .sidecalendar h2, -#calendar .sidecalendar h3 {margin:5px;font-size:95%;} -#calendar .sidecalendar .block {border:1px solid #DDD;margin-bottom:10px;text-align:center;} -#calendar .sidecalendar .block table {margin:0px auto 5px auto;} -#calendar .sidecalendar .block .filters table {width:95%;margin:0px auto 1em auto;} -#calendar .sidecalendar .block .minicalendarblock {border-top:1px solid #DDD;} -#calendar .filters table {padding:2px;background-color: #EEE;border:1px solid #DDD;border-spacing:2px;border-collapse: separate;} -#calendar .filters table td {font-size:100%;width:auto;} -#calendar .filters .eventskey {border:1px solid #444;overflow:hidden;} -#calendar .calendar_event_global {background-color: #D6F8CD;} -#calendar .calendar_event_course {background-color: #FFD3BD;} -#calendar .calendar_event_group {background-color: #FEE7AE;} -#calendar .calendar_event_user {background-color: #DCE7EC;} -#calendar .maincalendar .calendarmonth {border-collapse: separate;} -#calendar .maincalendar .calendarmonth th {font-size:0.9em;border-bottom:2px solid #444;} -#calendar .maincalendar .calendarmonth td {border:1px solid #EEE;border-bottom-color:#CCC;border-right-color:#CCC;height:6em;} -#calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em;} -#calendar .maincalendar .calendarmonth td .day {font-weight:bold;} -#calendar .maincalendar .calendarmonth tr td:first-child {border-left-color:#CCC;} -#calendar .maincalendar .event {border-spacing: 0px;border:1px solid #DDD;background-color:#EEE;} -#calendar .maincalendar .event .picture {width:32px;text-align:center;} -#calendar .maincalendar .event .topic {width:auto;padding:5px;} -#calendar .maincalendar .event .side {width:32px;} -#calendar .maincalendar .event .description {width:auto;border-top:1px solid #DDD;border-left:1px solid #DDD;padding:5px;} -#calendar .maincalendar .bottom {text-align:center;} -#calendar .calendarmonth ul {margin:0px;padding:0px;} -#calendar .calendarmonth ul li {list-style: none;margin:0px;padding:2px;} +#calendar .sidecalendar h3 { + margin: 5px; + font-size: 95%; +} + +#calendar .sidecalendar .block { + border: 1px solid #DDD; + margin-bottom: 10px; + text-align: center; +} + +#calendar .sidecalendar .block table { + margin: 0 auto 5px; +} + +#calendar .sidecalendar .block .filters table { + width: 95%; + margin: 0 auto 1em; +} + +#calendar .sidecalendar .block .minicalendarblock { + border-top: 1px solid #DDD; +} + +#calendar .filters table { + padding: 2px; + background-color: #EEE; + border: 1px solid #DDD; + border-spacing: 2px; + border-collapse: separate; +} + +#calendar .filters table td { + font-size: 100%; + width: auto; +} + +#calendar .filters .eventskey { + border: 1px solid #444; + overflow: hidden; +} + +#calendar .calendar_event_global { + background-color: #D6F8CD; +} + +#calendar .calendar_event_course { + background-color: #FFD3BD; +} + +#calendar .calendar_event_group { + background-color: #FEE7AE; +} + +#calendar .calendar_event_user { + background-color: #DCE7EC; +} + +#calendar .maincalendar .calendarmonth { + border-collapse: separate; +} + +#calendar .maincalendar .calendarmonth th { + font-size: 0.9em; + border-bottom: 2px solid #444; +} + +#calendar .maincalendar .calendarmonth td { + border: 1px solid #EEE; + border-bottom-color: #CCC; + border-right-color: #CCC; + height: 6em; +} + +#calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em; +} + +#calendar .maincalendar .calendarmonth td .day {font-weight:bold; +} + +#calendar .maincalendar .calendarmonth tr td:first-child { + border-left-color: #CCC; +} + +#calendar .maincalendar .event { + border-spacing: 0; + border: 1px solid #DDD; + background-color: #EEE; +} + +#calendar .maincalendar .event .picture { + width: 32px; + text-align: center; +} + +#calendar .maincalendar .event .topic { + width: auto; + padding: 5px; +} + +#calendar .maincalendar .event .side { + width: 32px; +} + +#calendar .maincalendar .event .description { + width: auto; + border-top: 1px solid #DDD; + border-left:1px solid #DDD; + padding: 5px; +} + +#calendar .maincalendar .bottom { + text-align: center; +} + +#calendar .calendarmonth ul { + margin: 0; + padding: 0; +} + +#calendar .calendarmonth ul li { + list-style: none; + margin: 0; + padding: 2px; +} /** User **/ + .user .rolesform, .user .searchform, .user #showall, -.user #participantsform {text-align:center;} -.user #participantsform table {margin-top:1em;} -.user #participantsform td {text-align:left;} -.user table.controls {margin:5px auto;border:1px solid #DDD;background-color:#EEE;border-collapse: collapse;} -.user table.controls td {border-width:0px;} +.user #participantsform { + text-align:center; +} + +.user #participantsform table { + margin-top:1em; +} + +.user #participantsform td {text-align:left; +} + +.user table.controls { + margin: 5px auto; + border: 1px solid #DDD; + background-color: #EEE; + border-collapse: collapse; +} +.user table.controls td { + border-width:0px; +} /** Overide for RTL layout **/ -.dir-rtl #page-header .navbar .breadcrumb {float:right;} -.dir-rtl #page-header .navbar .navbutton {float:left;} + +.dir-rtl #page-header .navbar .breadcrumb { + float:right; +} +.dir-rtl #page-header .navbar .navbutton { + float:left; +} /** Custom menu **/ +<<<<<<< HEAD /*YUI Reset */ .yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-content, .yui3-skin-sam #page .yui3-menu-horizontal .yui3-menu-label, @@ -249,3 +766,44 @@ html, body {background-color:#C8C9C7;} .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {border-color:#808080;border-style:solid;border-width:0px 0;} #page .custom_menu_submenu {border: 1px solid #697F55 !important;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} +======= + +#custommenu { + margin-bottom: 0; +} + +#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, +#custommenu .yui3-menu-horizontal .yui3-menu-label, +#custommenu .yui3-menuitem, +#custommenu .yui3-menuitem .yui3-menuitem-content { + border-width: 0; +} + +#custommenu .yui3-menu .yui3-menu-label, +#custommenu .yui3-menu .yui3-menuitem-content { + color: #FFF; + font-weight: bold; + line-height: 30px; + padding: 0 14px; +} + +#custommenu .custom_menu_submenu .yui3-menu-content{ + background-color: #3A4D28; +} + +#custommenu .custom_menu_submenu .yui3-menu-label, +#custommenu .custom_menu_submenu .yui3-menuitem-content { + line-height: 25px; + padding: 0 20px; +} + +#custommenu .yui3-menu-label-active, +#custommenu .yui3-menu-label-menuvisible, +#custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content { + background-color: #697F55; +} +>>>>>>> 0a52611... wip-MDL-22351 convert Anomaly CSS to readable format