/* Main stylesheet for ReFreezed.com Property prefixes: -icab- iCab -khtml- Konqueror -moz- Firefox & Camino -o- Opera -webkit- Safari & Google Chrome */ /* ## DEFAULTS/RESET ## */ * { margin: 0; padding: 0; } html { height: 100%; min-width: 800px; } body { background: white url("http://img.refreezed.com/bg--vertical.gif") top center repeat-y; color: black; font-family: "Arial", sans-serif; font-size: 13px; height: 100%; } #pageWrapper { background: transparent url("http://img.refreezed.com/footer-4.jpg") bottom center no-repeat; min-height: 100%; } /* BASE ********************************************************************************************************************************/ /* ## CODE ## */ code { background-color: #F9F9F9; color: black; font-family: "Courier New", monospace; } /* ## DEFINITION LISTS ## */ dl.bbCodeDescriptions { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 5px; margin: 20px 0 0; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } dl.bbCodeDescriptions dt { background-color: white; border: 1px solid #E0EEFF; border-radius: 2px; color: black; font-size: 13px; font-style: italic; font-weight: bold; margin: 0 0 10px; padding: 2px 2px 2px 7px; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } dl.bbCodeDescriptions dd { margin: 10px 0 0; } dl.bbCodeDescriptions .bbCode { font-family: "Courier New", monospace; } dl.bbCodeDescriptions .result { margin-bottom: 20px; } /* ## DIVISIONS ## */ .half-first { float: left; width: 50%; } .half-second { float: right; width: 50%; } .halfPadding-first { padding-right: 10px; } .halfPadding-second { padding-left: 10px; } /* div.hr { height: 1px; } div.hr hr { display: none; } div.space { height: 10px; } div.space-big { height: 20px; } div.space-huge { height: 40px; } */ /* ## FORMS ## */ fieldset { border: 0; } input[type=button], input[type=submit], input[type=reset], button { font-family: "Arial", sans-serif; cursor: pointer; } input[type=checkbox], input[type=radio] { cursor: pointer; } input[type=password], input[type=text], select, textarea { background: white url("http://img.refreezed.com/gradient_in_short_blue.gif") top left repeat-x; border: 1px solid #90AACF; color: black; font-size: 1em; } input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus { background-image: none; border-color: #DDD000; } input[type=password][readonly], input[type=text][readonly], select[readonly], textarea[readonly] { background-image: url("http://img.refreezed.com/gradient_in_short_blue.gif"); border-color: #90AACF; } input[type=password][disabled], input[type=text][disabled], select[disabled], textarea[disabled] { background: white; border-color: #C0C0C0; color: #C0C0C0; } label { cursor: text; } label[for] { cursor: pointer; } option { padding: 0 5px; } textarea { font-family: "Arial", sans-serif; } form .inputField { padding: 1px 0 1px 3px; } [disabled] { cursor: default !important; } /* Comment form (Depricated) */ form.commentForm .line { margin-bottom: 2px; padding: 1px 0; } form.commentForm .line p { font-size: 11px; line-height: 19px; margin: 0; padding: 0; } form.commentForm .fixedHeight { height: 20px; } form.commentForm .label { color: #90AACF; float: left; font-weight: bold; padding: 1px 0; width: 160px; } form.commentForm .label label { color: black; } form.commentForm .inputField { margin: 3px 10px 5px 0; } form.commentForm .knownField { float: left; font-style: italic; font-weight: bold; margin-right: 10px; padding: 1px 0; } form.commentForm .line textarea { height: 100px; margin: 2px 0 1px 0; padding: 1px 0 1px 3px; width: 470px; } form.commentForm .line .inputNote { line-height: 1em; margin-bottom: 5px; } /* Nice form */ form.niceForm fieldset { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 5px; margin: 5px 0 0; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } form.niceForm fieldset .labelColumn { color: #90AACF; float: left; font-weight: bold; width: 140px; } form.niceForm fieldset .labelColumn label { color: black; } form.niceForm fieldset .labelColumn .required { color: red; font-size: 9px; font-weight: normal; } form.niceForm fieldset .labelColumn .optional { font-size: 9px; font-weight: normal; } form.niceForm fieldset .inputColumn { margin-left: 145px; } form.niceForm fieldset .inputColumn .knownField { float: left; font-style: italic; font-weight: bold; margin-right: 10px; } form.niceForm fieldset .inputColumn p { font-size: 11px; padding-top: 2px; } form.niceForm fieldset .inputColumn .quickFormatting { margin-bottom: 5px; } form.niceForm fieldset .inputColumn .quickFormatting p { float: left; font-style: italic; margin-left: 6px; padding-top: 4px; } form.niceForm fieldset .inputColumn .fullWidthInput { border: 1px solid #90AACF; } form.niceForm fieldset .inputColumn .halfWidthInput { border: 1px solid #90AACF; float: left; margin-right: 5px; position: relative; width: 50%; } form.niceForm fieldset .inputColumn .quarterWidthInput { border: 1px solid #90AACF; float: left; margin-right: 5px; position: relative; width: 25%; } form.niceForm fieldset .inputColumn .minimalWidthInput { float: left; margin-right: 5px; position: relative; } form.niceForm fieldset .inputColumn .clearInputButton { background-color: #90AACF; border: 1px solid #90AACF; color: white; cursor: pointer; display: block; font-size: 13px; font-weight: bold; height: 100%; line-height: 100%; position: absolute; left: -22px; text-align: center; text-decoration: none !important; top: -1px; width: 20px; z-index: 5; } form.niceForm fieldset .inputColumn .clearInputButton:hover { background-color: #7E1E1E; } form.niceForm fieldset .inputColumn .input { border: 0; margin: 0; padding: 0; width: 100%; } form.niceForm fieldset .inputColumn .input:focus { outline: 1px solid #DDD000; } form.niceForm fieldset .inputColumn .input[readonly] { outline: none; } form.niceForm fieldset .inputColumn .miniInput { margin-top: 3px; } form.niceForm fieldset .inputColumn .fileInput { float: left; height: 1.7em; margin-right: 5px; overflow: hidden; position: relative; width: 250px; } form.niceForm fieldset .inputColumn .fileInput input[type=file] { font-size: 100px; opacity: 0; position: absolute; right: 0; top: 0; z-index: 1; /* FIX */ filter: alpha(opacity=0); } form.niceForm fieldset .inputColumn .fileInput input[type=text] { line-height: 1em; left: 0; margin: 1px 0; padding: 0; position: absolute; top: 0; width: 140px; } form.niceForm fieldset .inputColumn .fileInput input[type=button], form.niceForm fieldset .inputColumn .fileInput button { background: white url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; border-radius: 3px; color: black; font-weight: bold; line-height: 1em; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100px; /* FIX */ -icab-border-radius: 3px; /* FIX */ -khtml-border-radius: 3px; /* FIX */ -moz-border-radius: 3px; /* FIX */ -o-border-radius: 3px; /* FIX */ -webkit-border-radius: 3px; } form.niceForm fieldset .inputColumn .fileInput input[type=file]:active:hover + input + input[type=button] { background-image: url("http://img.refreezed.com/gradient_in_short_blue.gif"); background-position: top left; } form.niceForm fieldset .inputColumn .imagePreview { height: 160px; position: relative; } form.niceForm fieldset .inputColumn .imagePreview .image { border: 1px solid #90AACF; border-collapse: separate; background-color: white; float: left; height: 160px; table-layout: fixed; text-align: center; width: 250px; } form.niceForm fieldset .inputColumn .imagePreview .image a { display: inline-block; max-height: 158px; max-width: 248px; } form.niceForm fieldset .inputColumn .imagePreview .image img { display: inline-block; max-height: 158px; max-width: 248px; } form.niceForm fieldset .inputColumn .imagePreview .deleteImage { height: 0; left: 0; position: absolute; top: 0; width: 250px; } form.niceForm fieldset .inputColumn .imagePreview .deleteImage a { background: transparent url("http://img.refreezed.com/site-icons/common-icons.png") no-repeat -1px -23px; display: block; float: right; height: 20px; margin: 3px; overflow: hidden; text-indent: -9999em; width: 20px; } form.niceForm fieldset .inputColumn .imagePreview .deleteImage a:hover { background-position: -22px -23px; } form.niceForm fieldset .inputColumn .imagePreview .info { font-size: 11px; margin-left: 255px; padding-top: 55px; } form.niceForm fieldset .inputColumn .imagePreview .info li { line-height: 16px; } form.niceForm fieldset .inputColumn .imagePreview .info li .label { font-weight: bold; } form.niceForm fieldset .inputColumn .imagePreview .info li .value { font-style: italic; } form.niceForm fieldset .inputColumn textarea.short { height: 100px; } form.niceForm fieldset .inputColumn textarea.tall { height: 250px; } form.niceForm fieldset .inputColumn .textPreviewButton { border-width: 1px 0 0; border-color: #E0EEFF; float: none; margin: 0; padding-left: 0; padding-right: 0; text-align: center; width: 100%; /* FIX */ -icab-border-radius: 0; -icab-box-shadow: none; /* FIX */ -khtml-border-radius: 0; -khtml-box-shadow: none; /* FIX */ -moz-border-radius: 0; -moz-box-shadow: none; /* FIX */ -o-border-radius: 0; -o-box-shadow: none; /* FIX */ -webkit-border-radius: 0; -webkit-box-shadow: none; } form.niceForm fieldset .forumSignaturePreview { background-color: #F0F6FF; color: #485568; margin: 30px auto; width: 630px; } form.niceForm fieldset .forumSignaturePreview img { margin-top: 10px; } /* Search form */ form.searchForm { } form.searchForm input[type=text] { border: 1px solid #90AACF; display: inline; width: 50%; } form.searchForm input[type=text]:focus { border-color: #DDD000; } form.searchForm input[type=submit] { background: white url("http://img.refreezed.com/gradient_out_long_green.gif") left bottom repeat-x; border: 1px solid #70CC80; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: black; cursor: pointer; display: inline; font-weight: bold; margin: 1px 0; padding: 0 10px; /* FIX */ -icab-border-radius: 3px; -icab-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -khtml-border-radius: 3px; -khtml-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -moz-border-radius: 3px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -o-border-radius: 3px; -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } form.searchForm input[type=submit]:hover { color: #37653F; } form.searchForm input[type=submit]:active:hover { background-image: url("http://img.refreezed.com/gradient_in_long_green.gif"); background-position: left top; box-shadow: none; /* FIX */ -icab-box-shadow: none; /* FIX */ -khtml-box-shadow: none; /* FIX */ -moz-box-shadow: none; /* FIX */ -o-box-shadow: none; /* FIX */ -webkit-box-shadow: none; } /*form.searchForm.smallSearchForm { }*/ /* Wide form (As the forms on Newgrounds) (Depricated!) */ form.wideForm p { margin: 0 10px; padding: 5px 0; } form.wideForm .line { border-bottom: 1px dotted #90AACF; margin-bottom: 5px; padding: 5px 0 10px 10px; } form.wideForm .lastLine { padding: 5px 0 5px 10px; } form.wideForm .fixedHeight { height: 25px; } form.wideForm .label { color: #90AACF; float: left; font-weight: bold; padding: 4px 0; width: 160px; } form.wideForm .label label { color: black; } form.wideForm .inputField { margin: 3px 10px 5px 0; } form.wideForm .knownField { float: left; font-style: italic; font-weight: bold; margin-right: 10px; padding: 4px 0; } form.wideForm .shortInput { float: left; width: 60px; } form.wideForm .medInput { float: left; width: 220px; } form.wideForm .wideInput { float: left; width: 570px; } form.wideForm .smallBlueButton { float: left; margin-top: 1px; } form.wideForm .line .options { float: left; font-size: 11px; } form.wideForm .line .options li { margin: 5px 0 10px; } form.wideForm .line .options li .lilBtn { float: left; margin-right: 5px; } form.wideForm .line .options.fixedWidth { width: 235px; } form.wideForm .line select { float: left; margin: 5px 10px 10px 0; } form.wideForm .line textarea { height: 100px; margin: 3px 10px 2px 0; padding: 1px 0 1px 3px; width: 570px; } form.wideForm .line textarea.taller { height: 250px; } form.wideForm .line .fileInput { float: left; height: 1.7em; margin: 2px 10px 5px 0; overflow: hidden; position: relative; width: 250px; } form.wideForm .line .fileInput input[type=file] { font-size: 100px; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0; top: 0; z-index: 1; } form.wideForm .line .fileInput input[type=text] { line-height: 1em; left: 0; margin: 1px 0; padding: 0; position: absolute; top: 0; width: 140px; } form.wideForm .line .fileInput input[type=button] { background: white url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; font-weight: bold; line-height: 1em; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100px; } form.wideForm .line .fileInput input[type=file]:active:hover + input + input[type=button] { background-image: url("http://img.refreezed.com/gradient_in_short_blue.gif"); background-position: top left; } form.wideForm .lastLine .fileInput { float: left; height: 1.7em; margin: 2px 10px 5px 0; overflow: hidden; position: relative; width: 250px; } form.wideForm .lastLine .fileInput input[type=file] { font-size: 100px; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0; top: 0; z-index: 1; } form.wideForm .lastLine .fileInput input[type=text] { line-height: 1em; left: 0; margin: 1px 0; padding: 0; position: absolute; top: 0; width: 140px; } form.wideForm .lastLine .fileInput input[type=button] { background: white url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; font-weight: bold; line-height: 1em; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100px; } form.wideForm .lastLine .fileInput input[type=file]:active:hover + input + input[type=button] { background-image: url("http://img.refreezed.com/gradient_in_short_blue.gif"); background-position: top left; } form.wideForm .uploadThumb { clear: both; margin: 10px 0; padding-left: 160px; } form.wideForm .uploadThumb .imageBox { float: left; height: 100px; margin-right: 8px; width: 100px; } form.wideForm .uploadThumb .imageBox .imageBox-inner { border: 1px solid #90AACF; display: table-cell; height: 100px; line-height: 1em; overflow: hidden; text-align: center; vertical-align: middle; width: 100px; } form.wideForm .uploadThumb .imageBox .image { max-height: 100px; max-width: 100px; } form.wideForm .uploadThumb .imageBox .image img { max-height: 100%; max-width: 100%; } form.wideForm .uploadThumb .filename { font-style: italic; font-weight: bold; } form.wideForm .uploadThumb ul { margin-top: 5px; } form.wideForm .uploadThumb ul li { font-size: 11px; margin: 2px 0; } form.wideForm .line .inputNote { line-height: 1em; margin-left: 160px; } form.wideForm .line .requiredSymbol { color: #DD0000; float: left; font-size: 15px; font-weight: bold; line-height: 1em; margin: 4px 5px 0 0; } form.wideForm .line p, form.wideForm .lastLine p { font-size: 11px; line-height: 25px; margin: 0; padding: 0; } form.wideForm .line p.twoRow, form.wideForm .lastLine p.twoRow { line-height: 12px; margin: 0; padding: 0; } /*form.wideForm input.button { background: transparent url("http://img.refreezed.com/3d_bottom.png") bottom left repeat-x; border: 1px solid #90AACF; color: black; float: left; font-weight: bold; margin-right: 10px; padding: 0 10px; } form.wideForm input.button:hover { color: #485567; } form.wideForm input.button:active { background: transparent url("http://img.refreezed.com/3d_top.png") top left repeat-x; color: #90AACF; } form.wideForm input.button[disabled] { background: white; border-color: #C0C0C0; color: #C0C0C0; }*/ /* Old form (Depricated!) */ form.oldForm { margin: 1em 0; } form.oldForm input { font-size: 100%; margin: 1px 0; } form.oldForm input[type="reset"], form.oldForm input[type="submit"] { background: transparent url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; color: black; font-weight: bold; min-width: 12em; } form.oldForm input[type="reset"]:hover, form.oldForm input[type="submit"]:hover { color: #485567; } /*form.oldForm input[type="reset"]:active, form.oldForm input[type="submit"]:active { color: #90AACF; }*/ form.oldForm input[type="reset"][disabled], form.oldForm input[type="submit"][disabled] { background: white; border-color: #C0C0C0; color: #C0C0C0; } form.oldForm input[type="text"] { background: transparent url("http://img.refreezed.com/gradient_in_short_blue.gif") top left repeat-x; border: 1px solid #90AACF; color: black; height: 1.2em; width: 32em; } form.oldForm input[type="text"][disabled], form.oldForm input[type="password"][disabled] { background: white; border-color: #C0C0C0; color: #C0C0C0; } form.oldForm label { display: block; float: left; margin: 1px 0; width: 12em; } form.oldForm option { padding: 0 5px; } form.oldForm select { background: transparent url("http://img.refreezed.com/gradient_in_short_blue.gif") top left repeat-x; border: 1px solid #90AACF; color: black; font-size: 100%; margin: 1px 0; padding: 0; width: 32em; -moz-box-sizing: content-box; } form.oldForm select[disabled] { background: white; border-color: #C0C0C0; color: #C0C0C0; } form.oldForm textarea { background: transparent url("http://img.refreezed.com/gradient_in_long_blue.gif") top left repeat-x; border: 1px solid #90AACF; color: black; font-size: 100%; height: 10em; margin: 1px 0; width: 44em; } form.oldForm textarea[disabled] { background: white; border-color: #C0C0C0; color: #C0C0C0; } form.oldForm .inputLine { height: 1.5em; } /* ## HEADINGS (Depricated! Use headings in boxes instead) ## */ h1 { background: transparent url("http://img.refreezed.com/3d_bottom_long.png") bottom left repeat-x; font-size: 18px; font-weight: bold; margin: 40px 0 10px; padding: 5px; } h1 a { color: black; text-decoration: none; } h1 a:hover { color: #485567; text-decoration: none; } h1:first-child { margin-top: 0; } h2 { font-size: 15px; font-weight: bold; margin: 10px 0; padding-top: 10px; } h2 a { color: black; text-decoration: none; } h2 a:hover { color: #485567; text-decoration: none; } .dateHeading h1 { margin-bottom: 0; } .dateHeading .date { color: #485568; font-size: 11px; margin-bottom: 10px; } /* ## IMAGES ## */ img.emot { height: 13px; vertical-align: text-bottom; width: 13px; } img.imgSpace { margin: 5px; } img.hBanner { height: 60px; width: 468px; } /* Horizontal banner */ /* ## LINKS ## */ a { color: #0000DD; text-decoration: none; } a:hover { text-decoration: underline; } /*a:active { color: #8888FF; }*/ /*a:focus { outline: 0; }*/ a img { border: 0; } a.offsite { background: url("http://img.refreezed.com/site-icons/off-site-link-2.png") right 2px no-repeat; padding-right: 7px; } /*a.offsite { background: url("http://img.refreezed.com/site-icons/off-site-link.png") center right no-repeat; padding-right: 13px; }*/ .blackLinks a { color: black; font-weight: bold; text-decoration: none; } .blackLinks a:hover { color: #485567; } .blackLinks .inactiveLink { font-weight: bold; } .blackLinks .narrow a { font-weight: normal; } .inactiveLink { color: #AA0000; cursor: default; } .inactiveLink:hover { color: red; } /* Box links */ .boxLink { border: 1px solid; border-radius: 2px; padding: 0 4px; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } a.boxLink { } a.boxLink:hover { background-color: #E0EEFF; } span.boxLink { border-color: #C0C0C0; color: #C0C0C0; cursor: default; } /* Buttons (Depricated!) */ .button { background: transparent url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; color: black; cursor: pointer; font-weight: bold; padding: 0 10px; text-decoration: none !important; } .button:hover { color: #485567; } .button + .button { margin-left: 5px; } /* Other */ a.tool { background-color: #C7FFD0; border: 1px solid #70CC80; border-radius: 4px; color: #0000DD; padding: 0 4px; /* FIX */ position: relative; /* The upper and lower border becomes invisible without this in IE */ /* FIX */ -icab-border-radius: 4px; /* FIX */ -khtml-border-radius: 4px; /* FIX */ -moz-border-radius: 4px; /* FIX */ -o-border-radius: 4px; /* FIX */ -webkit-border-radius: 4px; } span.tool { background-color: white; border: 1px solid #C0C0C0; border-radius: 4px; color: #C0C0C0; padding: 0 4px; /* FIX */ position: relative; /* The upper and lower border becomes invisible without this in IE */ /* FIX */ -icab-border-radius: 4px; /* FIX */ -khtml-border-radius: 4px; /* FIX */ -moz-border-radius: 4px; /* FIX */ -o-border-radius: 4px; /* FIX */ -webkit-border-radius: 4px; } span.tool a { color: #C0C0C0; text-decoration: underline; } span.tool a:hover { color: #0000DD; } /* ## LISTS ## */ ol, ul { list-style-position: outside; list-style-type: none; } li { line-height: 1.2em; } ol.numbered { list-style-type: decimal; padding: 0 0 2px 2.2em; } ol.numbered li { padding-top: 2px; } ul.bulletList { list-style-image: url("http://img.refreezed.com/bullet.png"); list-style-type: disc; padding: 0 0 2px 2.2em; } ul.bulletList li { padding-top: 2px; } ul.indented { list-style-image: none; list-style-type: none; padding: 0 0 2px 1em; } ul.indented li { padding-top: 2px; } ul.spacious li + li { margin-top: 10px; } /* ## QUOTES ## */ blockquote { border-left: 2px solid #485568; color: #485568; padding-left: 10px; } blockquote .title { color: #90AACF; font-size: 11px; font-weight: bold; } /*blockquote p, blockquote blockquote { margin-top: 8px; }*/ q { color: #485568; } q:before { content: "\00AB"; padding-right: 0.1em; } q:after { content: "\00BB"; padding-left: 0.1em; } /* ## TABLES ## */ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; width: 100%; } /* Nice table */ table.niceTable { border-collapse: separate; border-spacing: 5px; } table.niceTable th { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 5px; font-size: 13px; font-weight: bold; padding: 1px 5px; /*white-space: nowrap;*/ /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } table.niceTable th a { color: black; text-decoration: underline; } table.niceTable th a:hover { color: #485567; } table.niceTable th.left { text-align: left; } table.niceTable th.right { text-align: right; } table.niceTable td { border: 1px solid #F0F6FF; border-radius: 5px; font-size: 12px; padding: 3px 5px; text-align: center; /*white-space: nowrap;*/ /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } table.niceTable td.left { text-align: left; } table.niceTable td.right { text-align: right; } table.niceTable tbody tr:hover td { background-color: #F0F6FF; } /* ## TEXT ## */ .big { font-size: 1.2em; } .bigger { font-size: 1.4em; } .bold { font-weight: bold; } .fixedSmall { font-size: 11px; } .italic { font-style: italic; } .monospace { font-family: "Courier New", monospace; } .narrow { font-weight: normal; } .overline { text-decoration: overline; } .small { font-size: 0.8em; } .smaller { font-size: 0.6em; } .strikethrough { text-decoration: line-through; } .underline { text-decoration: underline; } /* PAGE SECTIONS ********************************************************************************************************************************/ /* ## THINKING IN ACTION NOTICE ## */ #thinkingInAction { background-color: #FDFDDD; border: 1px solid #EEEE44; border-radius: 5px; display: none; font-size: 15px; font-weight: bold; padding: 10px 0; position: fixed; right: 5px; text-align: center; top: 5px; width: 130px; z-index: 99999; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } /* ## DOCUMENT INFO ## */ #documentInfo { background-color: white; color: #90AACF; float: left; line-height: 1em; padding: 3px; position: absolute; z-index: 999; } #documentInfo ul { display: none; font-size: 11px; margin-top: 5px; } #documentInfo:hover { color: black; outline: 1px solid black; } #documentInfo:hover ul { display: block; } /* ## ACCESSKEYS ## */ #accesskeys { height: 0; left: 0; overflow: hidden; position: fixed; top: 0; width: 0; } /* ## SITE ## */ #siteWrapper { background: transparent url("http://img.refreezed.com/bg.jpg") top center no-repeat; height: 100%; min-width: 840px; } #site { margin: 0 auto; min-height: 100%; padding: 0 10px; position: relative; width: 800px; } /* ## HEADER ## */ #header { height: 120px; width: 800px; } #header a { display: block; height: 100%; margin: 0 auto; overflow: hidden; text-indent: -9999em; width: 510px; } /* Account menu */ /* FIX */ #headerAccountMenu { background-color: #B1C6F4; } /* Opacity solution for IE */ #headerAccountMenu { background-color: rgba(255, 255, 255, 0.5); border: 1px solid white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 11px; height: 1em; line-height: 1em; padding: 5px 5px 5px 10px; position: absolute; right: 0; top: 0; z-index: 1; /* FIX */ -moz-border-radius-bottomleft: 5px; /* FIX */ -moz-border-radius-bottomright: 5px; /* FIX */ -webkit-border-bottom-left-radius: 5px; /* FIX */ -webkit-border-bottom-right-radius: 5px; } #headerAccountMenu li { float: left; } #headerAccountMenu li a { color: black; font-weight: bold; text-decoration: none; } #headerAccountMenu li a:hover { color: #485567; } #headerAccountMenu li a img.mail { display: block; float: left; height: 11px; padding-right: 3px; vertical-align: baseline; width: 14px; } #headerAccountMenu li + li { border-left: 1px solid white; margin-left: 5px; padding-left: 5px; } /* Log in form */ /* FIX */ #logInForm { background-color: #B1C6F4; } /* Opacity solution for IE */ #logInForm { background-color: rgba(255, 255, 255, 0.5); border: 1px solid white; border-bottom-left-radius: 5px; font-size: 11px; line-height: 1em; padding: 5px 5px 5px 10px; position: absolute; right: 0; top: 0; z-index: 1; /* FIX */ -moz-border-radius-bottomleft: 5px; /* FIX */ -webkit-border-bottom-left-radius: 5px; } #logInForm input[type=text] { width: 100px; } #logInForm input[type=password] { width: 100px; } #logInForm input[type=submit] { background: transparent; border: 0; color: #0000DD; font-size: 11px; text-decoration: none; } #logInForm input[type=submit]:hover { text-decoration: underline; } /* ## SIGN ## */ /* Note: The box shadow doesn't show up because of the images */ /* Setting the #innerSign z-index to -1 will make the links un-clickable */ #signWrapper { padding: 5px; } #sign { border: 1px solid #E0EEFF; /*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset;*/ height: 50px; overflow: hidden; position: relative; text-align: center; /* FIX / -icab-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset;*/ /* FIX / -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset;*/ /* FIX / -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset;*/ /* FIX / -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset;*/ /* FIX / -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset;*/ } #sign #innerSign { background-color: white; left: 0; position: absolute; top: 0; /*z-index: -1;*/ } #sign #innerSign a { display: block; height: 50px; width: 100%; } #sign #innerSign img { display: block; height: 50px; width: 100%; } /* Max width is exactly 788px */ /* ## GLOBAL MENU ## */ #globalMenu { height: 38px; width: 100%; } #globalMenu li { display: block; float: left; height: 100%; text-indent: -9999em; } #globalMenu li a { background-image: url("http://img.refreezed.com/global-menu-3.png"); background-repeat: no-repeat; color: #90AACF; display: block; height: 100%; overflow: hidden; width: 100%; } #globalMenu-a1 { width: 241px; } #globalMenu-a1 a { background-position: 0 0; } #globalMenu-a1 a:hover { background-position: 0 -38px; } #globalMenu-a2 { width: 181px; } #globalMenu-a2 a { background-position: -241px 0; } #globalMenu-a2 a:hover { background-position: -241px -38px; } #globalMenu-a3 { width: 172px; } #globalMenu-a3 a { background-position: -422px 0; } #globalMenu-a3 a:hover { background-position: -422px -38px; } #globalMenu-a4 { width: 206px; } #globalMenu-a4 a { background-position: -594px 0; } #globalMenu-a4 a:hover { background-position: -594px -38px; } /* ## BODY ## */ #body { padding-top: 20px; } /* ## SIDEBAR (Formerly "leftSide") ## */ #sideBar { float: left; width: 158px; } #sideBar .sideBox { margin-bottom: 20px; } #sideBar .sideBox.styled { background-color: #E0EEFF; border: 1px solid #90AACF; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } #sideBar .sideBox.styled .label { color: #90AACF; font-weight: bold; margin-bottom: 4px; overflow: hidden; text-align: center; text-shadow: 1px 1px 0 white; } #sideBar .sideBox.styled .hr { background-color: #90AACF; height: 1px; margin: 4px -5px; } /* Search box */ #sideBar .searchBox { } #sideBar .searchBox .input { border: 1px solid #90AACF; } #sideBar .searchBox .input .query { border: 0; color: black; margin: 0; padding: 0; width: 100%; } #sideBar .searchBox .input .query:focus { outline: 1px solid #DDD000; } #sideBar .searchBox .input .query.dimmed { color: #90AACF; } #sideBar .searchBox .input .section { border: 0; color: black; margin: 0; padding: 0; width: 100%; } #sideBar .searchBox .input .section:focus { outline: 1px solid #DDD000; } #sideBar .searchBox .input + .input { margin-top: 2px; } /* Menu */ #sideBar .menu ul { margin: 4px 0 0; } #sideBar .menu a { color: black; font-weight: bold; text-decoration: none; } #sideBar .menu a:hover { color: #485567; } /* Google ads */ #sideBar .googleAdsBoxWrapper { background-color: white; border-radius: 2px; padding: 2px; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } #sideBar .googleAdsBox { width: 120px; margin: 0 auto; height: 240px; } /* Affiliates */ #sideBar .affiliates { padding: 1px 0; } #sideBar .affiliates a.affiliate { border: 1px solid #90AACF; color: #90AACF; display: block; height: 31px; margin: 0 auto 4px; width: 88px; } #sideBar .affiliates a.affiliate img { display: block; height: 31px; width: 88px; } /* Account menu (Depricated) */ #accountMenu { background-color: #E0EEFF; border-radius: 5px; padding: 5px; } /* FIX */ #accountMenu { -icab-border-radius: 5px; } /* FIX */ #accountMenu { -khtml-border-radius: 5px; } /* FIX */ #accountMenu { -moz-border-radius: 5px; } /* FIX */ #accountMenu { -o-border-radius: 5px; } /* FIX */ #accountMenu { -webkit-border-radius: 5px; } #accountMenu .username { background-color: white; border-radius: 1px; color: #90AACF; font-weight: bold; overflow: hidden; padding: 2px 0; text-align: center; } /* FIX */ #accountMenu .username { -icab-border-radius: 1px; } /* FIX */ #accountMenu .username { -khtml-border-radius: 1px; } /* FIX */ #accountMenu .username { -moz-border-radius: 1px; } /* FIX */ #accountMenu .username { -o-border-radius: 1px; } /* FIX */ #accountMenu .username { -webkit-border-radius: 1px; } #accountMenu ul { margin: 4px 0; } #accountMenu a { color: black; font-weight: bold; text-decoration: none; } #accountMenu a:hover { color: #485567; } #accountMenu .hr { background-color: white; height: 1px; margin: 4px -5px; } #accountMenu .logout { margin-top: 5px; } /* Login box (Depricated) */ #signIn { background-color: #E0EEFF; border-radius: 5px; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } #signIn label { font-size: 11px; } #signIn input[type=text], #signIn input[type=password] { width: 148px; } #signIn input[type=checkbox] { vertical-align: middle; } #signIn .formButton, #signIn .busyButton { float: none; margin: 2px auto 0; padding: 0; width: 148px; } /* Shoutbox (Not updated yet!) */ /* #shoutbox form { font-size: 11px; } #shoutbox input[type="text"] { margin: 0; width: 148px; } #shoutbox label { font-size: 9px; margin: 0; } #shoutbox #currentShoutDate:hover { cursor: help; } #shoutbox #shoutEntries { border: 1px solid #90AACF; font-size: 11px; max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 0 1px; } #shoutbox #shoutEntries .shoutEntry .shoutContent .shoutName { font-weight: bold; } #shoutbox #shoutEntries .shoutEntry .shoutDate { color: #485568; font-size: 9px; text-align: right; } #shoutbox #shoutEntries .shoutEntry .shoutIP:hover { cursor: help; } */ /* ## MAIN ## */ #main { } #main.compact { float: right; width: 622px; } #main.full { } /* Common blocks */ .commonLinks { margin-top: 20px; text-align: center; } /* Depricated! */ .text > * + * { margin-top: 10px; } /* Depricated! Use spacedBlocks instead */ .spacedBlocks p, .spacedBlocks ul, .spacedBlocks ol, .spacedBlocks dl { /*.spacedBlocks p, .spacedBlocks ul, .spacedBlocks ol, .spacedBlocks blockquote, .spacedBlocks object, .spacedBlocks dl, .spacedBlocks embed {*/ margin-top: 10px; } .spacedBlock { margin-top: 10px; } .spacedBlock.first { margin-top: 0; } .spacer { height: 10px; } .spacer.small { height: 5px; } .spacer.big { height: 20px; } /* ## FOOTER ## */ #footer { background: white url("http://img.refreezed.com/gradient_in_long_blue.gif") repeat-x top left; border: 1px solid #E0EEFF; font-size: 11px; margin: 40px -10px 0; padding: 10px; text-align: center; } #footerSpace { height: 248px; padding-top: 9px; } /* ## BLACKOUT ## */ #blackout { background-color: #C0C0C8; display: none; height: 100%; left: 0; opacity: 0.75; position: fixed; top: 0; width: 100%; z-index: 1000; /* FIX */ filter: alpha(opacity=75); } /* ## FLOATER ## */ #floater { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2000; } #floater #innerFloater { background-color: white; border: 1px solid black; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); margin: 0 auto; max-height: 100%; overflow: auto; position: relative; /* FIX */ -icab-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* FIX */ -khtml-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* FIX */ -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* FIX */ -o-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* FIX */ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } #floater #innerFloater #floaterHead { border-bottom: 1px solid black; } #floater #innerFloater #floaterHead a { background-color: #202020; color: white; display: block; font-weight: bold; padding: 5px; text-align: center; text-decoration: none; } #floater #innerFloater #floaterHead a:hover { background-color: #383838; text-decoration: underline } #floater #innerFloater #floaterBody { } #floater #innerFloater #floaterFoot { clear: both; } /* ## HELP BOX ## */ #helpBox { background-color: #F0F6FF; border: 1px solid #90AACF; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); display: none; font-size: 11px; max-width: 250px; min-width: 50px; padding: 3px; position: absolute; z-index: 10000; /* FIX */ -icab-border-radius: 3px; -icab-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -khtml-border-radius: 3px; -khtml-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -moz-border-radius: 3px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -o-border-radius: 3px; -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .helpButton { cursor: help; height: 14px; vertical-align: text-bottom; width: 14px; } /* PAGES ********************************************************************************************************************************/ /* ## /ACCOUNT ## */ /* Notifications */ .notificationCenter .notificationFilters { float: left; font-weight: bold; width: 160px; } .notificationCenter .notificationFilters li a { color: black; display: block; padding: 2px; text-decoration: none; /* FIX */ zoom: 1; } .notificationCenter .notificationFilters li a:hover { background-color: #F0F6FF; color: #485567; } .notificationCenter .notificationFilters li a.selected { background-color: #E0EEFF; border-radius: 2px; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } .notificationCenter .notificationsWrapper { margin-left: 180px; } .notificationCenter .notificationsWrapper .notifications { float: right; width: 100%; } /* PMs */ .pm { margin-top: 20px; } .pm .head .avatar { border: 1px solid #90AACF; float: left; height: 50px; width: 50px; } .pm .head .avatar a { display: block; height: 100%; overflow: hidden; width: 100%; } .pm .head .avatar img { display: block; height: 100%; width: 100%; } .pm .head .info { float: left; font-size: 13px; font-weight: bold; margin: 1px 0 0 10px; } .pm .head .info li { line-height: 1.25em; } .pm .tools { margin-top: 20px; } .pm .content { background-color: #F0F6FF; border: 1px solid #90AACF; border-radius: 5px; margin-top: 10px; padding: 10px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .pm .content > * + * { margin-top: 10px; } /* ## /DEV ## */ /* div.code-html { background: #F9F9F9 url("http://img.refreezed.com/code_html.png") top right no-repeat; border: 1px solid #2F6FAB; color: black; font-family: "Courier New", monospace; max-height: 50em; overflow: auto; padding: 10px; white-space: nowrap; } div.code-html span.code-tab { padding-left: 20px; } div.code-html > span.code-com { color: #808080; font-style: italic; } div.code-html > span.code-ent { color: #666600; font-style: italic; } div.code-html > span.code-excl { color: #00BBDD; } div.code-html > span.code-tag { color: #009900; } div.code-html > span.code-tag > span.code-attr { color: #000066; } div.code-html > span.code-tag > span.code-base { color: black; font-weight: bold; } div.code-html > span.code-tag > span.code-val { color: #FF0000; } div.code-javascript { background: #F9F9F9 url("http://img.refreezed.com/code_javascript.png") top right no-repeat; border: 1px solid #2F6FAB; color: black; font-family: "Courier New", monospace; max-height: 50em; overflow: auto; padding: 10px; white-space: nowrap; } div.code-javascript span.code-tab { padding-left: 20px; } div.code-javascript > span.code-com { color: #009900; font-style: italic; } div.code-javascript > span.code-cMeth { color: #006600; } div.code-javascript > span.code-cProp { color: #006600; } div.code-javascript > span.code-meth { color: #000066; } div.code-javascript > span.code-num { color: #CC0000; } div.code-javascript > span.code-op { color: #66CC66; } div.code-javascript > span.code-pre { font-weight: bold; } div.code-javascript > span.code-prop { color: #000066; } div.code-javascript > span.code-res { color: #003366; font-weight: bold; } div.code-javascript > span.code-str { color: #3366CC; } */ /* ## /COMICS ## */ /* /Cast */ ul.comicCast { /* FIX */ zoom: 1; } ul.comicCast li { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 5px; margin-top: 10px; padding: 10px 10px 0; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.comicCast li .photo { border: 1px solid #90AACF; float: right; height: 150px; margin: 0 0 10px 10px; width: 200px; } ul.comicCast li .photo img { display: block; height: 150px; width: 200px; } ul.comicCast li .name { font-size: 15px; font-weight: bold; } ul.comicCast li .description { margin-bottom: 10px; } /* /Comic */ .comicImage { } .comicImage img { display: block; margin: 0 auto; } /* /View */ .comicNavigation { height: 35px; margin: 10px auto 0; width: 600px; } .comicNavigation li { float: left; height: 25px; padding: 5px; width: 110px; } .comicNavigation li .label { border: 1px solid; border-radius: 5px; display: block; height: 23px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .comicNavigation li .label span { text-align: center; display: block; font-weight: bold; line-height: 23px; } .comicNavigation li a.label { background: white url("http://img.refreezed.com/gradient_out_long_blue.gif") left bottom repeat-x; border-color: #90AACF; color: black; text-decoration: none !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -icab-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -khtml-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .comicNavigation li a.label:hover { color: #485568; } .comicNavigation li a.label:active:hover { background-image: url("http://img.refreezed.com/gradient_in_long_blue.gif"); background-position: left top; box-shadow: none; /* FIX */ -icab-box-shadow: none; /* FIX */ -khtml-box-shadow: none; /* FIX */ -moz-box-shadow: none; /* FIX */ -o-box-shadow: none; /* FIX */ -webkit-box-shadow: none; } .comicNavigation li span.label { border-color: #C0C0C0; color: #C0C0C0; cursor: default; } .comicStripImage { margin: 20px 0; } .comicStripImage a { display: block; } .comicStripImage img { display: block; margin: 0 auto; max-width: 778px; } .comicCopyrightNotice { color: #90AACF; margin: 10px 0; text-align: center; } .comicCopyrightNotice a { color: #90AACF; } .comicInfo { background-color: #E0EEFF; border-radius: 5px; margin: 10px 0; padding: 10px; /* FIX */ zoom: 1; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .comicInfo .comicQuickInfo { background: white url("http://img.refreezed.com/gradient_in_long_blue.gif") repeat-x top left; border: 1px solid #90AACF; float: right; padding: 5px; width: 175px; } .comicInfo .comicStripScore { height: 25px; padding-bottom: 5px; } .comicInfo .comicStripScore .stars { height: 25px; margin: 0 auto; width: 125px; } .comicInfo .comicStripScore .stars a { display: block; float: left; height: 25px; width: 25px; } .comicInfo .comicStripScore .stars img { display: block; float: left; height: 25px; width: 25px; } .comicInfo .mainInfo { margin-right: 197px; } .comicInfo .mainInfo .title { font-size: 15px; font-weight: bold; } .comicInfo .mainInfo .authorAndDate { font-size: 11px; } .comicInfo .mainInfo .storyArc { } .comicInfo .mainInfo .comicAuthorsComments { margin-top: 10px; } .comicInfo .mainInfo .tags { font-size: 11px; margin-top: 10px; } .comicInfo .comicStripActions { margin-top: 5px; } .comicInfo .comicStripActions a span { background-image: url("http://img.refreezed.com/site-icons/common-icons.png"); background-repeat: no-repeat; display: block; float: left; height: 10px; margin: 3px 5px 0 0; width: 10px; } .comicInfo .comicStripActions a.favoriteComicStrip span { background-position: -1px -1px; } .comicInfo .comicStripActions a.favoriteComicStrip:hover span { background-position: -1px -12px; } .comicInfo .comicStripActions a.watchComicStrip span { background-position: -12px -1px; } .comicInfo .comicStripActions a.watchComicStrip:hover span { background-position: -12px -12px; } .comicInfo .comicStripActions a.shareComicStrip span { background-position: -23px -1px; } .comicInfo .comicStripActions a.shareComicStrip:hover span { background-position: -23px -12px; } .comicInfo .comicStripActions a.reportComicStrip { float: right; margin-right: 0; } .comicInfo .comicStripActions a.reportComicStrip span { background-position: -34px -1px; } .comicInfo .comicStripActions a.reportComicStrip:hover span { background-position: -34px -12px; } .comicInfo .extraStuff { background-color: #F0F6FF; border-radius: 5px; margin-top: 10px; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .comicInfo .extraStuff .title { font-weight: bold; text-align: center; } .comicInfo .extraStuff p { font-style: italic; margin-top: 5px; text-align: center; } /* ## /FORUMS ## */ .forumNavigation { height: 18px; margin: 10px 0; padding: 5px 10px; } .forumNavigation p { float: left; font-size: 11px; margin-top: 2px; } .forumNavigation p a { font-weight: bold; } .forumNavigation .mediumBlueButton, .forumNavigation .mediumGrayButton { float: right; margin: 0 0 0 10px; } .forumRules { background-color: #D7D7D7; font-size: 11px; padding: 10px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .forumRules .title { font-size: 15px; font-style: italic; font-weight: bold; } /* Forums */ .forums { width: 100%; } .forums thead { border-bottom: 1px dotted #90AACF; } .forums th { color: #485568; font-size: 11px; font-weight: bold; padding: 0 4px 2px; text-align: center; } .forums th.left { text-align: left; } .forums td { height: 56px; } .forums td.forumGroup { font-style: italic; font-weight: bold; height: auto; padding: 15px 0 5px; } .forums .icon { padding: 0 10px; width: 50px; } .forums .icon img { display: block; height: 50px; width: 50px; } .forums .link { font-size: 11px; padding-right: 50px; } .forums .link a { color: black; display: block; padding: 4px; } .forums .link a .title { color: #0000DD; display: block; font-size: 15px; font-weight: bold; } .forums .link a:hover { background-color: #E0EEFF; border-radius: 4px; text-decoration: none; /* FIX */ -icab-border-radius: 4px; /* FIX */ -khtml-border-radius: 4px; /* FIX */ -moz-border-radius: 4px; /* FIX */ -o-border-radius: 4px; /* FIX */ -webkit-border-radius: 4px; } .forums .topics { font-size: 11px; text-align: center; width: 70px; } .forums .replies { font-size: 11px; text-align: center; width: 80px; } .forums .lastPost { color: #90AACF; font-size: 11px; text-align: center; width: 170px; } /* Nice forums */ table.niceTable.niceForums td.category { border: 0; font-size: 13px; font-style: italic; font-weight: bold; padding: 15px 0 0; text-align: left; } table.niceTable.niceForums tbody tr:hover td.category { background-color: transparent; } table.niceTable.niceForums .icon { background-color: white; padding: 0; width: 50px; } table.niceTable.niceForums .icon img { display: block; height: 50px; width: 50px; } table.niceTable.niceForums .link { font-size: 11px; text-align: left; } table.niceTable.niceForums .link a { color: black; display: block; padding: 4px; } table.niceTable.niceForums .link a .title { color: #0000DD; display: block; font-size: 15px; font-weight: bold; } table.niceTable.niceForums .link a:hover { background-color: #E0EEFF; border-radius: 4px; text-decoration: none; /* FIX */ -icab-border-radius: 4px; /* FIX */ -khtml-border-radius: 4px; /* FIX */ -moz-border-radius: 4px; /* FIX */ -o-border-radius: 4px; /* FIX */ -webkit-border-radius: 4px; } table.niceTable.niceForums .topics { font-size: 11px; text-align: center; width: 52px; } table.niceTable.niceForums .replies { font-size: 11px; text-align: center; width: 52px; } table.niceTable.niceForums .lastPost { color: #90AACF; font-size: 11px; text-align: center; width: 220px; } /* Threads */ .threads { width: 100%; } .threads thead { border-bottom: 1px dotted #90AACF; } .threads th { color: #485568; font-size: 11px; font-weight: bold; padding: 0 4px 2px; text-align: center; } .threads th.left { text-align: left; } .threads td { font-size: 13px; height: 50px; padding: 5px 0; } .threads .icon { padding: 5px 10px; width: 40px; } .threads .icon div { position: relative; } .threads .icon img { display: block; height: 40px; width: 40px; } .threads .icon img.badge { height: 25px; left: -3px; position: absolute; top: -3px; width: 25px; } .threads .link { font-size: 13px; font-weight: bold; } .threads .link p { font-size: 11px; font-weight: normal; } .threads .tools { color: #90AACF; font-size: 11px; text-align: center; width: 50px; } .threads .tools a { color: #CA0C0C; } .threads .threadStarter { color: #90AACF; font-size: 11px; text-align: center; width: 140px; } .threads .replies { font-size: 11px; text-align: center; width: 70px; } .threads .lastPost { color: #90AACF; font-size: 11px; text-align: center; width: 140px; } .threadLegend { background-color: #F0F6FF; border: 1px solid #E0EEFF; height: 40px; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .threadLegend div { float: left; position: relative; width: 25%; } .threadLegend div img { display: block; float: left; height: 40px; width: 40px; } .threadLegend img.badge { height: 25px; left: -3px; position: absolute; top: -3px; width: 25px; } .threadLegend div p { font-size: 13px; font-weight: bold; margin-left: 50px; padding-top: 12px; } /* .threadLegend { border-top: 1px dotted #90AACF; height: 40px; margin-top: 10px; padding-top: 5px; width: 100%; } .threadLegend div { float: left; width: 24%; } .threadLegend div p { font-size: 13px; font-weight: bold; margin-top: 12px; } .threadLegend div img { display: block; float: left; height: 40px; margin: 0 10px; width: 40px; } */ /* Nice threads */ table.niceTable.niceThreads .icon { width: 40px; } table.niceTable.niceThreads .icon div { position: relative; } table.niceTable.niceThreads .icon img { display: block; height: 40px; width: 40px; } table.niceTable.niceThreads .icon img.badge { height: 25px; left: -3px; position: absolute; top: -3px; width: 25px; } table.niceTable.niceThreads .link { font-size: 13px; font-weight: bold; text-align: left; } table.niceTable.niceThreads .link p { font-size: 11px; font-weight: normal; } table.niceTable.niceThreads .tools { color: #90AACF; font-size: 11px; text-align: center; width: 52px; } table.niceTable.niceThreads .tools a { color: #CA0C0C; } table.niceTable.niceThreads .threadStarter { color: #90AACF; font-size: 11px; text-align: center; width: 120px; } table.niceTable.niceThreads .replies { font-size: 11px; text-align: center; width: 52px; } table.niceTable.niceThreads .lastPost { color: #90AACF; font-size: 11px; text-align: center; width: 120px; } /* Posts */ .post { background-color: #F0F6FF; border: 1px solid #90AACF; margin: 40px 0; } .post .head { background: white url("http://img.refreezed.com/gradient_in_long_blue.gif") repeat-x top left; border-bottom: 1px solid #90AACF; height: 17px; overflow: hidden; padding: 10px; } .post .head .name { float: left; font-size: 14px; font-weight: bold; } .post .head .links { color: #90AACF; float: left; font-size: 11px; margin-left: 15px; margin-top: 1px; } .post .head .tools { color: #90AACF; float: left; font-size: 11px; margin-left: 15px; margin-top: 1px; } .post .head .tools a { color: #CA0C0C; } .post .head .date { color: #485568; float: right; font-size: 11px; margin-top: 1px; } .post .head .date a { color: #485568; } .post .head .mediumBlueButton, .post .head .mediumGrayButton { float: right; margin: -1px 0 0 10px; } .post .user { background-color: #E0EEFF; float: left; padding: 10px; width: 106px; } .post .user .avatar { background-color: white; border: 1px solid #90AACF; height: 50px; margin: 0 auto; width: 50px; } .post .user .avatar a { display: block; height: 50px; overflow: hidden; width: 50px; } .post .user .avatar img { display: block; height: 50px; width: 50px; } .post .user .info { font-size: 11px; margin-top: 5px; } .post .user .info li { line-height: 1.25em; } .post .content { border-left: 126px solid #E0EEFF; margin-top: 10px; padding: 0 10px 10px; } .post .content .signature { border-top: 1px dotted #90AACF; color: #485568; margin-top: 20px; } .post .content .signature img { margin-top: 10px; } .post.onlyContent .content { border-left: none; } /* ## /HELP ## */ #helpCenter { } #helpCenter #helpCenterContents { float: left; font-size: 11px; width: 200px; } #helpCenter #helpCenterContents .label { font-weight: bold; } #helpCenter #helpCenterContents .label a { color: black; text-decoration: none; } #helpCenter #helpCenterContents .label a:hover { color: #485567; } #helpCenter #helpCenterContents ul { padding-bottom: 5px; } #helpCenter #helpCenterQaas { margin-left: 220px; } #helpCenter #helpCenterQaas .qaaBox { font-size: 11px; margin: 5px 0 15px; } #helpCenter #helpCenterQaas .qaaBox .question { font-weight: bold; } #helpCenter #helpCenterQaas .qaaBox .answer { border-bottom: 2px solid #E3FFE8; margin: 2px 10px 5px; padding-bottom: 2px; } /* ## /LIT ## */ .helpNavigation { margin: 40px 0; } .helpNavigation ul { margin: 5px 0 10px; } .helpNavigation ul li { font-size: 11px; } .helpQuestion { font-size: 13px; font-style: italic; font-weight: bold; margin: 20px 0 10px; } /* ## /JOIN ## */ #captchaBox { float: left; height: 80px; position: relative; width: 450px; } #captchaBox p { bottom: 0; left: 0; line-height: 1.2em; margin: 5px 0; position: absolute; width: 200px; } #captchaBox img { position: absolute; right: 0; top: 2px; } #captchaBox #updateCaptcha { line-height: 1.2em; position: absolute; right: 0; bottom: 0; } /* ## /MUSIC ## */ /* .musicBox { margin: 10px 0; } .musicBox .musicBox-content .musicPlayer { background: white; display: block; height: 50px; margin: 0 auto; width: 500px; } .musicBox .musicBox-content .song-title { background-color: #383838; border-radius: 5px; font-weight: bold; margin: 5px 5px 0; padding: 5px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .musicBox .musicBox-content .song-info { font-size: 11px; font-weight: bold; margin: 0; padding: 0 10px; } .musicBox .musicBox-content .song-description { margin-top: 10px; } */ /* ## /USER ## */ #userProfileBox { background-color: #202020; border-radius: 10px; color: white; padding: 10px; /* FIX */ -icab-border-radius: 10px; /* FIX */ -khtml-border-radius: 10px; /* FIX */ -moz-border-radius: 10px; /* FIX */ -o-border-radius: 10px; /* FIX */ -webkit-border-radius: 10px; } #userProfileBox a { color: #8080FF; } #userProfileBox .opaque { color: gray; } #userProfileBox .highlight { color: #70CC80; } #userProfileBox .profileImage { background-color: #303030; border-color: #303030; border-radius: 10px; border-style: solid; border-width: 1px 20px; float: left; height: 150px; width: 200px; /* FIX */ -icab-border-radius: 10px; /* FIX */ -khtml-border-radius: 10px; /* FIX */ -moz-border-radius: 10px; /* FIX */ -o-border-radius: 10px; /* FIX */ -webkit-border-radius: 10px; } #userProfileBox .profileImage img { background-color: white; display: block; height: 150px; width: 200px; } #userProfileBox .userData { float: right; width: 330px; } #userProfileBox .userData .username { font-size: 13px; font-weight: bold; } #userProfileBox .userData .privilege { background-color: #303030; border-radius: 2px; color: gray; font-size: 11px; padding: 0 2px; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } #userProfileBox .userData ul { border-top: 1px dotted #303030; font-size: 11px; margin-top: 4px; padding-top: 3px; } #userProfileBox .userDescription { margin-top: 10px; padding: 10px; } /* #userProfileBox { } #userProfileBox .highlight { color: #37653F; } #userProfileBox .profileImage { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 10px; float: left; height: 150px; padding: 0 19px; width: 200px; } /* FIX / #userProfileBox .profileImage { -icab-border-radius: 10px; } /* FIX / #userProfileBox .profileImage { -khtml-border-radius: 10px; } /* FIX / #userProfileBox .profileImage { -moz-border-radius: 10px; } /* FIX / #userProfileBox .profileImage { -o-border-radius: 10px; } /* FIX / #userProfileBox .profileImage { -webkit-border-radius: 10px; } #userProfileBox .profileImage img { background-color: white; display: block; height: 150px; width: 200px; } #userProfileBox .userData { float: right; width: 350px; } #userProfileBox .userData .username { font-size: 13px; font-weight: bold; } #userProfileBox .userData .privilege { background-color: #90AACF; border-radius: 2px; font-size: 11px; padding: 0 2px; } /* FIX / #userProfileBox .userData .privilege { -icab-border-radius: 2px; } /* FIX / #userProfileBox .userData .privilege { -khtml-border-radius: 2px; } /* FIX / #userProfileBox .userData .privilege { -moz-border-radius: 2px; } /* FIX / #userProfileBox .userData .privilege { -o-border-radius: 2px; } /* FIX / #userProfileBox .userData .privilege { -webkit-border-radius: 2px; } #userProfileBox .userData ul { border-top: 1px dotted #90AACF; font-size: 11px; margin-top: 4px; padding-top: 3px; } #userProfileBox .userDescription { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 5px; margin-top: 10px; padding: 10px; } /* FIX / #userProfileBox .userDescription { -icab-border-radius: 5px; } /* FIX / #userProfileBox .userDescription { -khtml-border-radius: 5px; } /* FIX / #userProfileBox .userDescription { -moz-border-radius: 5px; } /* FIX / #userProfileBox .userDescription { -o-border-radius: 5px; } /* FIX / #userProfileBox .userDescription { -webkit-border-radius: 5px; } */ /* Profile header */ #profileHeader { max-height: 100px; min-height: 40px; } #profileHeader img { display: block; max-height: 100px; min-height: 40px; width: 800px; } /* ## /WEB ## */ ul.webLinkList { margin-top: 10px; } ul.webLinkList li { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 5px; margin-top: 5px; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.webLinkList li .score { float: left; font-size: 11px; font-weight: bold; line-height: 1em; text-align: center; width: 134px; } ul.webLinkList li .judger { clear: left; margin-top: 2px; } ul.webLinkList li .title { font-size: 15px; font-weight: bold; margin-left: 144px; overflow: hidden; padding-bottom: 1px; white-space: nowrap; } ul.webLinkList li .categories { font-size: 11px; margin: 1px 0 0 144px; overflow: hidden; white-space: nowrap; } ul.webLinkList li .submitInfo { color: #485568; font-size: 11px; margin: 1px 0 0 144px; overflow: hidden; white-space: nowrap; } ul.webLinkList li .submitInfo .submitter { color: #90AACF; } ul.webLinkList li .submitInfo .submitter a { color: #90AACF; } ul.webLinkList li .description { clear: both; padding-top: 5px; } ul.webLinkList li .description a { color: #00006E; } ul.webLinkList li .description a.comments { color: #90AACF; font-size: 11px; margin-left: 4px; } ul.webCategoryList { } ul.webCategoryList .webCategoryListItem { border-radius: 5px; float: left; padding: 5px 10px; position: relative; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.webCategoryList .webCategoryListItem .link { font-weight: bold; } ul.webCategoryList .webCategoryListItem ul.webSubCategoryList { background-color: #F0F6FF; border: 1px solid #90AACF; box-shadow: 0 1px 2px #90AACF; display: none; left: 0; padding: 5px; position: absolute; top: 100%; width: 155px; z-index: 100; /* FIX */ -icab-border-radius: 5px; -icab-box-shadow: 0 1px 2px #90AACF; /* FIX */ -khtml-border-radius: 5px; -khtml-box-shadow: 0 1px 2px #90AACF; /* FIX */ -moz-border-radius: 5px; -moz-box-shadow: 0 1px 2px #90AACF; /* FIX */ -o-border-radius: 5px; -o-box-shadow: 0 1px 2px #90AACF; /* FIX */ -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px #90AACF; } ul.webCategoryList .webCategoryListItem ul.webSubCategoryList .webSubCategoryListItem { position: relative; } ul.webCategoryList .webCategoryListItem ul.webSubCategoryList .webSubCategoryListItem.hasSubCategoryList { background: url("http://img.refreezed.com/bullet_arrow.png") no-repeat center right; } ul.webCategoryList .webCategoryListItem ul.webSubCategoryList .webSubCategoryListItem .link { font-weight: normal; } ul.webCategoryList .webCategoryListItem ul.webSubCategoryList .webSubCategoryListItem .link a { display: block; padding: 3px; width: 100%; } ul.webCategoryList .webCategoryListItem ul.webSubCategoryList .webSubCategoryListItem ul.webSubCategoryList { left: 100%; top: -6px; } ul.webCategoryList .webCategoryListItem:hover { background-color: #E0EEFF; } ul.webCategoryList .webCategoryListItem:hover ul.webSubCategoryList { display: block; } ul.webCategoryList .webCategoryListItem:hover ul.webSubCategoryList .webSubCategoryListItem ul.webSubCategoryList { display: none; } ul.webCategoryList .webCategoryListItem:hover ul.webSubCategoryList .webSubCategoryListItem:hover { background-color: #E0EEFF; } ul.webCategoryList .webCategoryListItem:hover ul.webSubCategoryList .webSubCategoryListItem:hover ul.webSubCategoryList { display: block; } /* PARTS OF PAGES ********************************************************************************************************************************/ /* ## BOXES ## */ .box { border: 1px solid #E0EEFF; border-radius: 10px; margin-bottom: 40px; padding: 10px; /* FIX */ zoom: 1; /* FIX */ -icab-border-radius: 10px; /* FIX */ -khtml-border-radius: 10px; /* FIX */ -moz-border-radius: 10px; /* FIX */ -o-border-radius: 10px; /* FIX */ -webkit-border-radius: 10px; } .box .boxContent { } .box .heading { background: transparent url("http://img.refreezed.com/gradient_out_long_blue.gif") bottom left repeat-x; height: 22px; overflow: hidden; margin: -10px -10px 10px; padding: 5px; /*position: relative;*/ } .box .heading h1 { background: transparent; float: left; font-size: 18px; font-weight: bold; margin: 0; padding: 0; letter-spacing: -1px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-transform: uppercase; white-space: nowrap; word-spacing: 2px; /* FIX */ -icab-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); /* FIX */ -khtml-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); /* FIX */ -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); /* FIX */ -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); /* FIX */ -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .box .heading p { color: #485568; float: right; font-size: 11px; font-weight: bold; margin: 4px 3px 0 8px; } /*.box .heading p { color: #485568; font-size: 11px; font-weight: bold; margin: 4px 3px 0 8px; position: absolute; right: 3px; }*/ .box .smallHeading { background: #E0EEFF url("http://img.refreezed.com/stripes_medium.gif") top left repeat; border: 2px solid #E0EEFF; border-radius: 7px; height: 18px; margin: -8px -8px 10px; padding: 3px; /* FIX */ -icab-border-radius: 7px; /* FIX */ -khtml-border-radius: 7px; /* FIX */ -moz-border-radius: 7px; /* FIX */ -o-border-radius: 7px; /* FIX */ -webkit-border-radius: 7px; } .box .smallHeading h2 { float: left; font-size: 15px; font-weight: bold; margin: 0; padding: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: capitalize; /* FIX */ -icab-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -khtml-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -o-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .box .smallHeading p { color: #485568; float: right; font-size: 11px; font-weight: bold; margin: 1px 1px 0 8px; } .box .tinyHeading { background: white url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border-bottom: 1px solid #E0EEFF; margin: 0 0 10px; padding: 2px 4px; } .box .tinyHeading h3 { font-size: 13px; font-style: italic; font-weight: bold; } .box .tinyHeading h3 a { color: black; text-decoration: none !important; } .box .heading + .smallHeading { background: #F0F6FF; border-width: 1px 0; border-radius: 0; margin: -11px -10px 10px; padding: 5px; /*position: relative;*/ /* FIX */ -icab-border-radius: 0; /* FIX */ -khtml-border-radius: 0; /* FIX */ -moz-border-radius: 0; /* FIX */ -o-border-radius: 0; /* FIX */ -webkit-border-radius: 0; } .box .heading + .smallHeading p { margin-top: 2px; } /* .box .heading + .smallHeading { background-image: none; border-width: 0 0 1px; border-radius: 0; margin: -11px -10px 10px; position: relative; /* FIX / -icab-border-radius: 0; /* FIX / -khtml-border-radius: 0; /* FIX / -moz-border-radius: 0; /* FIX / -o-border-radius: 0; /* FIX / -webkit-border-radius: 0; } */ /* ## BREAD NAVIGATION ## */ /* FIX (IE) */ .bundle { border-color: #A8BDDB #C7D6EB; border-style: solid; border-width: 2px 1px 0; } .bundle { background-color: #F0F6FF; border-radius: 5px; margin: 10px 0 0; overflow: hidden; padding: 2px 6px 3px; white-space: nowrap; /* FIX */ -icab-border-radius: 5px; -icab-box-shadow: 0 1px 2px #90AACF inset; /* FIX */ -khtml-border-radius: 5px; -khtml-box-shadow: 0 1px 2px #90AACF inset; /* FIX */ -moz-border-radius: 5px; -moz-box-shadow: 0 1px 2px #90AACF inset; /* FIX */ -o-border-radius: 5px; -o-box-shadow: 0 1px 2px #90AACF inset; /* FIX */ -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px #90AACF inset; /* UN-FIX */ border: 0 rgba(0, 0, 0, 0); /* IE doesn't understand rgba(), thus ignores this and keeps the border */ } /*.bundle { border: 3px solid #F0F6FF; border-radius: 5px; margin: 10px 0 0; overflow: hidden; padding: 2px 6px 3px; white-space: nowrap; /* FIX / -icab-border-radius: 5px; /* FIX / -khtml-border-radius: 5px; /* FIX / -moz-border-radius: 5px; /* FIX / -o-border-radius: 5px; /* FIX / -webkit-border-radius: 5px; }*/ .bundle .bread { display: inline; } .bundle .bread li { display: inline; font-size: 11px; } .bundle .bread li a { background: transparent url("http://img.refreezed.com/bullet_arrow.png") center right no-repeat; margin-right: 5px; padding-right: 11px; } .box .bundle { margin: 10px 0; } /* ## BUTTONS ## */ /* Big buttons */ .busyButton, .blueButton, .grayButton, .greenButton, .redButton { /* (All big buttons) */ background: white left bottom repeat-x; border: 1px solid; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: black; cursor: pointer; display: block; float: left; font-weight: bold; line-height: 1.4em; margin: 0 10px 0 0; padding: 3px 15px; text-decoration: none !important; /* FIX */ -icab-border-radius: 3px; -icab-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -khtml-border-radius: 3px; -khtml-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -moz-border-radius: 3px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -o-border-radius: 3px; -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); /* FIX */ -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .busyButton.floatRight, .blueButton.floatRight, .grayButton.floatRight, .greenButton.floatRight, .redButton.floatRight { float: right; margin: 0 0 0 10px; } .blueButton:active:hover, .greenButton:active:hover, .redButton:active:hover { /* (Clickable buttons) */ background-position: left top; box-shadow: none; /* FIX */ -icab-box-shadow: none; /* FIX */ -khtml-box-shadow: none; /* FIX */ -moz-box-shadow: none; /* FIX */ -o-box-shadow: none; /* FIX */ -webkit-box-shadow: none; } .busyButton, .grayButton { /* (Non-clickable buttons) */ border-color: #C0C0C0; box-shadow: none; color: #C0C0C0; cursor: default; display: none; /* Note: These buttons will only be visible in busy forms */ /* FIX */ -icab-box-shadow: none; /* FIX */ -khtml-box-shadow: none; /* FIX */ -moz-box-shadow: none; /* FIX */ -o-box-shadow: none; /* FIX */ -webkit-box-shadow: none; } .blueButton { background-image: url("http://img.refreezed.com/gradient_out_long_blue.gif"); border-color: #90AACF; } .blueButton:hover { color: #485568; } .blueButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_long_blue.gif"); } .greenButton { background-image: url("http://img.refreezed.com/gradient_out_long_green.gif"); border-color: #70CC80; } .greenButton:hover { color: #37653F; } .greenButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_long_green.gif"); } .redButton { background-image: url("http://img.refreezed.com/gradient_out_long_red.gif"); border-color: #F77878; } .redButton:hover { color: #7E1E1E; } .redButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_long_red.gif"); } .blueButton[disabled], .blueButton[disabled]:hover, .greenButton[disabled], .greenButton[disabled]:hover, .redButton[disabled], .redButton[disabled]:hover { /* (Disabled buttons) */ background: white; border-color: #C0C0C0; box-shadow: none; color: #C0C0C0; cursor: default; /* FIX */ -icab-box-shadow: none; /* FIX */ -khtml-box-shadow: none; /* FIX */ -moz-box-shadow: none; /* FIX */ -o-box-shadow: none; /* FIX */ -webkit-box-shadow: none; } /* Medium buttons * / .mediumBlueButton, .mediumGreenButton, .mediumRedButton { /* (All medium buttons) * / background: white url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; border-radius: 3px; color: black; cursor: pointer; display: block; float: left; font-weight: bold; line-height: 1.2em; margin: 0 10px 0 0; padding: 0 15px; text-decoration: none !important; /* FIX * / -icab-border-radius: 3px; /* FIX * / -khtml-border-radius: 3px; /* FIX * / -moz-border-radius: 3px; /* FIX * / -o-border-radius: 3px; /* FIX * / -webkit-border-radius: 3px; }*/ .mediumBlueButton { background: white url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; cursor: pointer; display: block; float: left; font-weight: bold; line-height: 1.2em; margin: 0 10px 0 0; padding: 0 15px; text-decoration: none !important; } .mediumBlueButton:hover { color: #485568; } .mediumBlueButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_short_blue.gif"); background-position: top left; } .mediumBlueButton.floatRight { float: right; margin: 0 0 0 10px; } .mediumGrayButton { background-color: white; border: 1px solid #C0C0C0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #C0C0C0; cursor: default; float: left; font-weight: bold; line-height: 1.2em; margin: 0 10px 0 0; padding: 0 15px; text-decoration: none !important; } .mediumGrayButton.floatRight { float: right; margin: 0 0 0 10px; } .mediumGreenButton { background: white url("http://img.refreezed.com/gradient_out_short_green.gif") bottom left repeat-x; border: 1px solid #70CC80; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; cursor: pointer; display: block; float: left; font-weight: bold; line-height: 1.2em; margin: 0 10px 0 0; padding: 0 15px; text-decoration: none !important; } .mediumGreenButton:hover { color: #37653F; } .mediumGreenButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_short_green.gif"); background-position: top left; } .mediumGreenButton.floatRight { float: right; margin: 0 0 0 10px; } .mediumRedButton { background: white url("http://img.refreezed.com/gradient_out_short_red.gif") bottom left repeat-x; border: 1px solid #F77878; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; cursor: pointer; display: block; float: left; font-weight: bold; line-height: 1.2em; margin: 0 10px 0 0; padding: 0 15px; text-decoration: none !important; } .mediumRedButton:hover { color: #7E1E1E; } .mediumRedButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_short_red.gif"); background-position: top left; } .mediumRedButton.floatRight { float: right; margin: 0 0 0 10px; } /* Small buttons */ .smallBlueButton { background: white url("http://img.refreezed.com/gradient_out_short_blue.gif") bottom left repeat-x; border: 1px solid #90AACF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; cursor: pointer; display: block; float: left; font-size: 11px; font-weight: bold; line-height: 1em; margin: 0 1px 0 0; padding: 4px; text-decoration: none !important; } .smallBlueButton:hover { color: #485568; } .smallBlueButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_short_blue.gif"); background-position: top left; } .smallBlueButton.floatRight { float: right; margin: 0 0 0 1px; } .smallGrayButton { background-color: white; border: 1px solid #C0C0C0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #C0C0C0; cursor: default; display: block; float: left; font-size: 11px; font-weight: bold; line-height: 1em; margin: 0 1px 0 0; padding: 4px; text-decoration: none !important; } .smallGrayButton.floatRight { float: right; margin: 0 0 0 1px; } .smallGreenButton { background: white url("http://img.refreezed.com/gradient_out_short_green.gif") bottom left repeat-x; border: 1px solid #70CC80; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; cursor: pointer; display: block; float: left; font-size: 11px; font-weight: bold; line-height: 1em; margin: 0 1px 0 0; padding: 4px; text-decoration: none !important; } .smallGreenButton:hover { color: #37653F; } .smallGreenButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_short_green.gif"); background-position: top left; } .smallGreenButton.floatRight { float: right; margin: 0 0 0 1px; } .smallRedButton { background: white url("http://img.refreezed.com/gradient_out_short_red.gif") bottom left repeat-x; border: 1px solid #F77878; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: black; cursor: pointer; display: block; float: left; font-size: 11px; font-weight: bold; line-height: 1em; margin: 0 1px 0 0; padding: 4px; text-decoration: none !important; } .smallRedButton:hover { color: #7E1E1E; } .smallRedButton:active:hover { background-image: url("http://img.refreezed.com/gradient_in_short_red.gif"); background-position: top left; } .smallRedButton.floatRight { float: right; margin: 0 0 0 1px; } /* (Big) form buttons */ form .busyButton { display: none; } form.busy .formButton { display: none; } form.busy .busyButton { display: block; } /* ## COMMENTS ## */ .comment { background-color: #E0EEFF; border-radius: 5px; margin-top: 10px; padding: 1px; position: relative; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .comment .avatar { border: 1px solid #90AACF; float: right; height: 50px; margin: 5px 5px 0 0; width: 50px; } .comment .avatar a { display: block; height: 50px; width: 50px; } .comment .avatar img { display: block; height: 50px; overflow: hidden; width: 50px; } .comment .name { float: left; font-size: 14px; font-weight: bold; margin: 6px 0 0 8px; } .comment .date { color: #485568; float: left; font-size: 11px; margin: 7px 0 0 8px; } .comment .date a { color: #485568; } .comment .message { background-color: #F0F6FF; border-radius: 4px; margin: 30px 63px 0 0; min-height: 35px; padding: 10px; /* FIX */ -icab-border-radius: 4px; /* FIX */ -khtml-border-radius: 4px; /* FIX */ -moz-border-radius: 4px; /* FIX */ -o-border-radius: 4px; /* FIX */ -webkit-border-radius: 4px; } .comment .message p + p { margin-top: 10px; } .comment .reply { bottom: 6px; position: absolute; right: 6px; width: 52px; } .comment .reply a { font-size: 11px; float: none; margin: 0; padding: 1px 3px; text-align: left; } .comment .reply a img { float: right; margin-top: 4px; } .comment .tools { background-color: #C7FFD0; border: 1px solid #70CC80; border-radius: 5px; box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.3); color: #70CC80; font-size: 11px; left: -71px; padding: 5px; position: absolute; top: 0; visibility: hidden; width: 60px; z-index: 1; /* FIX */ -icab-border-radius: 5px; -icab-box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.3); /* FIX */ -khtml-border-radius: 5px; -khtml-box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.3); /* FIX */ -moz-border-radius: 5px; -moz-box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.3); /* FIX */ -o-border-radius: 5px; -o-box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.3); /* FIX */ -webkit-border-radius: 5px; -webkit-box-shadow: -2px 1px 4px rgba(0, 0, 0, 0.3); } .comment .tools .title { font-weight: bold; text-align: center; text-transform: uppercase; } .comment .tools ul { margin-top: 1px; } .comment .hiddenComment { background-color: white; border-radius: 4px; color: #90AACF; font-size: 11px; font-weight: bold; padding: 8px 0; text-align: center; /* FIX */ -icab-border-radius: 4px; /* FIX */ -khtml-border-radius: 4px; /* FIX */ -moz-border-radius: 4px; /* FIX */ -o-border-radius: 4px; /* FIX */ -webkit-border-radius: 4px; } .comment:hover .tools { visibility: visible; } .comment.new { background-color: #EEEE44; } /* Weaker yellow = #E0E060 */ .comment.new .message { background-color: #FFFF99; } .noCommentsMessage { font-style: italic; } /*.comment.banned .name { color: some_red_color; }*/ /* User comments (Depricated) */ .userComment { background-color: #F0F6FF; border-bottom: 1px dotted #90AACF; margin: 20px 0; padding: 10px; position: relative; } .userComment .user { border-left: 1px dotted #90AACF; font-size: 11px; float: right; padding-left: 10px; width: 70px; } .userComment .user .avatar { border: 1px solid #90AACF; height: 50px; margin: 0 auto; width: 50px; } .userComment .user .avatar a { display: block; height: 100%; overflow: hidden; width: 100%; } .userComment .user .avatar img { display: block; height: 100%; width: 100%; } .userComment .user .info { margin-top: 5px; width: 50px; } .userComment .content { float: left; width: 495px; } .userComment .content .name { display: inline; font-size: 14px; font-weight: bold; } .userComment .content .date { color: #485568; display: inline; font-size: 11px; margin-left: 8px; } .userComment .content .date a { color: #485568; } .userComment .content .message { } .userComment .content .message > * { margin-top: 10px; } .userComment .tools { background-color: #C7FFD0; border: 1px solid #70CC80; height: 14px; left: 0; padding: 2px; position: absolute; right: 0; top: -14px; visibility: hidden; } .userComment .tools li { float: left; font-size: 11px; margin: 0 5px; } .userComment .tools a { display: block; padding: 0 10px; } .userComment:hover .tools { visibility: visible; } .userComment:target { background-color: #FFFF99; } /* Visitor comments (Depricated) */ .visitorComment { border-bottom: 1px dotted #90AACF; margin: 20px 0; padding: 10px; position: relative; } .visitorComment .name { display: inline; font-size: 13px; } .visitorComment .date { color: #485568; display: inline; font-size: 11px; margin-left: 8px; } .visitorComment .date a { color: #485568; } .visitorComment .ip { background-color: #E0EEFF; color: white; cursor: help; margin-left: 5px; padding: 0 3px; } .visitorComment .ip:hover { background-color: #90AACF; } .visitorComment .message { } .visitorComment .message > * { margin-top: 10px; } .visitorComment .tools { background-color: #C7FFD0; border: 1px solid #70CC80; height: 14px; left: 0; padding: 2px; position: absolute; right: 0; top: -14px; visibility: hidden; } .visitorComment .tools li { float: left; font-size: 11px; margin: 0 5px; } .visitorComment .tools a { display: block; padding: 0 10px; } .visitorComment:hover .tools { visibility: visible; } .visitorComment:target { background-color: #FFFF99; } /* ## EMOT BAR ## */ .emotBar { cursor: default; margin-bottom: 5px; } .emotBar .default { padding-bottom: 2px; } .emotBar .more { background: #E0EEFF; border: 1px solid #90AACF; border-radius: 5px; display: none; /*max-width: 200px;*/ /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } .emotBar .more .inner { line-height: 1em; padding: 1px 5px; } .emotBar .more .inner .title { color: #485568; font-size: 11px; font-weight: bold; margin-top: 4px; text-align: center; } .emotBar .more .inner .emots { font-size: 13px; margin-bottom: 4px; } .emotBar.noJs:hover .more { display: block; } /* OLD #emotBar { cursor: default; margin-top: 10px; } #moreEmots { display: inline; position: relative; } #moreEmotsBox { background-color: rgba(0, 0, 0, 0.15); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: none; padding: 0 1px 4px; position: absolute; right: 0; top: 0; width: 200px; z-index: 1; } #moreEmotsBox-inner { background-color: white; border: 1px solid #90AACF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; } #moreEmots:hover #moreEmotsBox { display: block; } */ /* Full emot list */ table.fullEmotList { font-size: 11px; width: 100%; } table.fullEmotList th { color: #485568; font-weight: bold; padding-bottom: 2px; text-align: left; } table.fullEmotList td { text-align: left; } table.fullEmotList .emotCode { width: 140px; } table.fullEmotList .image { width: 60px; } table.fullEmotList .desc { } /* ## ENTRY LISTS ## */ /* Normal (compact) entry list */ ul.entryList { border: 1px solid #E0EEFF; border-radius: 5px; margin: 10px 0 0; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.entryList li { overflow: hidden; white-space: nowrap; } ul.entryList li a { color: black; display: block; padding: 0 2px; } ul.entryList li a .date { color: #485568; font-family: "Courier New", monospace; margin-right: 0.5em; } ul.entryList li a .link { color: #0000DD; font-weight: bold; } ul.entryList li a:hover { background-color: #E0EEFF; border-radius: 2px; text-decoration: none; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } /* Enriched entry list */ ul.enrichedEntryList { border: 1px solid #E0EEFF; border-radius: 5px; margin: 10px 0 0; /* FIX */ zoom: 1; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.enrichedEntryList li { margin: 6px; padding: 2px; /* FIX */ zoom: 1; } ul.enrichedEntryList li .checkbox { background: transparent url("http://img.refreezed.com/site-icons/checkbox.png") top left no-repeat; display: block; float: left; height: 12px; margin: 2px 6px 0 0; overflow: hidden; text-indent: -9999em; width: 12px; } ul.enrichedEntryList li .main { font-size: 13px; overflow: hidden; padding-bottom: 1px; white-space: nowrap; } ul.enrichedEntryList li .main .title { font-size: 15px; font-weight: bold; overflow: hidden; white-space: nowrap; } ul.enrichedEntryList li .sub { font-size: 11px; margin-top: 1px; overflow: hidden; padding-left: 10px; white-space: nowrap; } ul.enrichedEntryList li .sub2 { color: #485568; font-size: 11px; margin-top: 1px; overflow: hidden; padding-left: 10px; white-space: nowrap; } ul.enrichedEntryList li.selected .checkbox { background-position: top right; } ul.enrichedEntryList li:hover { background-color: #F0F6FF; border-radius: 2px; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } ul.enrichedEntryList.thumbnailed li { min-height: 52px; } ul.enrichedEntryList.thumbnailed li .thumbnail { border: 1px solid #90AACF; float: right; height: 50px; width: 50px; } ul.enrichedEntryList.thumbnailed li .thumbnail a { display: block; height: 50px; width: 50px; } ul.enrichedEntryList.thumbnailed li .thumbnail img { display: block; height: 50px; width: 50px; } ul.enrichedEntryList.thumbnailed li .main { margin-right: 57px; } ul.enrichedEntryList.thumbnailed li .sub { margin-right: 57px; } ul.enrichedEntryList.thumbnailed li .sub2 { margin-right: 57px; } /* Thumbnailed entry list */ ul.thumbnailedEntryList { margin-top: 10px; } ul.thumbnailedEntryList li { margin-top: 5px; } ul.thumbnailedEntryList li a { border: 1px solid #E0EEFF; border-radius: 5px; display: block; min-height: 52px; padding: 5px; text-decoration: none; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.thumbnailedEntryList li a .thumbnail { border: 1px solid #90AACF; display: block; float: right; height: 50px; width: 50px; } ul.thumbnailedEntryList li a .main { display: block; font-size: 13px; font-weight: bold; margin-right: 57px; } ul.thumbnailedEntryList li a .sub { color: black; display: block; font-size: 11px; line-height: 1.2em; margin-right: 57px; margin-top: 1px; } ul.thumbnailedEntryList li a .sub .link { color: #0000DD; } ul.thumbnailedEntryList li a .sub2 { color: #485568; display: block; font-size: 11px; line-height: 1.2em; margin-right: 57px; margin-top: 1px; } ul.thumbnailedEntryList li a .sub2 .link { color: #0000DD; } ul.thumbnailedEntryList li a:hover { background-color: #F0F6FF; } /* Extensive entry list */ ul.extensiveEntryList { overflow: hidden; } ul.extensiveEntryList li { color: black; position: relative; } /*ul.extensiveEntryList li { color: black; position: relative; /* FIX / zoom: 1; }*/ ul.extensiveEntryList li .rearrangeButton { background: #FDFDDD url("http://img.refreezed.com/site-icons/arrow--ud.png") center no-repeat; border: 1px solid black; border-bottom-left-radius: 3px; border-top-left-radius: 3px; cursor: move; display: none; height: 100%; left: -17px; overflow: hidden; position: absolute; text-indent: -9999em; top: -1px; width: 15px; z-index: 1; /* FIX */ -moz-border-radius-bottomleft: 3px; /* FIX */ -moz-border-radius-topleft: 3px; /* FIX */ -webkit-border-bottom-left-radius: 3px; /* FIX */ -webkit-border-top-left-radius: 3px; } ul.extensiveEntryList li.dragging { position: relative; z-index: 2; } ul.extensiveEntryList li:hover .rearrangeButton, ul.extensiveEntryList li.dragging .rearrangeButton { display: block; } ul.extensiveEntryList.empty { font-style: italic; } ul.extensiveEntryList.short { border: 1px solid #E0EEFF; border-radius: 5px; padding: 4px 5px 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.extensiveEntryList.short li { padding-top: 1px; } ul.extensiveEntryList.short li .info { display: block; padding: 0 2px; } ul.extensiveEntryList.short li .info .main { display: block; font-size: 13px; } ul.extensiveEntryList.short li .info .main * { color: #0000DD; } /* (*=a|span) */ ul.extensiveEntryList.short li .info .main .icon { height: 20px; vertical-align: -5px; width: 20px; } ul.extensiveEntryList.short li .info .main .date { color: #485568; font-family: "Courier New", monospace; font-size: 12px; margin-right: 5px; } ul.extensiveEntryList.short li .info .main .title { font-weight: bold; } ul.extensiveEntryList.short li .info .sub { display: block; font-size: 11px; line-height: 1.2em; } ul.extensiveEntryList.short li .info .sub * { color: #0000DD; } /* (*=a|span) */ ul.extensiveEntryList.short li .info .sub2 { color: #485568; display: block; font-size: 11px; line-height: 1.2em; } ul.extensiveEntryList.short li .info .sub2 * { color: #0000DD; } /* (*=a|span) */ ul.extensiveEntryList.short li .deleteButton { background: white url("http://img.refreezed.com/site-icons/common-icons.png") no-repeat -43px -23px; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -9999em; right: -2px; top: -1px; width: 12px; z-index: 1; } ul.extensiveEntryList.short li .deleteButton:hover { background-position: -56px -23px; } /*ul.extensiveEntryList.short li:hover .info .sub, ul.extensiveEntryList.short li.dragging .info .sub { display: block; } ul.extensiveEntryList.short li:hover .info .sub2, ul.extensiveEntryList.short li.dragging .info .sub2 { display: block; }*/ ul.extensiveEntryList.short.normal { } ul.extensiveEntryList.short.normal li .info .sub { padding-left: 5px; } ul.extensiveEntryList.short.normal li .info .sub2 { padding-left: 5px; } ul.extensiveEntryList.short.normal li:hover .info, ul.extensiveEntryList.short.normal li.dragging .info { background-color: #F0F6FF; } ul.extensiveEntryList.short.normal li.missing .info { background-color: #FDDDDD; border: 1px solid #EE4444; font-size: 13px; font-style: italic; padding: 2px 5px; } ul.extensiveEntryList.short.normal li.missing .info .main .icon { margin-left: -4px; } ul.extensiveEntryList.short.normal.selectable li.selected { color: #666600; } ul.extensiveEntryList.short.normal.selectable li.selected .info { background-color: #FDFDDD; outline: 1px solid #EEEE44; } ul.extensiveEntryList.short.normal.selectable li.selected .info .main * { color: #BBBB00; } /* (*=a|span) */ ul.extensiveEntryList.short.normal.selectable li.selected .info .main .icon { opacity: 0.6; /* FIX */ filter: alpha(opacity=60); } ul.extensiveEntryList.short.normal.selectable li.selected .info .sub * { color: #BBBB00; } /* (*=a|span) */ ul.extensiveEntryList.short.normal.selectable li.selected .info .sub2 { color: #666600; } /* (*=a|span) */ ul.extensiveEntryList.short.normal.selectable li.selected .info .sub2 * { color: #BBBB00; } /* (*=a|span) */ ul.extensiveEntryList.short.unified { } ul.extensiveEntryList.short.unified li a { border-radius: 2px; color: black; display: block; text-decoration: none; /* FIX */ -icab-border-radius: 2px; /* FIX */ -khtml-border-radius: 2px; /* FIX */ -moz-border-radius: 2px; /* FIX */ -o-border-radius: 2px; /* FIX */ -webkit-border-radius: 2px; } ul.extensiveEntryList.short.unified li a:hover { background-color: #E0EEFF; } ul.extensiveEntryList.short.thumbnailed li .info { min-height: 16px; padding: 3px; } ul.extensiveEntryList.short.thumbnailed li .thumb { border: 1px solid #90AACF; display: block; float: right; height: 20px; margin-left: 5px; width: 20px; } ul.extensiveEntryList.short.thumbnailed li .thumb img { display: block; height: 20px; width: 20px; } ul.extensiveEntryList.short.thumbnailed.x1 li .info { margin-right: 27px; } ul.extensiveEntryList.short.thumbnailed.x2 li .info { margin-right: 54px; } ul.extensiveEntryList.tall li { } ul.extensiveEntryList.tall li .deleteButton { background: white url("http://img.refreezed.com/site-icons/common-icons.png") no-repeat -1px -23px; display: block; height: 20px; overflow: hidden; position: absolute; text-indent: -9999em; right: 4px; top: 4px; width: 20px; z-index: 1; } ul.extensiveEntryList.tall li .deleteButton:hover { background-position: -22px -23px; } ul.extensiveEntryList.tall li .info { display: block; } ul.extensiveEntryList.tall li .info .main { display: block; font-size: 13px; } ul.extensiveEntryList.tall li .info .main * { color: #0000DD; } /* (*=a|span) */ ul.extensiveEntryList.tall li .info .main .date { color: #485568; font-family: "Courier New", monospace; font-size: 12px; margin-right: 5px; } ul.extensiveEntryList.tall li .info .main .title { font-size: 15px; font-weight: bold; } ul.extensiveEntryList.tall li .info .sub { display: block; font-size: 11px; line-height: 1.2em; margin-top: 1px; } ul.extensiveEntryList.tall li .info .sub * { color: #0000DD; } /* (*=a|span) */ ul.extensiveEntryList.tall li .info .sub2 { color: #485568; display: block; font-size: 11px; line-height: 1.2em; margin-top: 1px; } ul.extensiveEntryList.tall li .info .sub2 * { color: #0000DD; } /* (*=a|span) */ ul.extensiveEntryList.tall.normal { border: 1px solid #E0EEFF; border-radius: 5px; color: black; display: block; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.extensiveEntryList.tall.normal li { padding: 5px; } ul.extensiveEntryList.tall.normal li .info .sub { padding-left: 10px; } ul.extensiveEntryList.tall.normal li .info .sub2 { padding-left: 10px; } ul.extensiveEntryList.tall.normal li:hover .info, ul.extensiveEntryList.tall.normal li.dragging .info { background-color: #F0F6FF; } ul.extensiveEntryList.tall.normal.selectable li.selected { color: #666600; } ul.extensiveEntryList.tall.normal.selectable li.selected .info { background-color: #FDFDDD; outline: 1px solid #EEEE44; } ul.extensiveEntryList.tall.normal.selectable li.selected .info .main * { color: #BBBB00; } /* (*=a|span) */ ul.extensiveEntryList.tall.normal.selectable li.selected .info .sub * { color: #BBBB00; } /* (*=a|span) */ ul.extensiveEntryList.tall.normal.selectable li.selected .info .sub2 { color: #666600; } /* (*=a|span) */ ul.extensiveEntryList.tall.normal.selectable li.selected .info .sub2 * { color: #BBBB00; } /* (*=a|span) */ ul.extensiveEntryList.tall.unified { } ul.extensiveEntryList.tall.unified li { margin-top: 5px; } ul.extensiveEntryList.tall.unified li a { border: 1px solid #E0EEFF; border-radius: 5px; color: black; cursor: pointer; display: block; padding: 5px; text-decoration: none; /* FIX */ zoom: 1; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.extensiveEntryList.tall.unified li a:hover { background-color: #F0F6FF; border-color: #90AACF; } ul.extensiveEntryList.tall.thumbnailed li .info { min-height: 46px; padding: 3px; } ul.extensiveEntryList.tall.thumbnailed li .thumb { border: 1px solid #90AACF; display: block; float: right; height: 50px; margin-left: 5px; width: 50px; } ul.extensiveEntryList.tall.thumbnailed li .thumb img { display: block; height: 50px; width: 50px; } ul.extensiveEntryList.tall.thumbnailed.x1 li .info { margin-right: 57px; } ul.extensiveEntryList.tall.thumbnailed.x2 li .info { margin-right: 112px; } /* /* Tall or short? / ul.extensiveEntryList.short { border: 1px solid #E0EEFF; border-radius: 5px; padding: 4px 5px 5px; /* FIX / -icab-border-radius: 5px; /* FIX / -khtml-border-radius: 5px; /* FIX / -moz-border-radius: 5px; /* FIX / -o-border-radius: 5px; /* FIX / -webkit-border-radius: 5px; } ul.extensiveEntryList.short li { margin-top: 1px; } ul.extensiveEntryList.tall { } ul.extensiveEntryList.tall .info { display: block; } ul.extensiveEntryList.tall .info .sub { color: black; display: block; font-size: 11px; line-height: 1.2em; margin-top: 1px; } ul.extensiveEntryList.tall .info .sub a, ul.extensiveEntryList.tall .sub .link { color: #0000DD; } ul.extensiveEntryList.tall .info .sub2 { color: #485568; display: block; font-size: 11px; line-height: 1.2em; margin-top: 1px; } /* If tall: Any thumbnails? / ul.extensiveEntryList.tall.thumbnailed li { min-height: 52px; } ul.extensiveEntryList.tall.thumbnailed li .thumb { border: 1px solid #90AACF; display: block; float: right; height: 50px; margin-left: 5px; width: 50px; } ul.extensiveEntryList.tall.thumbnailed li .thumb img { display: block; height: 50px; width: 50px; } ul.extensiveEntryList.tall.thumbnailed.x1 li .info { margin-right: 57px; } ul.extensiveEntryList.tall.thumbnailed.x2 li .info { margin-right: 112px; } /* Normal or one huge link? / ul.extensiveEntryList.tall.normal { border: 1px solid #E0EEFF; } ul.extensiveEntryList.tall.normal li { margin: 6px; padding: 2px; } ul.extensiveEntryList.tall.unified { } ul.extensiveEntryList.tall.unified li { margin-top: 5px; } ul.extensiveEntryList.tall.unified li a { border: 1px solid #E0EEFF; border-radius: 5px; display: block; padding: 5px; text-decoration: none; /* FIX / -icab-border-radius: 5px; /* FIX / -khtml-border-radius: 5px; /* FIX / -moz-border-radius: 5px; /* FIX / -o-border-radius: 5px; /* FIX / -webkit-border-radius: 5px; } */ /* ## EXPANDABLE SETTINGS ## */ ul.expandableSettings { } ul.expandableSettings li { margin-top: 10px; } ul.expandableSettings li .label { } ul.expandableSettings li .label .title { font-size: 13px; font-weight: bold; } ul.expandableSettings li .label .description { font-size: 11px; margin-left: 5px; } ul.expandableSettings li .settings { display: none; margin-top: 5px; padding: 5px 0 20px; } ul.expandableSettings li.expanded { background-color: #E0EEFF; border-radius: 5px; margin: 10px 0; padding: 5px; /* FIX */ -icab-border-radius: 5px; /* FIX */ -khtml-border-radius: 5px; /* FIX */ -moz-border-radius: 5px; /* FIX */ -o-border-radius: 5px; /* FIX */ -webkit-border-radius: 5px; } ul.expandableSettings li.expanded .label { margin-top: -3px; } ul.expandableSettings li.expanded .label .title { font-size: 15px; } ul.expandableSettings li.expanded .label .description { display: none; } ul.expandableSettings li.expanded .settings { display: block; } ul.expandableSettings li.inactive .label { color: #C0C0C0; } /* ## FLASH CONTAINER ## */ .flashContainer { background-color: #202020; border-radius: 10px; color: white; padding: 10px; /* FIX */ -icab-border-radius: 10px; /* FIX */ -khtml-border-radius: 10px; /* FIX */ -moz-border-radius: 10px; /* FIX */ -o-border-radius: 10px; /* FIX */ -webkit-border-radius: 10px; } .flashContainer a { color: #8080FF; } .flashContainer .title { font-size: 13px; font-weight: bold; text-align: center; } .flashContainer object, .flashContainer embed { display: block; margin: 5px auto 0; max-width: 100%; } /* 'max-width' is untested here */ .flashContainer p { margin-top: 4px; } .spacedBlocks .flashContainer { margin-top: 10px; } .spacedBlocks blockquote .flashContainer { margin-top: 8px; } /* ## JUDGER ## */ .judger { height: 37px; float: left; width: 134px; } .judger a, .judger span { background-image: url("http://img.refreezed.com/site-icons/common-icons.png"); background-repeat: no-repeat; display: block; float: left; height: 37px; overflow: hidden; text-indent: -9999em; } .judger .judgeGood { background-position: -1px -44px; width: 47px; } .judger .judgeNeutral { background-position: -48px -44px; width: 41px; } .judger .judgeBad { background-position: -89px -44px; width: 46px; } .judger a.judgeGood:hover, .judger span.judgeGood.selected { background-position: -136px -44px; } .judger a.judgeNeutral:hover, .judger span.judgeNeutral.selected { background-position: -183px -44px; } .judger a.judgeBad:hover, .judger span.judgeBad.selected { background-position: -224px -44px; } .judger.narrow { width: 93px; } /* With .judgeNeutral emitted */ /* ## LOADING THINGYS ## */ .loadingBar { background: white url("http://img.refreezed.com/loading-bar.gif") repeat top left; border: 1px solid #70CC80; cursor: wait; height: 10px; } .loadingElement { background: white url("http://img.refreezed.com/loading-bar.gif") repeat top left; cursor: wait; } /* ## PAGE NAVIGATION ## */ .pageNavigation { font-size: 11px; margin-top: 10px; } .pageNavigation .pages { color: #90AACF; } .pageNavigation .pages a { font-weight: bold; } .pageNavigation .pages span { font-weight: bold; } /* ## PMS ## */ /* .pms { max-height: 350px; overflow-x: hidden; overflow-y: auto; } .pm { background-color: #F0F6FF; border-color: #E0EEFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-style: solid; border-width: 25px 5px 5px 5px; position: relative; } .pm + .pm { margin-top: 10px; } .pm .subject { font-size: 15px; padding-left: 20px; position: absolute; top: -21px; } .pm .subject a { font-weight: bold; } .pm .date { color: #485568; font-size: 11px; margin-left: 8px; } .pm .newButton { display: block; height: 20px; position: absolute; left: -3px; top: -22px; width: 20px; } .pm .newButton a { background: transparent url("http://img.refreezed.com/button_empty-star.png") top left no-repeat; display: block; height: 100%; opacity: 0.4; filter: alpha(opacity=40); overflow: hidden; text-indent: -9999em; width: 100%; } .pm .newButton a:hover { opacity: 1; filter: alpha(opacity=100); } .pm .deleteButton { display: block; height: 20px; position: absolute; right: -3px; top: -22px; width: 20px; } .pm .deleteButton a { background: transparent url("http://img.refreezed.com/button_x.png) top left no-repeat; display: block; height: 100%; opacity: 0.4; filter: alpha(opacity=40); overflow: hidden; text-indent: -9999em; width: 100%; } .pm .deleteButton a:hover { opacity: 1; filter: alpha(opacity=100); } .pm .message { max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 10px; } .pm .message > * + * { margin-top: 10px; } .pm .missingMessage { font-style: italic; padding: 10px; } .pm.new { background-color: #FFFFE0; border-color: #DDDD60; } .pm.new a { color: #888800 } .pm.new .date { color: #666611; } .pm.new .newButton a { background-image: url("http://img.refreezed.com/button_star.png"); opacity: 1; filter: alpha(opacity=100); } .pm.new .deleteButton a { background-image: url("http://img.refreezed.com/button_yellow-x.png"); } /*.pm.selected { background-color: #DDDDFF; border-color: #B0B0FF; }* / */ /* ## PRIVILEGE LIST ## */ .privilegeList { background-color: #F0F6FF; border: 1px solid #E0EEFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; padding: 5px; } .privilegeList .privilege-1 { color: #0000DD; margin-right: 10px; } .privilegeList .privilege-2 { color: #0000DD; margin-right: 10px; } .privilegeList .privilege-8 { color: #009900; margin-right: 10px; } .privilegeList .privilege-9 { color: #009900; margin-right: 10px; } .privilegeList .privilege-10 { color: #CC0000; margin-right: 10px; } /* ## USER LIST ## */ .userList { margin: 10px 0; } .userList .privilege-8 { color: #009900; } .userList .privilege-9 { color: #009900; } .userList .privilege-10 { color: #CC0000; } /* OTHER ********************************************************************************************************************************/ /* ## COLORS ## */ .bad { background-color: #E9DDDD; color: #CC0000; } .good { background-color: #E0EEE0; color: #009900; } .opaque { color: #485568; } .subtle { color: #90AACF; } /* Content ratings */ .contentRatingSymbol { color: #C00000 !important; font-weight: bold !important; padding: 0 1px; } /* Privileges */ .mod { color: #009900 !important; } .admin { color: #CC0000 !important; } /* ## STYLES ## */ .border { border: 1px solid #90AACF; } .green { background-color: #C9FFD1; border: 1px solid #70CC80; color: black; font-size: 12px; font-weight: bold; padding: 5px; text-align: center; } .red { background-color: #FF9999; border: 1px solid red; color: black; font-size: 12px; font-weight: bold; padding: 5px; text-align: center; } .yellow { background-color: #FDFDDD; border: 1px solid #EEEE44; color: black; font-size: 12px; font-weight: bold; padding: 5px; text-align: center; } /* ## STYLE BOXES (Depricated!) ## */ .styleBox > .box-t > .box-l { background-position: top left; background-repeat: no-repeat; padding-left: 5px; } /* Top - Left */ .styleBox > .box-t > .box-l > .box-r { background-position: top right; background-repeat: no-repeat; padding-right: 5px; } /* Top - Right */ .styleBox > .box-t > .box-l > .box-r > .box-c { background-position: top left; background-repeat: repeat-x; height: 5px; } /* Top - Center */ .styleBox > .box-m > .box-l { background-position: top left; background-repeat: repeat-x; padding-left: 5px; } /* Middle - Left */ .styleBox > .box-m > .box-l > .box-r { background-position: top left; background-repeat: repeat-x; padding-right: 5px; } /* Middle - Right */ .styleBox > .box-m > .box-l > .box-r > .box-c { background-position: top left; background-repeat: repeat; } /* Middle - Center */ .styleBox > .box-b > .box-l { background-position: bottom left; background-repeat: no-repeat; padding-left: 5px; } /* Bottom - Left */ .styleBox > .box-b > .box-l > .box-r { background-position: bottom right; background-repeat: no-repeat; padding-right: 5px; } /* Bottom - Right */ .styleBox > .box-b > .box-l > .box-r > .box-c { background-position: bottom left; background-repeat: repeat-x; height: 5px; } /* Bottom - Center */ .styleBox-gray { background-color: #202020; color: white; } .styleBox-gray a { color: gray; text-decoration: none; } .styleBox-gray a:hover { text-decoration: underline; } .styleBox-gray .subtle { color: #383838; } .styleBox-gray > .box-t > .box-l { background-image: url("http://img.refreezed.com/box_simple_gray_1.png"); } .styleBox-gray > .box-t > .box-l > .box-r { background-image: url("http://img.refreezed.com/box_simple_gray_3.png"); } .styleBox-gray > .box-b > .box-l { background-image: url("http://img.refreezed.com/box_simple_gray_7.png"); } .styleBox-gray > .box-b > .box-l > .box-r { background-image: url("http://img.refreezed.com/box_simple_gray_9.png"); } .styleBox-black { background-color: black; color: white; } .styleBox-black a { color: gray; text-decoration: none; } .styleBox-black a:hover { text-decoration: underline; } .styleBox-black .subtle { color: #383838; } .styleBox-black > .box-t > .box-l { background-image: url("http://img.refreezed.com/box_simple_black_1.png"); } .styleBox-black > .box-t > .box-l > .box-r { background-image: url("http://img.refreezed.com/box_simple_black_3.png"); } .styleBox-black > .box-b > .box-l { background-image: url("http://img.refreezed.com/box_simple_black_7.png"); } .styleBox-black > .box-b > .box-l > .box-r { background-image: url("http://img.refreezed.com/box_simple_black_9.png"); }