@font-face { font-family: 'Fontcons'; src: url('/media/system/css/fonts/fontcons-webfont.eot'); src: url('/media/system/css/fonts/fontcons-webfont.eot?#iefix') format('embedded-opentype'), url('/media/system/css/fonts/fontcons-webfont.woff') format('woff'), url('/media/system/css/fonts/fontcons-webfont.ttf') format('truetype'), url('/media/system/css/fonts/fontcons-webfont.svg#FontconsRegular') format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } i, em { font-style: italic; } b, strong { font-weight: bold; } .columns { margin: 0 5% 0 0; padding: 0; border: none; float: left; text-align: left; } .two { width: 47.5%; } .three { width: 30%; } .three.first.second, .three.second.third { width: 65%; } .four { width: 21.25%; } .four.first.second, .four.second.third, .four.third.fourth { width: 47.5%; } .four.first.second.third, .four.second.third.fourth { width: 73.75%; } .five { width: 16%; } .five.first.second, .five.second.third, .five.third.fourth, .five.fourth.fifth { width: 37%; } .five.first.second.third, .five.second.third.fourth, .five.third.fourth.fifth { width: 58%; } .five.first.second.third.fourth, .five.second.third.fourth.fifth { width: 79%; } .six { width: 12.5%; } .six.first.second, .six.second.third, .six.third.fourth, .six.fourth.fifth, .six.fifth.sixth { width: 30%; } .six.first.second.third, .six.second.third.fourth, .six.third.fourth.fifth, .six.fourth.fifth.sixth { width: 47.5%; } .six.first.second.third.fourth, .six.second.third.fourth.fifth, .six.third.fourth.fifth.sixth { width: 65%; } .six.first.second.third.fourth.fifth, .six.second.third.fourth.fifth.sixth { width: 82.5%; } .two.second, .three.third, .four.fourth, .five.fifth, .six.sixth { margin-right: 0!important; } .two.second:before, .two.second:after, .three.third:before, .three.third:after, .four.fourth:before, .four.fourth:after, .five.fifth:before, .five.fifth:after, .six.sixth:before, .six.sixth:after { content: ""; display: table; } .two.second:after, .three.third:after, .four.fourth:after, .five.fifth:after, .six.sixth:after { clear: both; } .two.second, .three.third, .four.fourth, .five.fifth .six.sixth { zoom: 1; } .clearfix { border: 1px solid transparent; } .clearfix:after { content: "."; display: block; height: 0; line-height: 0em; clear: left; visibility: hidden; } html>body .two { *width: 47%; } html>body .three { *width: 29.5%; } html>body .four { *width: 21%; } html>body .five { *width: 15.75%; } html>body .six { *width: 12.25%; } #system-environment { display: block; margin: 0; padding: 0; border: none; } #system-environment p { border: none; display: block; margin: 0; padding: 0; height: 5px; color: #ffffc0; overflow: hidden; zoom: 1; background: #fff; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .065)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .065)), color-stop(.75, rgba(255, 255, 255, .065)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; } #system-environment p.production { background-color: #84A7DB; color: #e8f1fe; border-color: #6685b2; } #system-environment p.stage { background-color: #619926; color: #e9ffae; border-color: #3f7704; } #system-environment p.testing { background-color: #cea638; color: #ffffc0; border-color: #ac8416; } #system-environment p.development { background-color: #ba4a3b; color: #ffd2c3; border-color: #982819; } #system-message { margin: 0 1.61803399em 1.61803399em 1.61803399em; margin: 0 0 1.61803399em 0; } #system-message ul, #system-message li { list-style: none; margin: 0; padding: 0; } #system-message a { color: #fff; font-weight: 700; } #system-message dt { display: none; } .help, .info, .warning, .error, .passed, #system-message dd { margin: 0; padding: 0.61803399em 0.61803399em 0.61803399em 2.31803399em; color: #ffffc0; position: relative; overflow: hidden; zoom: 1; background: #fff; border: 0.27em solid #eee; -webkit-border-radius: 0.27em; -moz-border-radius: 0.27em; -ms-border-radius: 0.27em; -o-border-radius: 0.27em; border-radius: 0.27em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); background-image: url("/media/system/images/light-stripes.png"); background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .065)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .065)), color-stop(.75, rgba(255, 255, 255, .065)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .065) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .065) 50%, rgba(255, 255, 255, .065) 75%, transparent 75%, transparent); -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -ms-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px; } .help, .info, .warning, .error, .passed { margin: 1em 0; } .help h4, .info h4, .warning h4, .error h4, .passed h4, .help h3, .info h3, .warning h3, .error h3, .passed h3 { color: #fff !important; } .help a, .info a, .warning a, .error a, .passed a { color: #fff !important; border-bottom: 1px dotted #eee !important; } .help a:hover, .info a:hover, .warning a:hover, .error a:hover, .passed a:hover { color: #fff !important; border-bottom: 1px solid #fff !important; } .help h4:first-child, .info h4:first-child, .warning h4:first-child, .error h4:first-child, .passed h4:first-child, .help h3:first-child, .info h3:first-child, .warning h3:first-child, .error h3:first-child, .passed h3:first-child { margin-top: 0; } #system-message dd { margin: 0; } .passed, #system-message dd.message { background-color: #619926; color: #e9ffae !important; border-color: #3f7704; } .info, #system-message dd.info { background-color: #84A7DB; color: #e8f1fe !important; border-color: #6685b2; } .help, #system-message dd.help { background-color: #a284db; color: #f3eefe !important; border-color: #8066b2; } .warning, #system-message dd.warning { background-color: #cea638; color: #ffffc0 !important; border-color: #ac8416; } .error, #system-message dd.error { background-color: #ba4a3b; color: #ffd2c3 !important; border-color: #982819; } span.systemmessage-before, .help:before, .info:before, .warning:before, .error:before, .passed:before, #system-message dd:before { content: ""; position: absolute; top: 0.81803399em; width: 16px; height: 16px; font-size: 16px; line-height: 16px; display: inline-block; left: 0.61803399em; font-family: 'Fontcons'; margin-top: -0.25em; } .passed:before, #system-message dd.message:before { content: "\2714"; } .help:before, #system-message dd.help:before { content: "\f059"; left: 0.71803399em; } .error:before, #system-message dd.error:before { content: "\f094"; } .warning:before, #system-message dd.warning:before { content: "\26A0"; } .info:before, #system-message dd.info:before { content: "\f05a"; left: 0.71803399em; } .help, #system-message dd.help { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ' + this.innerHTML); } .info, #system-message dd.info { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ' + this.innerHTML); } .warning, #system-message dd.warning { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='⚠ ' + this.innerHTML); } .error, #system-message dd.error { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML=' ' + this.innerHTML); } .passed, #system-message dd.passed { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='✔ ' + this.innerHTML); } @-moz-document url-prefix() { html.firefox3 .help, html.firefox3 #system-message dd.help { background-image: url("/media/system/images/help.png"); background-position: 10px 10px; background-repeat: no-repeat; } html.firefox3 .info, html.firefox3 #system-message dd.info { background-image: url("/media/system/images/information.png"); background-position: 10px 10px; background-repeat: no-repeat; } html.firefox3 .warning, html.firefox3 #system-message dd.warning { background-image: url("/media/system/images/warning.png"); background-position: 10px 10px; background-repeat: no-repeat; } html.firefox3 .error, html.firefox3 #system-message dd.error { background-image: url("/media/system/images/error.png"); background-position: 10px 10px; background-repeat: no-repeat; } html.firefox3 .passed, html.firefox3 #system-message dd.passed { background-image: url("/media/system/images/accept.png"); background-position: 10px 10px; background-repeat: no-repeat; } } .list-footer { margin: 1em 0 1em 0; padding: 0; color: #ccc; background-image: none; list-style: none; } .list-footer li { float: left; margin: 0; padding: 0 0.4em; background-image: none; list-style: none; } .list-footer .counter { float: right; padding: 0; color: #333; } .list-footer .page { padding: 0 0.3em; } .list-footer .limit { padding-right: 1em; color: #333; float: right; } .list-footer .start { margin-left: 0; padding-left: 0; } .list-footer .next, .list-footer .prev { display: none; } #sub-menu { margin: 0 0 30px 0; padding: 0; background: #e1e1e1; } #sub-menu ul { height: 43px; list-style: none; margin: 0 0 -1px 0; padding: 0 30px 0 30px; position: relative; border: none; border-bottom: 1px solid #BABABA; } #sub-menu li { border: none; display: block; float: left; height: 29px; margin: 0; padding: 15px 0 0 0; } #sub-menu li a { -webkit-border-radius: 0.25em 0.25em 0 0; -moz-border-radius: 0.25em 0.25em 0 0; -ms-border-radius: 0.25em 0.25em 0 0; -o-border-radius: 0.25em 0.25em 0 0; border-radius: 0.25em 0.25em 0 0; background: #b5b5b5; border: 1px solid #949494; border-bottom: 1px solid #BABABA; color: #fff; display: block; height: 27px; margin: 0; padding: 0; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); } #sub-menu li a span { border: none; cursor: pointer; display: block; height: 22px; margin: 0; padding: 5px 15px 0 15px; text-align: center; } #sub-menu li a:hover { border-color: #616161; background-color: #747474; color: #fff; } #sub-menu li.active a, #sub-menu li.active a:hover { background: #f9f9f9; border-bottom: 1px solid #eee; color: #747474; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); } .tags { margin-left: 14px; font-size: 10px !important; } .tags li { display: inline-block !important; margin: 2px 12px 2px 0px !important; } .tags li a { position: relative; display: inline-block !important; border: 0; -webkit-border-radius: 0 3px 3px 0 !important; -moz-border-radius: 0 3px 3px 0 !important; -ms-border-radius: 0 3px 3px 0 !important; -o-border-radius: 0 3px 3px 0 !important; border-radius: 0 3px 3px 0 !important; line-height: 2em !important; margin: 0 !important; background: #333 !important; color: #ccc !important; padding: 2px 6px 2px 6px !important; } .tags li a span { background-color: #444; background-color: rgba(255, 255, 255, 0.2); display: inline-block; margin: -2px -6px -2px 4px; padding: 2px 6px 2px 6px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .tags li a small.tag-before, .tags li a:before { content: ""; border-color: transparent #333 transparent transparent !important; border-style: dashed solid dashed dashed !important; border-width: 12px 12px 12px 0 !important; height: 0; width: 0; display: block; overflow: hidden; position: absolute; top: 0 !important; left: -12px !important; margin: 0 !important; padding: 0 !important; } .tags li a small.tag-after, .tags li a:after { content: ""; height: 4px; width: 4px; display: block; position: absolute; top: 10px; left: -3px; background-color: #f6f6f6; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .tags li a:hover { color: #fff; background: #000 !important; } .tags li a:hover span { background-color: #111; background-color: rgba(255, 255, 255, 0.2); } .tags li a:hover small.tag-before, .tags li a:hover:before { border-color: transparent #000 transparent transparent !important; } .tags li a { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='' + this.innerHTML + '•'); } .tags li a small.tag-after { *background-color: transparent; *color: #fff; *font-size: 18px; *line-height: 12px; *top: 7px; *left: -4px; } .tags li { *display: inline !important; } .tags li a { *display: inline-block; *line-height: 1em !important; *padding: 6px 6px 5px 6px !important; } .tags li a span { *background-color: #666; *padding: 6px 6px 6px 6px !important; *margin: -6px -6px -7px 4px; } .tags li a:hover span { *background-color: #444; } ol.comments { list-style-type: none !important; margin: 1em 0 0 0; padding: 0; background: transparent; border: none; } ol.comments:before { content: ""; display: none; } ol.comments li { clear: left; margin: 0; padding: 0; border: none; position: relative; } ol.comments ol { margin: 0; padding: 0; } ol.comments li ol.comments li { padding-left: 70px; } ol.comments .comment-options { color: #fff; font-size: 90%; visibility: hidden; } ol.comments .comment-content:hover .comment-options { visibility: visible; } ol.comments .comment-options a { margin-right: 1em; } ol.comments .comment-options a span { display: none; } ol.comments dl.comment-details { display: none; } ol.comments p.comment-member-photo { float: left; margin: 0 20px 0 0; padding: 0; width: 48px; height: 48px; overflow: hidden; color: #777; font-size: 11px; text-align: right; position: relative; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -ms-border-radius: 0.25em; -o-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } ol.comments .comment-content { margin: 0 0 1em 70px; position: relative; background-color: #fff; border: 1px solid #d9d9d9; padding: .61803399em 1.61803399em; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); } ol.comments .comment-content:before, ol.comments .comment-content:after { content: ""; position: absolute; top: 10px; left: -20px; border-width: 10px; border-style: solid; border-color: transparent #dad9d9 transparent transparent; display: block; width: 0; } ol.comments .comment-content:before { top: 10px; left: -20px; bottom: auto; border-width: 10px; border-color: transparent #dad9d9 transparent transparent; } ol.comments .comment-content:after { top: 10px; left: -18px; bottom: auto; border-width: 10px; border-color: transparent #fff transparent transparent; } ol.comments .comment-voting { margin: -0.61803399em 0 0 0; padding: 0; float: right; } ol.comments .comment-voting .thumbsvote { margin-top: 0.5em; } ol.comments .author:before { content: ""; display: none; } ol.comments .start>.comment-content, ol.comments .author>.comment-content { border-color: #999; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADtJREFUeNpiYWBgEPn///8bBihgZGQUgbGxiTORohisgRTFIHEmUhSDbSBFMYqTiPULEymKB2koAQQYANU4UCtoY01GAAAAAElFTkSuQmCC) bottom repeat-x; } ol.comments .author>.comment-content:before, ol.comments .start>.comment-content:before { border-color: transparent #999 transparent transparent; } ol.comments .chosen>.comment-content { border-color: #c3b7ff; } ol.comments .chosen>.comment-content:before { border-color: transparent #c3b7ff transparent transparent; } ol.comments .private>.comment-content { border-color: #ecada2; background-color: #fdf7f6; } ol.comments .private>.comment-content:before { border-color: transparent #ecada2 transparent transparent; } ol.comments .private>.comment-content:after { border-color: transparent #fdf7f6 transparent transparent; } ol.comments .private small.private-after, ol.comments .private:after { position: absolute; top: 1.61803399em; right: 1.61803399em; display: block; font-family: 'Fontcons'; color: #999; content: '\f023'; } ol.comments .private { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML=this.innerHTML + ''); } ol.comments span.comment-details { color: #bfbfbf; } ol.comments .permalink { border: none; color: #bfbfbf; } ol.comments .permalink:hover { color: #000; border: none; } #commentform .comment-date-at, #commentform .comment-date-on, ol.comments .comment-date-at, ol.comments .comment-date-on { visibility: hidden; display: none; } #commentform .date, #commentform .time, ol.comments .date, ol.comments .time { margin-left: 0.7em; } ol.comments .img { padding-left: 0px; background: transparent; text-align: center; } ol.comments .figure { display: inline-block; background: #fff; border: 1px solid #eaeaea; } ol.comments .figure a { border: none; } ol.comments .figcaption { display: block; padding: 0.5em; background: #efefef; } ol.comments .addcomment { margin: 0 0 1em 0; padding: 1em; border: 1px solid #ccc; background-color: #eee; } ol.comments .addcomment label { display: block; } ol.comments .addcomment .cancelreply { margin-left: 2em; } ol.comments .addcomment .submit { clear: both; margin: -1.5em 0 0 0; padding: 0; text-align: right; } ol.comments .addcomment input, ol.comments .addcomment select, ol.comments .addcomment textarea { margin-top: 0.25em; width: 100%; } ol.comments .addcomment .submit input, ol.comments .addcomment .option { width: auto; } ol.comments .addcomment .reply-anonymous-label { width: 50%; } .no-comments { background-color: #fafafa; border: 10px solid #f2f2f2; padding: 1em; } #commentform { margin: 0; padding: 0; } #commentform fieldset { margin: 0; text-align: left; color: #777; position: relative; background-color: #fff; border: 1px solid #0fa1ca; padding: .61803399em 1.61803399em 0 1.61803399em; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); } #commentform fieldset:before, #commentform fieldset:after { content: ""; position: absolute; bottom: -15px; left: 50px; border-width: 15px 0 0 15px; border-style: solid; border-color: #fff transparent; display: block; width: 0; } #commentform fieldset:before { top: 10px; left: -20px; bottom:auto; border-width: 10px; border-color: transparent #0fa1ca transparent transparent; } #commentform fieldset:after { top: 10px; left: -18px; bottom: auto; border-width: 10px; border-color: transparent #fff transparent transparent; } #commentform fieldset fieldset { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #commentform fieldset fieldset:before, #commentform fieldset fieldset:after { display: none; } #commentform p.comment-member-photo { float: left; overflow: hidden; color: #777; font-size: 11px; text-align: right; margin: 0 20px 0 0; padding: 0; width: 48px; height: 48px; background: transparent; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } #commentform .sidenote { padding: .61803399em 1.61803399em; color: #aaa; margin: .61803399em -1.61803399em 0 -1.61803399em; background: #fafafa; } #commentform .required, #commentform .optional { text-transform: uppercase; letter-spacing: 1px; font-size: 80%; } #commentform .required { color: #AD6456; } #commentform .optional { color: #888; } #commentform label { padding-top: 1em; position: relative; display: block; } #commentform label span { position: absolute; top: 1.5em; right: 0; display: none; } #commentform .grouping { position: relative; margin-left: -3em; padding: 0 0 1.5em 5em; overflow: hidden; top: 1em; left: 1.5em; } #commentform .grouping label { padding: 0; float: left; width: 50%; } #commentform .grouping label:first-child { margin: 0 2em 0 -3.5em; } #commentform .grouping label span { top: 0; } #commentform input, #commentform select, #commentform textarea { margin-top: 0.25em; width: 100%; } #commentform .submit { clear: both; margin: -1.5em 0 1em 0; padding: 0; text-align: right; } #commentform .submit input, #commentform .option { width: auto; } #commentform #comment-anonymous-label { width: 50%; } #commentform fieldset fieldset { border: 1px solid #ddd; margin: 1em 0; padding: 0 1em 1em 1em; box-shadow: none; } #commentform fieldset fieldset legend { margin: 0 0.5em; padding: 0 1em; } table.wiki-reference { border: none; font-size: 11px; margin: 0; } table.wiki-reference caption { font-weight: bold; } table.wiki-reference tbody td { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .voting { white-space: nowrap; } .voting .vote-button, .voting a.vote-button, .voting .vote-button:hover, .voting a.vote-button:hover { border: none; background-color: #f1f1f1; color: #555; text-shadow: none; margin: 0; padding: 0.426em 0.75em 0.436em 0.75em; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: inline-block; text-align: left; cursor: pointer; } .voting .vote-button:hover, .voting a.vote-button:hover { background-color: #e7e7e7; color: #111; } .voting .vote-like, .voting .vote-dislike { margin-left: 0.2em; cursor: pointer; display: inline-block; } .voting .vote-button span { display: inline-block; width: 1.2em; height: 1.4em; overflow: hidden; text-indent: -55em; padding: 0; margin: 0 0 0 0.3em; } .voting .vote-like .neutral span, .voting .like span, .voting .vote-dislike .neutral span, .voting .dislike span { background: none; position: relative; } .voting .like:hover { background-color: #99ca78; } .voting small.voting-after, .voting .vote-like .neutral span:after, .voting .like span:after, .voting .vote-dislike .neutral span:after, .voting .dislike span:after { position: absolute; left: 0; top: 0; font-family: 'Fontcons'; content: ""; text-indent: 0; font-size: 1.2em; line-height: 1; } .voting .vote-like .neutral span:after, .voting .like span:after { content: "\f087"; } .voting .vote-like .neutral span, .voting .like span { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML=this.innerHTML + ''); } .voting .dislike:hover { background-color: #d86560; } .voting .vote-dislike .neutral span:after, .voting .dislike span:after { top: 0.2em; content: "\f088"; } .voting .vote-dislike .neutral span, .voting .dislike span { *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML=this.innerHTML + ''); } @-moz-document url-prefix() { .voting .vote-button span { height: 1.1em; } .voting .vote-dislike .neutral span:after, .voting .dislike span:after { top: 0; } } .container { margin: 0; padding: 10px; border: none; background: #ececec; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; } .container + .container { margin-top: 2em; } .data-entry { padding: 1em; border: none; background: #666; margin: 0 0 2em 0; } .container-block { -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; border-color: #e1e1e1; } .subject .container h3, .container-block h3 { margin: 0; padding: 0.5em 0.7em; border-bottom: 2px solid #e9e9e9; font-size: 135%; background-color: #f8f8f8; background-image: url("/media/system/images/light-stripes.png"); background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .5)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .5)), color-stop(.75, rgba(255, 255, 255, .5)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -ms-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px; } .subject .container h3 { border: 2px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .container-block h3 { border: none; border-bottom: 2px solid #e9e9e9; } .subject .container h3 span, .container-block h3 span { color: #aaa; } .container-block h4 { font-size: 115%; border-bottom: 1px solid #eee; padding: 0.2em 0; font-weight: normal; } .container-block h4 a { color: #333; border: none; } .container-block h4 .more { float: right; color: #aaa; } .container-block h4 a:hover, .container-block h4 a:hover .more { border: none; color: #ff6600; } .container-block .columns { margin-top: 0em; margin-bottom: 1em; } .container-block .entry-content { margin: 0 0 2em 0; } .container-block .entry-content h4 { font-weight: bold; } .entry-search { margin: 0 1em 0 0; border: none; padding: 0; } .entry-search legend, .entry-search label { display: none; } .entry-search input { width: 95%; border: 1px solid #A8A8A8; background: #fff; padding: 5px; } .entry-search-submit { width: auto; float: right; margin: 3px 0 0 10px; } .aside .container { margin: 0 0 1em 0; padding: 0; background: transparent; border: none; box-shadow: none; } .aside .container p { margin: 1em 0 2em 0; } .aside .container h3 { position: relative; } .aside .container ol, .aside .container ul { margin: 0; padding: 1em 0 1em 0; list-style: none; } .aside .container ol li:first-child, .aside .container ul li:first-child { border-top: none; } .aside .container ol li, .aside .container ul li { margin: 0; padding: 0; } .aside .container ol ol, .aside .container ul ul { padding: 0; margin-left: 2em; } .aside .container a { position: relative; } .aside .container .item-count { display: inline-block; background: #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0.3em 0.4em; color: #999; font-weight: normal; text-shadow: 0 1px 1px #fff; line-height: 1; font-size: 90%; } .aside .container li .item-count { display: block; position: absolute; right: 0; top: 0.65em; } .aside .container .item-count:before, .aside .container .item-count:after { display: none; } .aside .container a:hover .item-count { background: #aaa; color: #555; } .aside .container a.active { color: #2C2C2C; font-weight: bold; } .aside .container a.active:before { border-color: transparent transparent transparent #2C2C2C; } .entries-menu { list-style: none; padding: 0; margin: 0; font-size: 85%; } .list-footer, .entries-menu { min-height: 1px; } .container .entries-menu li { float: right; padding: 0 0.2em 0.5em 0.2em; margin: 0; } .container .entries-menu li a, .container .entries-menu span.nolink { color: #888; display: block; cursor: pointer; font-weight: normal; line-height: 1em; border: none; margin: 0; padding: 0.4em 0.75em; text-shadow: 0px 1px 1px #fff; } .container .entries-menu span.nolink { color: #999; } .container .entries-menu a.active, .container .entries-menu span.nolink.active { color: #fff; background-color: #666; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; text-shadow: 0 1px 1px rgba(0,0,0,.3); text-decoration: none; } .container .entries-menu a:hover { color: #fff; background-color: #0fa1ca; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; text-shadow: 0 -1px 1px rgba(0,0,0,.3); text-decoration: none; } .container .filter-options li { float: left; margin: 0 0 0.2em 0; } .container .filter-options { *margin-top: -2em; } .entries { border: 2px solid #e9e9e9; border-top: none; background-color: #fff; margin: 0; padding: 0; } .entries caption { text-align: left; font-size: 115%; background-color: #f8f8f8; background-image: url("/media/system/images/light-stripes.png"); background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .5)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .5)), color-stop(.75, rgba(255, 255, 255, .5)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent); -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -ms-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px; border: 2px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .container-block h4 span, .entries caption span { color: #aaa; } .entries thead th .index-wrap { display: table; width: 100%; } .entries thead th .index-wrap .index { display: table-row; } .entries thead th a { display: table-cell; text-align: center; margin: 0; padding: 0.295em 0; border: none; *display: inline; *padding: 0.5em; } .entries thead th a:hover { background-color: #666; color: #fff; } .entries thead th a.active-index { background-color: #eee; color: #999; } .entries tbody td { text-align: left; border-bottom: 1px solid #eee; padding: 10px; } .entries tbody th { width: 5px; text-align: center; border-bottom: 1px solid #eee; } .entry-details { font-size: 85%; color: #999; } .entry-details-divider { margin-left: 0.5em; margin-right: 0.5em; } .entries .activity { color: #999; } .entries tbody th { padding: 10px 0 5px 10px; width: 1.2em; } .entries tbody th img { -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -ms-border-radius: 0.25em; -o-border-radius: 0.25em; border-radius: 0.25em; } .entries .entry-id { display: block; overflow: hidden; width: 1.2em; height: 1.2em; margin: .5em 0 0 0; *zoom:expression(this.runtimeStyle['zoom']='1', this.innerHTML='' + this.innerHTML); } .entries small.entry-id-before, .entries .entry-id:before { font-family: "Fontcons"; content: "\f0a1"; font-size: 1.2em; line-height: 1; margin-right: 1em; color: #aaa; } .entries tbody tr.private { background-image: none; } .entries tbody tr.private .entry-title:before { font-family: "Fontcons"; content: "\f023"; margin-right: 0.4em; color: #666; font-size: 120%; } .container-block .entry-details { padding: 0.7em 0 0.7em 0; } .entry p.entry-member-photo { float: left; margin: 0 20px 0 0; padding: 0; width: 48px; height: 48px; overflow: hidden; color: #777; font-size: 11px; text-align: right; position: relative; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -ms-border-radius: 0.25em; -o-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .entry .entry-content { margin: 0 0 1em 70px; position: relative; border: 1px solid #999; padding: .61803399em 1.61803399em; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17); background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADtJREFUeNpiYWBgEPn///8bBihgZGQUgbGxiTORohisgRTFIHEmUhSDbSBFMYqTiPULEymKB2koAQQYANU4UCtoY01GAAAAAElFTkSuQmCC) bottom repeat-x; *background: #fff; } .entry .entry-content:before, .entry .entry-content:after { content: ""; position: absolute; top: 10px; left: -20px; border-width: 10px; border-style: solid; border-color: transparent #999 transparent transparent; display: block; width: 0; } .entry .entry-content:before { top: 10px; left: -20px; bottom: auto; border-width: 10px; border-color: transparent #999 transparent transparent; } .entry .entry-content:after { top: 10px; left: -18px; bottom: auto; border-width: 10px; border-color: transparent #fff transparent transparent; } .entry .permalink { border: none; color: #bfbfbf; } .entry .permalink:hover { color: #000; border: none; } .entry .entry-tags { margin: 1.61803399em .61803399em 1.61803399em .61803399em; padding: 0; color: #aaa; } .entry .entry-tags p { display: none; } .entry .entry-tags .tags { margin: 0; padding: 0; } .entry .entry-tags .tags li { margin: 0; } .entry .entry-voting { margin: -0.61803399em 0 0 0; padding: 0; } .entry .entry-status { visibility: hidden; margin: 0 0 1em 70px; padding: 0; } .entry:hover .entry-status { visibility: visible; } .entry .entry-status span { margin-right: 2em; } .entry-date-at, .entry-date-on { visibility: hidden; display: none; } .entry .date, .entry .time { margin-left: 0.7em; }