CoolFace
Datasetpublic

SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
root11859.html
11859.html2039 linesDownload Raw Back to root
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "">2<html class="js" dir="ltr" version="XHTML+RDFa 1.0" xml:lang="en" xmlns="">3 <head>4  <style>5   /**6 * @package		Gantry Template Framework - RocketTheme7 * @version		@VERSION@ @BUILD_DATE@8 * @author		RocketTheme http://www.rockettheme.com9 * @copyright 	Copyright (C) 2007 - @COPYRIGHT_YEAR@ RocketTheme, LLC10 * @license		http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License11 */12 13/* Reset */14html, 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}15 16/* theme adjustments by firefrog */17.views-field.views-field-title .views-label.views-label-title {18	font-size: 1.5em;19}20.views-field.views-field-title .field-content {21	font-size: 1.5em;22}23 24 25/* Grid Container */26.rt-container {margin: 0 auto;width: 960px;}27body {min-width: 960px;}28 29/* Grid Block */30.rt-block {padding: 15px;margin-bottom: 10px;position: relative;}31#rt-content-top .rt-alpha, #rt-content-bottom .rt-alpha {margin-left: 0;}32#rt-content-top .rt-omega, #rt-content-bottom .rt-omega {margin-right: 0;}33 34/* Layout */35#rt-logo {width: 185px;height: 115px;display: block;}36#rt-content-top, #rt-content-bottom {overflow: hidden;}37#rocket {display: block;width: 110px;height: 15px;margin: 0 auto;}38#rt-copyright {text-align: center;}39 40/* Menu */41#rt-menu .rt-container {background: #666;height: 3em;}42#rt-menu ul.menu {list-style: none;margin: 0 10px;padding: 0;}43#rt-menu ul.menu li {float: left;padding: 0;background: none;}44#rt-menu ul.menu li a {font-weight: bold;line-height: 3em;display: block;padding: 0 15px;font-size: 1em;}45#rt-menu ul.menu ul {display: none;}46 47/* Typography */48body {font-size: 12px;line-height: 1.7em;font-family: Helvetica,Arial, Sans-Serif;}49body.font-size-is-xlarge {font-size: 15px;line-height: 1.7em;}50body.font-size-is-large {font-size: 14px;line-height: 1.7em;}51body.font-size-is-default {font-size: 12px;line-height: 1.7em;}52body.font-size-is-small {font-size: 11px;line-height: 1.7em;}53body.font-size-is-xsmall {font-size: 10px;line-height: 1.7em;}54form {margin: 0;padding: 0;}55p {margin: 0 0 15px 0;}56h1, h2, h3, h4, h5 {margin: 15px 0;line-height: 1.1em;}57h1 {font-size: 260%;}58h2 {font-size: 200%;}59h3 {font-size: 175%;}60h4 {font-size: 120%;}61h5 {font-size: 120%;}62h2.title {font-size: 170%;letter-spacing: -1px;line-height: 1em;}63a {text-decoration: none;outline: none;}64code {color: #000;margin: -1px 0 0 0;font: 10px Courier;}65blockquote {font: italic 16px/22px Georgia, Serif;}66.left-1, .left-2, .left-3, .left-4, .left-5, .left-6, .left-7, .left-8, .left-9, .left-10, .right-11 {float: left;margin-right: 50px;margin-bottom: 15px;display: inline;position: relative;}67.right-1, .right-2, .right-3, .right-4, .right-5, .right-6, .right-7, .right-8, .right-9, .right-10, .right-11 {float: right;margin-left: 50px;margin-bottom: 15px;display: inline;position: relative;}68.date-block {padding: 15px;}69 70/* Lists */71ul,ol {padding-left:15px;}72ul li {padding: 0;margin: 0;}73ul li a {font-size: 1.2em;line-height: 1.8em;}74ul ul {margin-left: 25px;padding: 5px 0;}75ul li.author {margin: 0;letter-spacing: 1px;list-style: none;font-weight: bold;text-align: right;}76ul li.date {margin: 0;letter-spacing: 1px;list-style: none;text-align: right;font-weight: bold;}77ul li.comments {list-style: none;text-align: right;font-weight: bold;}78ul li.author span, ul li.date span, ul li.comments span {display: block;font-weight: normal;margin-bottom: 10px;line-height: 1em;}79 80/* RTL */81body.rtl {direction: rtl;}82body.rtl #rt-menu ul.menu {float: right;}83body.rtl #rt-menu ul.menu li {float: right;}84 85/* Style */86html,body {margin-bottom:1px;}87body {background: #ddd;color: #444;}88h1, h2, h3, h4, h5, h6, legend {color: #000;}89#rt-header h2, #rt-bottom h2 {color: #aaa}90#rt-header, #rt-bottom {color: #aaa;}91.rt-container {background: #fff;} 92a {color: #cc0000;}93a:hover {color: #000;}94#rt-header .rt-container {background: #000 url(../images/header-assets.png) 50% -363px repeat-x;}95#rt-logo {background: url(../images/header-assets.png) 0 0 no-repeat;}96#rt-menu ul.menu li a {color: #fff;}97#rt-menu ul.menu li a:hover {background: #444;color: #fff;}98#rt-menu ul.menu li.active a, #rt-menu ul.menu li.active a:hover {background: #fff;color: #000;}99#rt-bottom .rt-container {background: #000 url(../images/header-assets.png) 50% -363px repeat-x;border-top: 4px solid #666;}100#rt-footer .rt-container, #rt-copyright .rt-container {background: #666;}101#rt-footer, #rt-copyright {color: #ccc;}102#rt-footer h2 {color: #fff;}103#rt-sidebar-a {background-color:#e0e0e0;}104#rt-sidebar-b {background-color:#e9e9e9;}105#rt-sidebar-c {background-color:#f0f0f0;}106#rocket {background: url(../images/rocket.png) 0 0 no-repeat;}107 108/* Clear Set */109html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}110.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}111.clearfix {display: inline-block;}112* html .clearfix {height: 1%;}113.clearfix {display: block;}114 115/* Debug only */116#debug #rt-main {overflow:hidden;border-bottom: 4px solid #666; margin-top:15px;position:relative}117#debug .status {position: absolute;background:#333;opacity:.3;padding:0px 15px;z-index:10000;color:#fff;font-weight:bold;font-size:150%}118 119 120/**121 * @version   3.1.17 September 8, 2011122 * @author    RocketTheme http://www.rockettheme.com123 * @copyright Copyright (C) 2007 - 2011 RocketTheme, LLC124 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only125 */126 127/* 12 Grid */128.rt-grid-1, .rt-grid-2, .rt-grid-3, .rt-grid-4, .rt-grid-5, .rt-grid-6, .rt-grid-7, .rt-grid-8, .rt-grid-9, .rt-grid-10, .rt-grid-11, .rt-grid-12 {display: inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}129.rt-container .rt-grid-1 {width: 60px;}130.rt-container .rt-grid-2 {width: 140px;}131.rt-container .rt-grid-3 {width: 220px;}132.rt-container .rt-grid-4 {width: 300px;}133.rt-container .rt-grid-5 {width: 380px;}134.rt-container .rt-grid-6 {width: 460px;}135.rt-container .rt-grid-7 {width: 540px;}136.rt-container .rt-grid-8 {width: 620px;}137.rt-container .rt-grid-9 {width: 700px;}138.rt-container .rt-grid-10 {width: 780px;}139.rt-container .rt-grid-11 {width: 860px;}140.rt-container .rt-grid-12 {width: 940px;}141 142/* Grid Push */143.rt-container .rt-push-1 {left: 80px;}144.rt-container .rt-push-2 {left: 160px;}145.rt-container .rt-push-3 {left: 240px;}146.rt-container .rt-push-4 {left: 320px;}147.rt-container .rt-push-5 {left: 400px;}148.rt-container .rt-push-6 {left: 480px;}149.rt-container .rt-push-7 {left: 560px;}150.rt-container .rt-push-8 {left: 640px;}151.rt-container .rt-push-9 {left: 720px;}152.rt-container .rt-push-10 {left: 800px;}153.rt-container .rt-push-11 {left: 880px;}154 155/* Grid Pull */156.rt-container .rt-pull-1 {left: -80px;}157.rt-container .rt-pull-2 {left: -160px;}158.rt-container .rt-pull-3 {left: -240px;}159.rt-container .rt-pull-4 {left: -320px;}160.rt-container .rt-pull-5 {left: -400px;}161.rt-container .rt-pull-6 {left: -480px;}162.rt-container .rt-pull-7 {left: -560px;}163.rt-container .rt-pull-8 {left: -640px;}164.rt-container .rt-pull-9 {left: -720px;}165.rt-container .rt-pull-10 {left: -800px;}166.rt-container .rt-pull-11 {left: -880px;}167 168/* Prefix for left nudging */169.rt-container .rt-prefix-1 {padding-left:80px;}170.rt-container .rt-prefix-2 {padding-left:160px;}171.rt-container .rt-prefix-3 {padding-left:240px;}172.rt-container .rt-prefix-4 {padding-left:320px;}173.rt-container .rt-prefix-5 {padding-left:400px;}174.rt-container .rt-prefix-6 {padding-left:480px;}175.rt-container .rt-prefix-7 {padding-left:560px;}176.rt-container .rt-prefix-8 {padding-left:640px;}177.rt-container .rt-prefix-9 {padding-left:720px;}178.rt-container .rt-prefix-10 {padding-left:800px;}179.rt-container .rt-prefix-11 {padding-left:880px;}180 181/* Extras */182.left-1, .right-1 {width: 30px;}183.left-2, .right-2 {width: 110px;}184.left-3, .right-3 {width: 190px;}185.left-4, .right-4 {width: 270px;}186.left-5, .right-5 {width: 350px;}187.left-6, .right-6 {width: 430px;}188.left-7, .right-7 {width: 510px;}189.left-8, .right-8 {width: 590px;}190.left-9, .right-9 {width: 670px;}191.left-10, .right-10 {width: 750px;}192.left-11, .right-11 {width: 830px;}193 194 195/**196 * @package		Gantry Template Framework - RocketTheme197 * @version		@VERSION@ @BUILD_DATE@198 * @author		RocketTheme http://www.rockettheme.com199 * @copyright 	Copyright (C) 2007 - @COPYRIGHT_YEAR@ RocketTheme, LLC200 * @license		http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License201 */202 203/* Headings */204.rt-joomla h1 {letter-spacing: -2px;}205.rt-joomla h2, .rt-joomla h3, .rt-joomla h4, .rt-joomla h5 {letter-spacing: -1px;}206.componentheading {font-weight: bold;display: block;margin-bottom: 15px;}207.contentheading {font-size: 140%;font-weight: bold;margin-bottom: 15px;display: block;}208 209/* Section Tables */210.sectiontableheader {font-weight: bold;padding: 3px;line-height: 25px;text-align: left;}211.sectiontablefooter {padding-bottom: 8px;}212tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 6px 5px;vertical-align: middle;}213tr.sectiontableentry0 td, td.sectiontableentry0, tr.sectiontableentry1 td, td.sectiontableentry1, tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}214.contentpane, .contentpaneopen {width: 100%;}215 216/* Column Layout */217.rt-joomla .float-left {float: left;}218.rt-joomla .float-right {float: right;}219.rt-joomla .width25 {width: 24.999%;}220.rt-joomla .width33 {width: 33.333%;}221.rt-joomla .width50 {width: 49.999%;}222.rt-joomla .width100 {width: 100%;}223 224/* Blog Layout */225.rt-joomla .rt-blog .rt-description {  margin: 10px 0px 15px 0px;padding-bottom: 20px;border-bottom: 1px #c8c8c8 dotted;}226.rt-joomla .rt-article {margin-bottom: 35px;}227.rt-joomla .rt-article-bg {padding-bottom: 5px;border-bottom: 1px #c8c8c8 dotted;}228.rt-joomla .multicolumns .rt-article {margin: 0px 15px 15px 15px;}229.rt-joomla .multicolumns .first .rt-article {margin-left: 0px;}230.rt-joomla .multicolumns .last .rt-article {margin-right: 0px;}231.rt-joomla .rt-article-links {margin: 10px 0px 10px 0px;}232 233/* Article Layout */234.rt-joomla h1.rt-article-title {width: auto;}235.rt-joomla span.edit {margin-left: 10px;float: left;}236.rt-joomla .rt-articleinfo {margin-bottom: 15px;}237.rt-joomla .rt-articleinfo span.modified, .rt-joomla .rt-articleinfo span.author, .rt-joomla .rt-articleinfo span.created, .rt-joomla .rt-articleinfo span.url {display: block;font-size: 95%;}238.rt-joomla .rt-articleinfo span.author {color: #969696;font-style: italic;}239.rt-joomla .rt-articleinfo span.created {font-weight: bold;}240.rt-joomla .rt-description {margin: 10px 0px 10px 0px;overflow: hidden;}241.rt-description img.left {margin-right: 15px;float: left;}242.rt-description img.right {margin-left: 15px;float: right;}243.rt-joomla .filter {margin: 10px 0px;}244.rt-joomla span.number {color: #969696;font-style: italic;}245.rt-joomla .rt-article-icons {width: 65px;overflow: hidden;float: right;}246.rt-joomla .icon {display:block;width:16px;height:16px;float: right;margin-left:3px;background-image: url(../images/typography.png);background-repeat: no-repeat;}247.rt-joomla .printscreen {display: none;}248.rt-joomla .print {background-position: 0 0;}249.rt-joomla .email {background-position: -16px 0;}250.rt-joomla .pdf {background-position: -32px 0;}251.rt-joomla .edit {background-position: -48px 0;margin-left: 0 !important;margin-right:5px;}252.rt-joomla .edit img {opacity: 0;}253.rt-joomla .rt-article-cat {font-weight: bold;margin-top: 15px;margin-bottom: 0;}254.rt-pagination {text-align: center;}255.rt-pagination .tab {display: inline-block;margin-right: 8px;}256.rt-pagination .tab .page-active {background: none;}257.rt-pagination .page-block {display: inline-block;margin-right: 4px;font-weight: bold;}258.rt-pagination .page-active, .rt-pagination .page-inactive {padding: 0 4px;}259.rt-pagination .page-inactive:hover {cursor: pointer;}260.rt-pagination .rt-results {margin-bottom: 5px;}261 262/* Editing */263.rt-joomla .edit-article fieldset {margin-bottom: 30px;}264.rt-joomla .edit-article fieldset div {overflow: hidden;margin-bottom: 5px;}265.rt-joomla .edit-article label.label-left {display: block;width: 150px;float: left;}266.rt-joomla .edit-article .save {margin: 0px;float: right;}267.rt-joomla .edit-article #editor-xtd-buttons {margin-bottom: 0px;overflow: hidden;}268.rt-joomla .edit-article #editor-xtd-buttons div {margin: 0px;}269.rt-joomla .edit-article #editor-xtd-buttons .button2-left {margin-right: 5px;}270.rt-joomla .edit-article #editor-xtd-buttons a:link, .rt-joomla .edit-article #editor-xtd-buttons a:visited, .rt-joomla .edit-article #editor-xtd-buttons a:hover {color: #323232;}271.rt-joomla .edit-article .inputbox, .rt-joomla .edit-article textarea {border: 1px solid #ddd;}272 273/* User */274#form-login .inputbox, #com-form-login .inputbox, #josForm .inputbox {border: 1px solid #ddd;font-size: 1.2em;padding: 2px;margin: 0;}275#com-form-login fieldset div, #josForm fieldset div {margin-bottom: 10px;}276#form-login ul {margin-top: 10px;}277#form-login p {margin-bottom: 10px;}278#form-login .user-greeting {font-weight: bold;font-size: 120%;margin-bottom: 15px;}279.rt-joomla .user label.label-left, .rt-joomla .user span.label-left {display: block;width: 130px;float: left;font-weight: bold;font-size: 120%;}280.col12 .rt-grid-2 #form-login .inputbox, .col12 .rt-grid-2 #user-login-form .form-text {width: 104px;}281.col12 .rt-grid-3 #form-login .inputbox, .col12 .rt-grid-3 #user-login-form .form-text {width: 184px;}282.col12 .rt-grid-4 #form-login .inputbox, .col12 .rt-grid-4 #user-login-form .form-text {width: 264px;}283.col12 .rt-grid-5 #form-login .inputbox, .col12 .rt-grid-5 #user-login-form .form-text {width: 344px;}284.col12 .rt-grid-6 #form-login .inputbox, .col12 .rt-grid-6 #user-login-form .form-text {width: 424px;}285.col12 .rt-grid-7 #form-login .inputbox, .col12 .rt-grid-7 #user-login-form .form-text {width: 504px;}286.col12 .rt-grid-8 #form-login .inputbox, .col12 .rt-grid-8 #user-login-form .form-text {width: 584px;}287.col12 .rt-grid-9 #form-login .inputbox, .col12 .rt-grid-9 #user-login-form .form-text {width: 664px;}288.col12 .rt-grid-10 #form-login .inputbox, .col12 .rt-grid-10 #user-login-form .form-text {width: 744px;}289.col12 .rt-grid-12 #form-login .inputbox, .col12 .rt-grid-12 #user-login-form .form-text {width: 904px;}290.col16 .rt-grid-2 #form-login .inputbox {width: 64px;}291.col16 .rt-grid-3 #form-login .inputbox {width: 124px;}292.col16 .rt-grid-4 #form-login .inputbox {width: 184px;}293.col16 .rt-grid-5 #form-login .inputbox {width: 244px;}294.col16 .rt-grid-6 #form-login .inputbox {width: 304px;}295.col16 .rt-grid-7 #form-login .inputbox {width: 364px;}296.col16 .rt-grid-8 #form-login .inputbox {width: 424px;}297.col16 .rt-grid-9 #form-login .inputbox {width: 484px;}298.col16 .rt-grid-10 #form-login .inputbox {width: 544px;}299.col16 .rt-grid-11 #form-login .inputbox {width: 604px;}300.col16 .rt-grid-12 #form-login .inputbox {width: 664px;}301.col16 .rt-grid-13 #form-login .inputbox {width: 724px;}302.col16 .rt-grid-14 #form-login .inputbox {width: 784px;}303.col16 .rt-grid-15 #form-login .inputbox {width: 844px;}304 305/* Contact */306.rt-joomla .contact h1 {margin-bottom: 0px;font-size: 250%;font-weight: normal;letter-spacing: -1px;}307.rt-joomla .contact h2 {margin-bottom: 10px;font-size: 120%;font-weight: normal;text-transform: uppercase;letter-spacing: 0px;}308.rt-joomla .contact .image {float: right;}309.rt-joomla .contact table {margin-bottom: 10px;}310.rt-joomla .contact label.label-top {display: block;}311.contact .icon {float: left; width: 40px;}312.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address {overflow: hidden;}313.contact .other .surround {margin-top: 5px;}314.contact .vcard {margin-top: 15px;}315.rt-joomla .contact .inputbox {border: 1px solid #ddd;font-size: 1.2em;padding: 2px;margin: 0;}316.rt-joomla .contact .label-top {display: block;font-weight: bold;font-size: 120%;}317.rt-joomla .contact fieldset div {margin-bottom: 10px;}318 319/* Weblinks */320.rt-joomla .weblinks fieldset div {overflow: hidden;}321.rt-joomla .weblinks label.label-left {display: block;width: 150px;float: left;}322 323/* Search */324.rt-joomla .search p.info {margin: 0px;color: #969696;font-style: italic;}325.rt-joomla .search span.highlight {background: #ffffaa;}326.rt-joomla .search_result {margin-top: 15px;}327.rt-joomla .search_result .inputbox {border: 1px solid #ddd;font-size: 1.2em;padding: 2px;margin: 0;}328.rt-joomla .search_result fieldset.word label {display: block;width: 130px;float: left;font-weight: bold;font-size: 120%;}329.rt-joomla .search_result fieldset {margin-bottom: 15px;}330.rt-joomla .search_result .phrase legend, .rt-joomla .search_result .only legend {line-height: 30px;font-weight: bold;}331 332/* Polls */333dl.poll dt {padding-top: 8px;text-transform: uppercase;font-size: 90%;}334dl.poll dd {font-weight: bold;padding-bottom: 8px;border-bottom: 1px solid #eaeaea;font-size: 120%;}335poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 {border: solid 1px;position: relative;}336.rt-poll h3 {border: solid 0;margin: 20px 0;}337.rt-poll .td_2 {width: 100px;}338.rt-poll .td_3 {width: 300px;}339.rt-poll form {margin: 20px 0;}340.rt-poll table {font-size: 1em;width: 100%;border: solid 0;position: relative;}341.rt-poll table .td_1 {width: 30px;}342.rt-poll table caption {color: #93246F;font-size: 1em;font-weight: bold;margin: 10px 0;text-align:left;}343.rt-poll td {border: solid 1px #eaeaea;padding: 2px 5px;}344.rt-poll td.line {width: 300px;}345.rt-poll th {background: #eee;border: solid 1px #ddd;text-transform: uppercase;}346.rt-poll .question {font-weight: bold;font-size: 110%;}347.rt-poll .rt-pollrow {padding: 6px 0 8px 0;font-size: 110%;}348.rt-poll .rt-pollbuttons {padding: 0;overflow: hidden;margin-top: 20px;}349.rt-poll .readon {float: left;margin-right: 5px;}350 351/* Newsflash */352.module-newsflash {overflow: hidden;}353.module-newsflash .rt-article {padding-bottom: 15px;overflow: hidden;}354.module-newsflash .last {padding-bottom: 0px;}355 356/* Other */357.rt-joomla .categorylist input {border: 1px solid #ddd;font-size: 1.2em;padding: 2px;margin: 0;}358.rt-joomla th {padding: 5px;background: #ebebeb;border-bottom: 2px solid #ddd;font-weight : bold;}359.rt-joomla tr.even td {padding: 5px;background: #f0f0f0;border-bottom: 1px solid #ddd;}360.rt-joomla tr.odd td {padding: 5px;background: #fafafa;border-bottom: 1px solid #ddd;}361.rt-breadcrumb-surround {margin: 0;display: block;position:relative;overflow: hidden;height: 20px;padding: 15px 25px;}362 363/* Tooltips */364.tool-tip {float: left;background: #ffc;border: 1px solid #D4D5AA;padding: 5px;max-width: 200px;color: #323232;}365.tool-title {padding: 0;margin: 0;font-size: 100%;font-weight: bold;margin-top: -15px;padding-top: 15px;padding-bottom: 5px;background: url(../../system/images/selector-arrow.png) no-repeat;}366.tool-text {font-size: 100%;margin: 0;}367 368/* System Messages */369/* OpenID icon style */370input.system-openid, input.com-system-openid { background: url(http://openid.net/images/login-bg.gif) no-repeat;background-color: #fff;background-position: 0 50%;color: #000;padding-left: 18px;}371 372 373/* Unpublished */374.system-unpublished {background: #e8edf1;border-top: 4px solid #c4d3df;border-bottom: 4px solid #c4d3df;375}376 377/* System Messages */378#system-message { margin-bottom: 10px; padding: 0;}379#system-message dt { font-weight: bold; }380#system-message dd { margin: 0; font-weight: bold; }381#system-message dd ul { background: #BFD3E6; color: #0055BB; margin: 10px 0 10px 0; list-style: none; padding: 10px; border: 2px solid #84A7DB;}382 383/* System Standard Messages */384#system-message dt.message { display: none; }385 386/* System Error Messages */387#system-message dt.error { display: none; }388#system-message dd.error ul { color: #c00; background-color: #EBC8C9; border: 2px solid #DE7A7B;}389 390/* System Notice Messages */391#system-message dt.notice { display: none; }392#system-message dd.notice ul { color: #A08B4C; background: #F5ECC1; border: 2px solid #F0DC7E;}393 394/* Debug */395#system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }396#system-debug div { font-size: 11px;}397 398 399/**400 * @package   Quasar Template - RocketTheme401 * @version   1.5.3 June 10, 2010402 * @author    RocketTheme http://www.rockettheme.com403 * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC404 * @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License405 */406/* Core */407body {background: #fff;color: #999;}408a:hover {color: #fff;}409h1, h2, h3, h4, h5 {color: #ccc;}410 411/* Top */412#rt-top {background: #0f0f0f url(../images/backgrounds/style1/header-bg.png) 100% 0;}413#rt-top .search .inputbox, #rt-top .form-item .form-text {background: url(../images/backgrounds/style1/search-bg.png) 0 0 no-repeat;color: #999;}414#rt-top .title span {color: #ccc;}415 416/* Header */417#rt-logo {background: url(../images/logo/style1/logo.png) 0 0 no-repeat;}418#rt-header {background: #0f0f0f url(../images/backgrounds/style1/header-bg.png) 100% 0;}419#rt-header2 {background: url(../images/backgrounds/style1/header-div.png) 50% 100% repeat-x;}420#rt-header3 {background: url(../images/backgrounds/style1/header-div.png) 50% 0 repeat-x;}421.backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {background: url(../images/backgrounds/style1/header-underlay.png) 50% 0 no-repeat;}422#rt-header .title span {color: #ccc;}423 424/* Top Menu */425#rt-header ul.menu li > a, #rt-header ul.menu li > .separator {color: #999;}426#rt-header ul.menu li.active > a, #rt-header ul.menu li:hover > a, #rt-header ul.menu li.active > .separator, #rt-header ul.menu li:hover > .separator {background: url(../images/menus/style1/menutab-r.png) 100% 0 no-repeat;color: #fff;}427#rt-header ul.menu li.active > a span, #rt-header ul.menu li:hover > a span, #rt-header ul.menu li.active > .separator span, #rt-header ul.menu li:hover > .separator span {background: url(../images/menus/style1/menutab-l.png) 0 0 no-repeat;}428 429/* Menu Dropdowns */430#rt-header li ul {background: #222;border: 1px solid #333;}431 432/* Showcase */433#rt-showcase {background: #0f0f0f url(../images/backgrounds/style1/header-bg.png) 100% 0;color: #aaa;}434#rt-showcase .showcase-title {color: #999;text-shadow: -1px -2px #000;}435#rt-showcase .showcase-title span {text-shadow: -1px -2px #000;}436#rt-showcase .title span {color: #ccc;}437 438/* Feature */439#rt-feature {background: #0f0f0f url(../images/backgrounds/style1/header-bg.png) 100% 0;}440#rt-feature .title span {color: #ccc;}441 442/* Main Body */443#rt-toptab {background: #0f0f0f url(../images/backgrounds/style1/header-bg.png) 100% 0;}444#rt-toptab .toptab {background: url(../images/body/style1/toptab-r.png) 100% 0 no-repeat;}445#rt-toptab .toptab2 {background: url(../images/body/style1/toptab-l.png) 0 0 no-repeat;color: #999;}446.backgroundlevel-high #rt-toptab .shadow, .backgroundlevel-med #rt-toptab .shadow {background: url(../images/backgrounds/style1/showcase-shadow.png) 50% 100% no-repeat;}447#rt-content-top {background: url(../images/body/style1/body-div.png) 50% 100% repeat-x;}448#rt-main-surround {background: #222 url(../images/backgrounds/style1/body-bg.png) 50% 0 repeat-x;}449#rt-main-surround .title span, #rt-main-surround .rt-article-title span {color: #ccc;}450#rt-main-surround .readon span, #rt-main-surround .readon .button {color: #999;}451#rt-main-surround .readon:hover span, #rt-main-surround .readon:hover .button {color: #fff;}452#form-login ul li a, #com-form-login ul li a, ul.rt-more-articles li a, .rt-section-list ul li a  {background-image: url(../images/body/style1/arrows.png);background-repeat: no-repeat;}453 454/* Modules455.icon1 .module-icon, .icon2 .module-icon, .icon3 .module-icon, .icon4 .module-icon {background-image: url(../images/body/style1/module-icons.png);background-repeat: no-repeat;} */456 457/* new listing */458.new-listing {border:1px solid #3D9FD0;}459 460/* Side Menu */461#rt-main-surround ul.menu li {background: url(../images/body/style1/body-div.png) 50% 100% repeat-x;}462#rt-main-surround ul.menu li a, #rt-main-surround ul.menu li .separator, #rt-main-surround ul.menu li .item {background: url(../images/body/style1/arrows.png) 5px 10px no-repeat;color: #999;}463#rt-main-surround ul.menu li.active > a, #rt-main-surround ul.menu li > a:hover, #rt-main-surround ul.menu li.active > .separator {color: #fff;}464 465/* Bottom */466#rt-bottom {background: #699714 url(../images/backgrounds/style1/bottom-bg.png) 50% 0 repeat-x;color: #fff;}467#rt-bottom .title {color: #000;}468#rt-bottom .title span {color: #fff;}469#rt-bottom .readon span, #rt-bottom .readon .button {color: #597C16;}470#rt-bottom .readon:hover span, #rt-bottom .readon .button {color: #333;}471#rt-bottomtab {background: #222;}472#rt-bottomtab .bottomtab {background: url(../images/body/style1/bottomtab-r.png) 100% 0 no-repeat;}473#rt-bottomtab .bottomtab2 {background: url(../images/body/style1/bottomtab-l.png) 0 0 no-repeat;color: #fff;}474 475/* Footer */476#rt-footer {color: #666;}477#rt-footer a:hover {color: #000;}478#rt-footer .title {color: #777;}479#rt-footer .title span {color: #333;}480#rt-footer .readon span, #rt-footer .readon .button {color: #333;}481#rt-footer .readon:hover span, #rt-footer .readon:hover .button {color: #000;}482#rt-copyright {color: #999;}483#rt-copyright a:hover {color: #000;}484#rt-copyright .rt-container {border-top: 1px solid #ddd;}485#rocket, #gantry-logo {background: url(../images/body/style1/footer-assets.png) 0 0 no-repeat;}486 487/* Typography */488.readon {background: url(../images/body/style1/readon-r.png) 100% 0 no-repeat;}489.readon span, .readon .button {background: url(../images/body/style1/readon-l.png) 0 0 no-repeat;color: #999;}490.readon:hover span, .readon:hover .button {color: #fff;}491.rt-pagetitle {color: #ccc;}492#rt-accessibility a.small .button, #rt-accessibility a.large .button, #rt-accessibility a.small:hover .button, #rt-accessibility a.large:hover .button {background-image: url(../images/body/style1/fontsizer.png);background-repeat: no-repeat;}493.rokradios, .rokchecks, .rokradios-active, .rokchecks-active {background-image: url(../images/body/style1/inputs.png);}494#rt-breadcrumbs {background: #222;}495#breadcrumbs-home {background: url(../images/body/style1/typography.png) 0 -23px no-repeat;}496span.breadcrumbs img {background: url(../images/body/style1/arrows.png) 50% 4px no-repeat;}497 498/* Joomla Specific */499.rt-joomla .icon {background-image: url(../images/body/style1/typography.png);}500.rt-pollrow {background: url(../images/body/style1/body-div.png) 50% 100% repeat-x;}501.rt-joomla .categorylist input {border: 1px solid #555;background: #444;color: #ccc;}502#rt-main-surround .rt-joomla .inputbox {border: 1px solid #555;background: #444;color: #ccc;}503.rt-joomla .search_result .phrase legend, .rt-joomla .search_result .only legend {color: #999;}504.rt-joomla legend {color: #999;}505.rt-joomla label {color: #999;}506.rt-joomla-table {color: #999;}507.rt-joomla th {background: #444;border-bottom: 1px solid #555;}508.rt-joomla tr.even td {padding: 5px;background: #393939;border-bottom: 1px solid #555;}509.rt-joomla tr.odd td {padding: 5px;background: #292929;border-bottom: 1px solid #555;}510#form-login .inputbox, #com-form-login .inputbox, #josForm .inputbox {background: #444;border: 1px solid #555;color: #ccc;}511.rt-joomla .edit-article fieldset legend {color: #ccc;}512.rt-joomla .edit-article textarea {background: #444;border: 1px solid #555;color: #ccc;}513.rt-joomla .edit-article #editor-xtd-buttons a:link, .rt-joomla .edit-article #editor-xtd-buttons a:visited {color: #ccc;}514.rt-joomla .user {margin-top: 15px;}515.rt-joomla .user legend {color: #ccc;text-transform: none;margin-top: 15px;}516.button2-left a, .button2-right a, .button2-left span, .button2-right span {color: #ccc;}517.button2-left span, .button2-right span {color: #ccc;}518.button2-left a:hover, .button2-right a:hover {color: #fff !important;}519.button2-left {background: url(../images/system/dark/j_button2_left.png) no-repeat;color: #ccc;}520.button2-right {background: url(../images/system/dark/j_button2_right.png) 100% 0 no-repeat;color: #ccc;}521.button2-left .image {background: url(../images/system/dark/j_button2_image.png) 100% 0 no-repeat;}522.button2-left .readmore {background: url(../images/system/dark/j_button2_readmore.png) 100% 0 no-repeat;}523.button2-left .pagebreak {background: url(../images/system/dark/j_button2_pagebreak.png) 100% 0 no-repeat;}524.button2-left .blank {background: url(../images/system/dark/j_button2_blank.png) 100% 0 no-repeat;}525body .button2-left .linkmacro {background: url(../images/system/dark/j_button2_rokcandy.png) 100% 0 no-repeat;}526.button2-left .blank a {color: #ccc;}527 528/* RTL */529body.rtl #rt-top .search .inputbox {background: url(../images/backgrounds/style1/search-bg-rtl.png) 0 0 no-repeat;}530body.rtl #form-login ul li a, body.rtl #com-form-login ul li a, body.rtl ul.rt-more-articles li a, body.rtl .rt-section-list ul li a  {background-image: url(../images/body/style1/arrows-rtl.png);}531body.rtl #rt-main-surround ul.menu li a, body.rtl #rt-main-surround ul.menu li .separator, body.rtl #rt-main-surround ul.menu li .item {background: url(../images/body/style1/arrows-rtl.png) 100% 10px no-repeat;}532body.rtl span.breadcrumbs img {background: url(../images/body/style1/arrows-rtl.png) 50% 4px no-repeat;}533body.rtl .readon {background: url(../images/body/style1/readon-r-rtl.png) 100% 0 no-repeat;}534body.rtl .readon span, body.rtl .readon .button {background: url(../images/body/style1/readon-l-rtl.png) 0 0 no-repeat;}535 536 537/**538 * @package   Quasar Template - RocketTheme539 * @version   1.5.3 June 10, 2010540 * @author    RocketTheme http://www.rockettheme.com541 * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC542 * @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License543 */544/* Core */545body {font-family: Helvetica,Arial,sans-serif;min-width: 960px;}546.font-family-optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}547.font-family-geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}548.font-family-helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}549.font-family-lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}550.font-family-georgia {font-family: Georgia, sans-serif;}551.font-family-trebuchet {font-family: "Trebuchet MS", sans-serif;}552.font-family-palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}553#rt-menu .rt-container, #rt-top .rt-container, #rt-showcase .rt-container, #rt-feature .rt-container, #rt-main .rt-container, #rt-bottom .rt-container, #rt-footer .rt-container, #rt-copyright .rt-container, #rt-maintop .rt-container, #rt-mainbottom .rt-container, #rt-breadcrumbs .rt-container, #rt-header .rt-container, #rt-toptab .rt-container, #rt-bottomtab .rt-container {background: transparent;}554.title {font-weight: normal;}555ul {list-style: none;padding-left: 0;}556ul li {list-style: square;margin-left: 15px;}557 558/* Top */559#rt-top .search .inputbox, #rt-top .form-item .form-text {width: 236px;height: 20px;line-height: 16px;border: 0;padding: 3px 0 0 5px;}560#rt-top .search, #rt-top .container-inline {text-align: right;}561 562/* Header */563#rt-header {position: relative;z-index: 2;}564#rt-header .rt-block {margin-bottom: 0;}565#rt-header4 {padding: 5px 0;}566#rt-logo {width: 236px;height: 49px;display: block;}567 568/* Top Menu */569#rt-header ul {margin: 0;padding: 0;float: right;position: relative;z-index: 1000;}570#rt-header ul li {padding: 0;margin-left: 4px;margin-bottom: 4px;list-style: none;float: left;position: relative;}571#rt-header ul li a, #rt-header ul li .separator {display: block;height: 29px;line-height: 28px;margin-left: 8px;cursor: pointer;z-index: 100;position: relative;}572#rt-header ul li a span, #rt-header ul li .separator span {display: block;padding: 0 10px;height: 29px;line-height: 28px;margin-left: -8px;font-size: 14px;}573#rt-header li ul li.parent {background: url(../images/parent.png) 97% 12px no-repeat;}574 575/* Menu Dropdowns */576#rt-header li ul {position:absolute;width:200px;top:-999em;left: auto;padding: 10px 0;}577#rt-header li ul ul {margin: 0;}578#rt-header li:hover ul ul, #rt-header li:hover ul ul ul, #rt-header li:hover ul ul ul ul {top:-999em;left: auto;}579#rt-header li li {margin: 0;padding: 0 10px 0 18px;height:auto;width:172px;}580#rt-header li li a, #rt-header li li.active a, #rt-header li li a:hover, #rt-header li li .separator, #rt-header li li.active .separator {margin:0;padding: 0;height: auto;float: none;width: auto;line-height:20px;display: block;}581#rt-header li li a span, #rt-header li li.active a span, #rt-header li li a:hover span, #rt-header li li .separator span, #rt-header li li.active .separator span {width: auto;display: block;line-height: 20px;text-transform: none;padding: 5px 5px 0 10px;}582#rt-header li li a, #rt-header li.active li a, #rt-header li li .separator, #rt-header li.active li .separator {font-weight:normal;}583#rt-header li:hover ul {left: 0;top: 29px;}584#rt-header li li:hover ul, #rt-header li li li:hover ul, #rt-header li li li li:hover ul {left:200px;top: -11px;}585 586/* Showcase */587#rt-showcase {position: relative;z-index: 1;}588#rt-showcase .showcase-title {font-size: 3.8em;line-height: 1em;font-weight: bold;margin-top: 15px;}589 590/* Main Body */591#rt-toptab .rt-block {padding: 15px 0 0 0;margin: 0;}592#rt-toptab .toptab, #rt-toptab .toptab2 {height: 34px;display: inline-block;}593#rt-toptab .toptab {margin-left: 25px;}594#rt-toptab .toptab2 {padding: 0 25px;line-height: 34px;font-size: 18px;margin-left: -25px;}595#rt-main-surround .rt-article-title {text-transform: none;margin: 0;display: block;font-size: 180%;letter-spacing: normal;}596#rt-sidebar-a, #rt-sidebar-b, #rt-sidebar-c {background-color: transparent;}597#rt-main-surround {overflow: hidden;}598#form-login ul li a, #com-form-login ul li a, ul.rt-more-articles li a, .rt-section-list ul li a {background-position: 0 2px;padding-left: 15px;}599#form-login ul li a:hover, #com-form-login ul li a:hover, ul.rt-more-articles li a:hover, .rt-section-list ul li a:hover {background-position: 0 -453px;}600 601/* Side Menus */602#rt-main-surround ul.menu {padding-left: 0;}603#rt-main-surround ul.menu li {list-style: none;margin-left: 0;}604#rt-main-surround ul.menu a, #rt-main-surround ul.menu .separator, #rt-main-surround ul.menu .item {display: block;text-indent: 0;overflow: hidden;font-size: 120%;font-weight: normal;padding: 4px 0 8px 20px;line-height: 1.8em;}605#rt-main-surround ul.menu li.active > a, #rt-main-surround ul.menu li.active > .separator, #rt-main-surround ul.menu li.active > .item {font-weight: bold;}606#rt-main-surround ul.menu li li {padding: 0;margin: 0;font-size: 95%;background: none;border: none;}607#rt-main-surround .menu .subtext em {line-height: 14px;}608#rt-main-surround .menu em {display: block;font-size:80%;font-style: normal;font-weight: normal;}609#rt-main-surround ul.menu li a:hover, #rt-main-surround ul.menu li .separator:hover, #rt-main-surround ul.menu li .item:hover, #rt-main-surround ul.menu li.active > a, #rt-main-surround ul.menu li.active > .separator, #rt-main-surround ul.menu li.active > .item {background-position: 5px -445px;}610 611/* Modules */612.module-title {margin: 15px 0;}613h2.title {display: block;letter-spacing: normal;line-height: 1em;margin: 0;}614.flush .rt-block {padding: 0;}615.icon1 .module-surround, .icon2 .module-surround, .icon3 .module-surround, .icon4 .module-surround {padding-left: 60px;position: relative;}616.module-icon {width: 45px;height: 41px;position: absolute;left: 0;top: 0;}617.icon1 .module-icon {background-position: 0 0;}618.icon2 .module-icon {background-position: 0 -44px;}619.icon3 .module-icon {background-position: 0 -87px;}620.icon4 .module-icon {background-position: 0 -129px;}621 622/* Bottom */623#rt-bottom .rt-container {border: 0;}624#rt-bottomtab .rt-block {padding: 15px 0 0 0;margin: 0;}625#rt-bottomtab .bottomtab, #rt-bottomtab .bottomtab2 {height: 34px;display: inline-block;}626#rt-bottomtab .bottomtab2 {padding: 0 25px;line-height: 34px;font-size: 18px;}627 628/* Footer */629#powered-by {margin:10px 0;}630#rocket {display:inline-block;width: 148px;height: 23px;margin:0 20px 0 5px;vertical-align:middle;}631#gantry-logo {display:inline-block;width: 102px;height: 27px;margin:0 10px 0 0px;vertical-align:middle;background-position: 0 -24px;}632#rt-copyright {text-align: left;}633#gantry-totop, #gantry-totop span {height: 34px;display: inline-block;position: absolute;bottom: 0;right: 0;cursor: pointer;}634#gantry-totop span {padding: 0 25px;line-height: 34px;text-align: center;white-space: nowrap;}635#gantry-resetsettings {margin-left:15px;margin-bottom:5px;display:block;float:left;}636 637/* Typography */638.readon {display: inline-block;margin-left: 8px;height: 30px;}639.readon span, .readon .button {display: block;margin-left: -8px;padding: 0 18px 0 10px;border: 0;font-size: 13px;cursor: pointer;height: 30px;line-height: 30px;float: left;}640.readon:hover {background-position: 100% -30px;}641.readon:hover span, .readon:hover .button {background-position: 0 -30px;}642#rt-bottom .readon {background-position: 100% -60px;}643#rt-bottom .readon span, #rt-bottom .readon .button {background-position: 0 -60px;}644#rt-bottom .readon:hover {background-position: 100% -90px;}645#rt-bottom .readon:hover span, #rt-bottom .readon:hover .button {background-position: 0 -90px;}646#rt-footer .readon {background-position: 100% -120px;}647#rt-footer .readon span, #rt-footer .readon .button {background-position: 0 -120px;}648#rt-footer .readon:hover {background-position: 100% -150px;}649#rt-footer .readon:hover span, #rt-footer .readon:hover .button {background-position: 0 -150px;}650#rt-accessibility .rt-desc {display: block;float: left;text-align: left;margin-right: 5px;font-size: 12px;font-weight: bold;}651#rt-accessibility #rt-buttons {float: left;}652#rt-accessibility .button {display: block;width: 14px;height: 8px;}653#rt-accessibility a.large .button {background-position: 0 0;margin-bottom: 4px;}654#rt-accessibility a.large:hover .button {background-position: -15px 0;}655#rt-accessibility a.small .button {background-position: 0 -11px;}656#rt-accessibility a.small:hover .button {background-position: -15px -11px;}657.rokradios, .rokchecks {padding: 1px 5px 7px 24px;line-height: 120%;}658.rokradios {background-position: 0 0;background-repeat: no-repeat;}659.rokradios-active {background-position: 0 -211px;background-repeat: no-repeat;}660.rokchecks {background-position: 0 -423px;background-repeat: no-repeat;}661.rokchecks-active {background-position: 0 -634px;background-repeat: no-repeat;}662.date-block .date {font-size: 110%;}663#rt-breadcrumbs {margin-top: 10px;}664#breadcrumbs-home {width: 15px;height: 15px;display: block;float: left;margin-top: 4px;}665#breadcrumbs h3, .leading_separator {display: none;}666span.breadcrumbs {display: block;font-size: 110%;font-weight: bold;overflow: hidden;}667span.breadcrumbs img {width: 12px;height: 23px;float: left;}668span.breadcrumbs a, span.no-link {padding: 0 10px;float: left;display: block;height: 23px;line-height: 20px;}669.floatleft {float: left;margin-right: 25px;margin-bottom: 25px;}670.floatright {float: right;margin-left: 25px;margin-bottom: 25px;}671 672/* RTL */673body.rtl #rt-top .search .inputbox {padding: 3px 5px 0 0;}674body.rtl #rt-top .search {text-align: right;}675body.rtl #rt-header ul {float: left;}676body.rtl #rt-header ul li {float: right;}677body.rtl #rt-header li ul li.parent {background: url(../images/parent-rtl.png) 5px 12px no-repeat;}678body.rtl #rt-header li ul {position:absolute;width:200px;top:-999em;left: auto;padding: 10px 0;}679body.rtl #rt-header li ul ul {margin: 0;}680body.rtl #rt-header li:hover ul ul, body.rtl #rt-header li:hover ul ul ul, body.rtl #rt-header li:hover ul ul ul ul {top:-999em;left: auto;}681body.rtl #rt-header li li {margin: 0;padding: 0 10px 0 18px;height:auto;width:172px;}682body.rtl #rt-header li li a, body.rtl #rt-header li li.active a, body.rtl #rt-header li li a:hover, body.rtl #rt-header li li .separator, body.rtl #rt-header li li.active .separator {margin:0;padding: 0;height: auto;float: none;width: auto;line-height:20px;display: block;}683body.rtl #rt-header li li a span, body.rtl #rt-header li li.active a span, body.rtl #rt-header li li a:hover span, body.rtl #rt-header li li .separator span, body.rtl #rt-header li li.active .separator span {width: auto;display: block;line-height: 20px;text-transform: none;padding: 5px 5px 0 10px;}684body.rtl #rt-header li li a, body.rtl #rt-header li.active li a, body.rtl #rt-header li li .separator, body.rtl #rt-header li.active li .separator {font-weight:normal;}685body.rtl #rt-header li:hover ul {top: 29px;right: 0;}686body.rtl #rt-header li li:hover ul, body.rtl #rt-header li li li:hover ul, body.rtl #rt-header li li li li:hover ul {top: -11px;right: 200px;}687body.rtl #form-login ul li a, body.rtl #com-form-login ul li a, body.rtl ul.rt-more-articles li a, body.rtl .rt-section-list ul li a {background-position: 100% 2px;padding-left: 15px;}688body.rtl #form-login ul li a:hover, body.rtl #com-form-login ul li a:hover, body.rtl ul.rt-more-articles li a:hover, body.rtl .rt-section-list ul li a:hover {background-position: 100% -453px;}689body.rtl #rt-main-surround ul.menu ul {margin-right: 25px;margin-left: 0;}690body.rtl #rt-main-surround ul.menu a, body.rtl #rt-main-surround ul.menu .separator, body.rtl #rt-main-surround ul.menu .item {padding: 4px 20px 8px 0;}691body.rtl #rt-main-surround ul.menu li a, body.rtl #rt-main-surround ul.menu li .separator, body.rtl #rt-main-surround ul.menu li .item {background-position: 100% 10px;}692body.rtl #rt-main-surround ul.menu li a:hover, body.rtl #rt-main-surround ul.menu li .separator:hover, body.rtl #rt-main-surround ul.menu li .item:hover, body.rtl #rt-main-surround ul.menu li.active > a, body.rtl #rt-main-surround ul.menu li.active > .separator, body.rtl #rt-main-surround ul.menu li.active > .item {background-position: 100% -445px;}693body.rtl .icon1 .module-surround, body.rtl .icon2 .module-surround, body.rtl .icon3 .module-surround, body.rtl .icon4 .module-surround {padding-left: 0;padding-right: 60px;}694body.rtl .module-icon {left: auto;right: 0;}695body.rtl #rocket {margin:0 5px 0 20px;}696body.rtl #gantry-logo {margin:0 0 0 10px;}697body.rtl #rt-copyright {text-align: right;}698body.rtl #gantry-totop, body.rtl #gantry-totop span {right: auto;left: 0;}699body.rtl #gantry-resetsettings {margin-left: 0;margin-right: 15px;float: right;}700body.rtl #rt-accessibility .rt-desc {float: right;text-align: right;margin-right: 0;margin-left: 5px;}701body.rtl #rt-accessibility #rt-buttons {float: right;}702body.rtl .rokradios, body.rtl .rokchecks {padding: 1px 24px 7px 5px;}703body.rtl .rokradios {background-position: 100% 0;}704body.rtl .rokradios-active {background-position: 100% -211px;}705body.rtl .rokchecks {background-position: 100% -423px;}706body.rtl .rokchecks-active {background-position: 100% -634px;}707body.rtl #breadcrumbs-home {float: right;}708body.rtl span.breadcrumbs img {float: right;}709body.rtl span.breadcrumbs a, body.rtl span.no-link {float: right;}710body.rtl .readon {margin-left: 14px;}711body.rtl .readon span, body.rtl .readon .button {margin-left: -14px;padding: 0 10px 0 18px;}712body.rtl .readon:hover {background-position: 100% -30px;}713body.rtl .readon:hover span, body.rtl .readon:hover .button {background-position: 0 -30px;}714 715 716/**717 * @package   Quasar Template - RocketTheme718 * @version   1.5.3 June 10, 2010719 * @author    RocketTheme http://www.rockettheme.com720 * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC721 * @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License722 */723/* Bullet Styles */724ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4 {padding: 0 0 0 15px;}725ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li {list-style: none;padding: 0 0 3px 15px;margin: 0 0 5px;background: no-repeat 0 4px;}726ul.bullet-1 li a, ul.bullet-2 li a, ul.bullet-3 li a, ul.bullet-4 li a {font-size: 100%;line-height: 1.7;}727ul.bullet-1 li {background-image: url(../images/typography/bullet1.png);}728ul.bullet-2 li {background-image: url(../images/typography/bullet2.png);}729ul.bullet-3 li {background-image: url(../images/typography/bullet3.png);}730ul.bullet-4 li {background-image: url(../images/typography/bullet4.png);}731.cssstyle-style1 ul.bullet-1 li, .cssstyle-style3 ul.bullet-1 li, .cssstyle-style5 ul.bullet-1 li {background-image: url(../images/typography/bullet1-dark.png);}732.cssstyle-style1 ul.bullet-2 li, .cssstyle-style3 ul.bullet-2 li, .cssstyle-style5 ul.bullet-2 li {background-image: url(../images/typography/bullet2-dark.png);}733.cssstyle-style1 ul.bullet-3 li, .cssstyle-style3 ul.bullet-3 li, .cssstyle-style5 ul.bullet-3 li {background-image: url(../images/typography/bullet3-dark.png);}734.cssstyle-style1 ul.bullet-4 li, .cssstyle-style3 ul.bullet-4 li, .cssstyle-style5 ul.bullet-4 li {background-image: url(../images/typography/bullet4-dark.png);}735 736/* Emphasis Styles*/737em.color {font-style: italic;font-weight: bold;}738em.bold {font-size: 120%;font-weight: bold;line-height: 150%;font-style: normal;}739 740/* Drop Cap */741p.dropcap {overflow: hidden;}742span.dropcap {font-size: 400%;margin: 0 5px 0 0;line-height: 100%;color: #333;float: left;display: block;}743.cssstyle-style1 span.dropcap, .cssstyle-style3 span.dropcap, .cssstyle-style5 span.dropcap {color: #999;}744 745/* Notice Styles */746pre  {background: #F9F1ED;border-bottom: 1px solid #DCD7D4;border-right: 1px solid #DCD7D4;color: #AC3400;font-style:italic;overflow: auto;padding: 10px;}747.cssstyle-style1 pre, .cssstyle-style3 pre, .cssstyle-style5 pre {background: #333;border-bottom: 1px solid #3a3a3a;border-right: 1px solid #3a3a3a;color: #bbb;}748.alert, .approved, .attention, .camera, .cart, .doc, .download, .media, .note, .notice {display: block;margin: 15px 0;background: repeat-x 0 100%;background-color: #FAFCFD;}749.typo-icon {display: block;padding: 8px 10px 0px 36px;margin: 15px 0;background: no-repeat 10px 12px;}750.alert {color: #D0583F;background-image: url(../images/typography/alert.png);border-bottom: 1px solid #F8C9BB;border-right: 1px solid #F8C9BB;}751.approved {color: #6CB656;background-image: url(../images/typography/approved.png);border-bottom: 1px solid #C1CEC1;border-right: 1px solid #C1CEC1;}752.attention {color: #E1B42F;background-image: url(../images/typography/attention.png);border-bottom: 1px solid #E4E4D5;border-right: 1px solid #E4E4D5;}753.camera {color: #55A0B4;background-image: url(../images/typography/camera.png);border-bottom: 1px solid #C9D5D8;border-right: 1px solid #C9D5D8;}754.cart {color: #559726;background-image: url(../images/typography/cart.png);border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}755.doc {color: #666666;background-image: url(../images/typography/doc.png);border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}756.download {color: #666666;background-image: url(../images/typography/download.png);border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}757.media {color: #8D79A9;background-image: url(../images/typography/media.png);border-bottom: 1px solid #DBE1E6;border-right: 1px solid #DBE1E6;}758.note {color: #B76F38;background-image: url(../images/typography/note.png);border-bottom: 1px solid #E6DAD2;border-right: 1px solid #E6DAD2;}759.notice {color: #6187B3;background-image: url(../images/typography/notice.png);border-bottom: 1px solid #C7CDDA;border-right: 1px solid #C7CDDA;}760.approved .typo-icon {background-image: url(../images/typography/approved-icon.png);}761.alert .typo-icon {background-image: url(../images/typography/alert-icon.png);}762.attention .typo-icon {background-image: url(../images/typography/attention-icon.png);}763.camera .typo-icon {background-image: url(../images/typography/camera-icon.png);}764.cart .typo-icon {background-image: url(../images/typography/cart-icon.png);}765.doc .typo-icon {background-image: url(../images/typography/doc-icon.png);}766.download .typo-icon {background-image: url(../images/typography/download-icon.png);}767.media .typo-icon {background-image: url(../images/typography/media-icon.png);}768.note .typo-icon {background-image: url(../images/typography/note-icon.png);}769.notice .typo-icon {background-image: url(../images/typography/notice-icon.png);}770 771/* Important Style*/772.important {border: 1px solid #E5E5E5;background: url(../images/typography/important.png) repeat-x 0 100%;padding: 15px;margin: 25px 0 10px 0;position: relative;}773span.important-title {background: #fff;color: #000;position: absolute;display: block;top: -0.8em;left: 10px;padding: 3px 8px;font-size: 120%;font-weight: bold;}774.cssstyle-style1 .important, .cssstyle-style3 .important, .cssstyle-style5 .important {background: none #333;border: none;color: #999;}775.cssstyle-style1 span.important-title, .cssstyle-style1 span.important-title, .cssstyle-style3 span.important-title, .cssstyle-style3 span.important-title, .cssstyle-style5 span.important-title, .cssstyle-style5 span.important-title {color: #999;background: #333;}776 777/* Inset Styles */778span.inset-left {float: left;margin-right: 20px;margin-bottom:20px;}779span.inset-right {float: right;margin-left: 20px;margin-bottom:20px;}780span.inset-right-title, span.inset-left-title {background: #fff;color: #000;position: absolute;display: block;top: -12px;left: 10px;padding: 3px 8px;font-size: 100%;font-weight: bold;}781span.inset-left, span.inset-right {display: block;padding: 12px 8px 8px 8px;width: 20%;font-size: 100%;font-style: italic;margin-top: 25px;position: relative;border: 1px solid #E5E5E5;background: url(../images/typography/important.png) repeat-x 0 100%;color: #333;text-align: center;}782.cssstyle-style1 span.inset-left, .cssstyle-style1 span.inset-right, .cssstyle-style3 span.inset-left, .cssstyle-style3 span.inset-right, .cssstyle-style5 span.inset-left, .cssstyle-style5 span.inset-right {background: none #333;border: none;color: #999;}783.cssstyle-style1 span.inset-left-title, .cssstyle-style1 span.inset-right-title, .cssstyle-style3 span.inset-left-title, .cssstyle-style3 span.inset-right-title, .cssstyle-style5 span.inset-left-title, .cssstyle-style5 span.inset-right-title {color: #999;background: #333;}784 785/* Image Style */786.cssstyle-style1 .img-demo, .cssstyle-style3 .img-demo, .cssstyle-style5 .img-demo {border: 2px solid #333;padding: 2px;margin: 3px;}787.cssstyle-style2 .img-demo, .cssstyle-style4 .img-demo, .cssstyle-style6 .img-demo {border: 2px solid #ddd;padding: 2px;margin: 3px;}788 789 790/* Dark tabs **************************/791ul.primary  {792  border-collapse: collapse;793  padding: 0 0 0 10px; /* LTR */794  white-space: nowrap;795  list-style: none;796  margin: 0;797  height: 35px;798  line-height: normal;799  border-bottom: 1px solid #333;800}801 802ul.primary li a {803  margin: -2px;804  padding: 6px 20px 6px 20px;805  background: #444 url(../images/tabs/dark/tabs-on.png) left top no-repeat; 806  border-top: 1px solid #444;807  border-right: 1px solid #444;808  border-left: 1px solid #444;809  text-decoration: none;810  color: #999;811}812 813ul.primary li.active a {814  background: #444 url(../images/tabs/dark/tabs-off.png) left top no-repeat; 815  border-top: 1.5px solid #444;816  border-right: 1.5px solid #444;817  border-left: 1.5px solid #444;818  border-bottom: 0px solid #E4E4E4;819  color: #555;820}821 822ul.primary li a:hover {823  color: #000;824  border-top: 1px solid #555;825  border-right: 1px solid #555;826  border-left: 1px solid #555;827}828 829/*********************************************************/830 831#forum tr td.icon {832	background-image: url("../images/dark/forum_read.gif");833}834 835#forum tr td.forum {836 837	background-color: transparent;838	background-image: url("../images/dark/forum_read.gif");839	background-position: left center;840}841 842tr.even, tr.odd {843	border-bottom-color: #555;844}845 846thead th { border-bottom: 1px solid #444; }847 848fieldset, 849form.variation-chooser input, 850ul li.node_read_more, 851ul.secondary852 { border: 1px solid #333; -moz-border-radius: 0px; -webkit-border-radius: 0px; }853 854 855form.variation-chooser input,856ul li.node_read_more  {857	margin: 15px 5px 15px 0;858	cursor:pointer;859	background: #333 url(../images/tabs/dark/tabs-on.png) left top no-repeat;860}861 862input, textarea, file {863	background-color: #333;864	border: 1px solid #555;865	color: #fff;866}867 868 869#blocks td.region { border-bottom: 1px solid #444;}870 871#searchmod .form-text,872#pollbutton .button { color: #ccc; }873 874.secondary li a.active {color:#fff;}875 876 877 878 879 880 881/* Admin settings */882#system-theme-settings .form-item label {883	width: 200px;884	float: left;885	padding-right: 5px;886}887 888#system-theme-settings .escaped {889	clear:both;890	padding-top: 10px;891}892 893.theme-settings-bottom {894	clear: left;895}896 897input, textarea, file {898	padding: 2px;899}900 901 902form.variation-chooser input {903	padding: 3px 7px;904 905}906 907/* Admin Tabs */908 909.primary li {910  display: inline;911  line-height: 45px;912}913 914thead th { border-bottom: 1px solid #ddd; }915 916 917.Button {918	border: 0;919	background: none;920	cursor: pointer;921}922 923.container-inline div,924.container-inline label {925	display: inline-block;926}927 928.container-inline a {padding-left: 10px;}929 930 931.readon {932	margin-top: 5px;933	margin-right: 5px;934}935 936.login #user-login-form .readon {937	padding-right: 90px;938}939 940#user-login-form .item-list {941	font-size: 11px;942	padding: 10px 40px 0 20px;943	clear:  both;944}945 946.readon-wrap1 {947	display: inline-block;948	height: 25px;949	margin-left: 3px;950}951 952.readon-wrap1 .readon-main {953	border: 0 none;954	display: block;955	float: left;956	font-size: 12px;957	/*height: 25px;  code cleaning*/958	line-height: 25px;959	margin-left: -3px;960	padding: 0 10px 3px;961}962 963.readon-wrap1 .readon-main a:hover {964	background-position: 0 -50px;965}966 967.module-content #poll-view-voting .readon {968	float: left;969}970 971#rt-showcase #rt-submenu a {972	color: #666666;973}974 975#rt-showcase #rt-submenu a:hover {976	color: #222;977}978 979.icon-left span a {980	color: #fff ;981}982 983#blocks td.region { border-bottom: 1px solid #ddd;}984 985.form-item .description {986	text-align: left;987	border: 0 solid #ccc;988	clear: left;989	/*font-style: italic;*/990}991 992/*Suckerfish overrides */993 994#horiz-menu ul.menutop li ul {995	margin-top: 3px;996	padding: 5px 10px 5px 0;997}998 999#horiz-menu ul.sf-menu li ul {1000	margin-top: -3px;1001	padding: 5px 10px 5px 0;1002}1003 1004#horiz-menu ul.sf-menu li ul li,1005#horiz-menu ul.menutop li ul li {1006	margin: 0 0 0 5px;1007}1008 1009 1010 1011/*Theme overrides */1012 1013#showmodules .block .middle .moduletable {1014	padding: 0 5px 15px 3px;1015}1016 1017#showmodules .block .last .moduletable {1018	padding: 0 0 15px 5px;1019}1020 1021#mainmodules .block .middle .moduletable,1022#mainmodules .block .last .moduletable {1023	padding: 0 20px 15px 0;1024}1025 1026#menu-overview {1027	width: 100%;1028}1029 1030#blocks {1031	width: 100%;1032}1033 1034#blocks td.region {1035	text-transform: uppercase;1036	font-size: 120%;1037	padding-top: 25px;1038}1039 1040.update tr.ok,1041.update .unknown {1042	background: transparent;1043}1044 1045.update tr td {1046	border-bottom: 1px solid #555;1047	border-top: 1px solid #555;1048}1049 1050 1051.roktabs-top li a {1052	font-size: 100%;1053	line-height: 42px;1054}1055 1056td {1057	padding: 5px;1058}1059 1060td.active {1061	background: transparent;1062}1063 1064#logo_space {1065	width: 315px;1066	float: left;1067}1068 1069#restore {1070	float: right;1071	margin-top: -15px;1072}1073 1074#restore a {1075	color: #ccc;1076}1077 1078#site_slogan {1079	text-align: center;1080	margin-top: -70px;1081	text-transform: lowercase;1082}1083 1084.style6 #site_slogan, .style8 #site_slogan, .style9 #site_slogan { color: #555; }1085 1086 1087.system-status-report th {1088	border: 0;1089}1090 1091div.ok, tr.ok, div.error, tr.error {1092	color: inherit;1093}1094 1095fieldset {1096	padding: 15px;1097}1098 1099#inner_wrapper {1100	float: left;1101}1102 1103 1104 1105.comment .content { padding: 10px 0 10px 0; }1106 1107.comment-title a {1108	color: #fff;1109}1110 1111.jclist .picture img {1112	width: 32px;1113	height: 32px;1114}1115 1116form.variation-chooser input {1117	padding: 3px 7px;1118 1119}1120 1121 1122 1123form.variation-chooser input {1124	text-decoration: none;1125	color: #fff;1126}1127 1128.style2 form.variation-chooser input,1129.style6 form.variation-chooser input,1130.style8 form.variation-chooser input,1131.style9 form.variation-chooser input {1132	color: #777;1133}1134 1135 1136/*.links a:hover {text-decoration: none;}*/1137 1138.custom fieldset, .custom .Button, .custom .button { border: 1px solid #454A2D; }1139 1140 1141 1142/********************************/1143 1144 1145ul.secondary li {1146	border: 0;1147}1148 1149ul.secondary a.active {1150  border: 0;1151  background: transparent;1152  padding: 4px 1em;1153  height: auto;1154  font-weight: bold;1155  text-transform: uppercase;1156}1157 1158 1159 1160 1161.menutop ul li > .daddy span {1162	background-position: 90% 50%;1163}1164 1165#leftcol .submenu-block ul.menu li a, #rightcol .submenu-block ul.menu li a { 1166	background: none; 1167	padding-left: 0;1168}1169 1170 1171/* Forum Styling ***************/1172 1173#forum {1174	padding: 0;1175}1176 1177#forum td.icon {1178	border: 0;1179	background-position: 0 0;1180}1181 1182#forum td.icon img {	1183	display: none;1184}1185 1186#forum td.title {1187	background: transparent;1188}1189 1190#forum ul.links {1191	float: right;1192	margin-bottom: 10px;1193}1194 1195#forum table {1196	width: 100%;1197}1198 1199.forum-topic-navigation {1200	margin-top: 20px;

Showing the first 1,200 of 2039 lines. Download the file for the rest.