Files
componentowl-rails-archive/app/stylesheets/main.less

601 lines
24 KiB
Plaintext

@page_width: 930px;
@standard_fonts: 'arial', sans-serif;
body { font-family: @standard_fonts; background: #fefefe url(/images/bg.png) 0 0 repeat-x; }
.standard-buy {
float: left; width: 193px; height: 44px; margin-top: 9px; background: url(/images/button-pricing.gif) no-repeat;
:hover { background-position: 0 -44px; }
}
.commercial-buy {
float: left; width: 214px; height: 62px; background: url(/images/button-buy-commercial-license.gif) no-repeat;
:hover { background-position: 0 -62px; }
}
.standard-more {
float: left; width: 195px; height: 62px; margin-right: 12px; background: url(/images/button-more.gif) no-repeat;
:hover { background-position: 0 -62px; }
}
.standard-download {
float: left; width: 214px; height: 62px; margin-right: 12px; background: url(/images/button-download.gif) no-repeat;
:hover { background-position: 0 -62px; }
}
.standard-free-download {
float: left; width: 214px; height: 62px; margin-right: 12px; background: url(/images/button-free-download.gif) no-repeat;
:hover { background-position: 0 -62px; }
}
input.buy, input.renew {
width: 65px; height: 31px; margin: 5px 1px 5px 5px; border: 0; background: url(/images/button-buy-small.gif) 0 0 no-repeat;
}
input.renew { margin-right: 5px; background-image: url(/images/button-renew.gif); }
.home-static {
h3 { font-family: georgia, serif; margin: 35px 0 15px; font-size: 26px; font-weight: normal; }
h3 strong { padding: 0 5px 0 3px; font-weight: normal;
background-image: url(/images/subhd-lb.gif), url(/images/subhd-rb.gif), url(/images/subhd-bg.gif);
background-position: 0 6px, 100% 6px, 0 6px; background-repeat: no-repeat, no-repeat, repeat-x; }
p { margin: 15px 0; }
.sharethis { margin-top: 40px; }
.lists { overflow: hidden; width: 100%; }
.list-l { float: left; width: 440px; }
.list-r { float: right; width: 450px; }
.buttons-hp { margin-top: 0 !important; }
}
.compatiblehd { font-size: 20px !important; }
.compatiblelists { overflow: hidden; width: 100%; }
.compatiblelist li { padding-bottom: 8px; }
.compatiblelist .logo { float: left; padding-right: 15px; height: 65px; }
.compatiblelist .dotnet { padding-top: 11px; }
.compatiblelist .vs { padding-top: 2px; }
.tellinghd { font-style: italic; margin-top: 0 !important; }
.tellingct { width: 100%; overflow: hidden; }
.tellingcnt { width: 635px; float: left; }
.tellingct .testimonial { float: right; width: 240px; }
.testimonial-wide { padding: 8px 0 8px 15px; border: 1px solid #a8906b; border-left: none; border-right: none;
font-family: georgia, serif; font-size: 16px; margin: 30px 0 35px; background: #fffbf4; }
.buttons-hp { overflow: hidden; width: 100%; border: 1px solid #b4e9fd; border-left: none; border-right: none;
padding: 12px; background: #f6fcff; position: relative; margin-top: 15px; }
.logos {
margin-top: 5px;
img { margin-left: 30px; vertical-align: middle; }
}
.buttons-hp .logos { float: left; padding-left: 5px; margin-top: 14px; }
.hp-wrap {
width: 100%;
overflow: hidden;
margin-top: 15px;
iframe { float: right; margin-right: 25px; }
}
.buttons-hp-vertical {
float: left; text-align: center; width: 250px; margin-left: 25px; margin-top: 20px;
padding: 15px;
a { float: none; margin: 0 auto 15px; }
.logos {
float: none; padding: 0; margin: 0 auto;
}
img { margin: 0 10px; }
}
.hpline { padding: 0; border: none; height: 1px; margin: 35px 0 0; background-color: #b4e9fd; }
.sshd { font-size: 20px !important; padding-left: 8px; margin: 0; }
.ending { margin-bottom: 7px !important; }
.darrows { position: relative; width: 175px; height: 54px; z-index: 2;
background: url(/images/arrows.png) no-repeat; margin: 0 0 -7px 30px; }
.homehd { font-family: georgia, serif; font-size: 34px; text-align: center; font-weight: normal;
margin: 14px 0 10px; line-height: 39px; }
.homehd span { padding: 0 29px 0 23px;
background-image: url(/images/homehd-lb.gif), url(/images/homehd-rb.gif), url(/images/homehd-bg.gif);
background-position: 0 0, 100% 0, 0 0; background-repeat: no-repeat, no-repeat, repeat-x; }
.homeph { text-align: center; font-size: 16px; }
.ss-overview { margin: 0 0 10px; }
.nav {
height: 30px; width: 100%; border-bottom: 1px solid #a8906b; margin-bottom: 20px;
a { color: #825900; text-decoration: none; padding: 6px 20px 7px; }
a:hover, a.current { color: #000; }
li { float: left; text-transform: uppercase; line-height: 31px; font-size: 12px; font-weight: bold; }
.current { border: 1px solid #a8906b; border-bottom: none; background: #fbf1e0; }
}
.product-content {
overflow: hidden; height: 100%;
h1 {
font-size: 36px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 0;
.subheading { font-size: 28px; margin-bottom: 7px; }
}
.section-info { margin: 0 0 30px; font-size: 14px; }
.sides { overflow: hidden; width: 100%; margin-bottom: 30px; }
.right { width: 686px; }
.left { width: 214px; font-size: 12px; }
.compatibility, .newsletter, .sharethis-ct, div.screenshot {
margin-top: 12px; padding-top: 12px; border-top: 1px dotted #a8906b;
img { margin: 5px; }
}
.documentation p { font-weight: bold; padding-top: 6px; }
.screenshot { text-align: center; }
.fb-like {
position: relative; margin-top: 10px; height: 75px; overflow: hidden; background-color: #ECEFF6; border: 1px solid #9DA1C4;
iframe { border: none !important; margin: -1px 0 0 -1px !important; }
}
.newsletter form {
div { padding: 3px 0; }
.email { width: 135px; margin: 5px 0; }
}
.sharethis { padding-top: 5px; }
.buttons-box {
text-align: center;
.standard-download, .standard-free-download { margin-bottom: 10px; }
.standard-buy { margin: 0 0 10px 10px; display: inline; }
.commercial-buy { margin: 0 0 10px; }
}
.small-button-ct { margin: 15px; text-align: center; }
.screenshots {
overflow: hidden; padding-top: 23px; width: 100%;
.odd { float: left; margin-left: 23px; }
.even { float: right; margin-right: 23px; }
strong { display: block; padding: 5px 0 30px 5px; }
img { border: 3px solid #efe5c6; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
}
.screenshot-row { overflow: hidden; }
.buttons-wrap { margin-top: 40px; margin-bottom: 0; }
}
.product-detail {
.bigtext { font-size: 16px; line-height: 25px; margin-bottom: 30px; }
h2 { margin: 20px 0 15px; font-size: 22px; }
h2.first { margin-top: 0; }
p, h3 { margin: 15px 0; }
.box { float: right; margin: 5px 30px 20px 40px; }
.bigbig { font-size: 16px; }
.hilight { background-color: #FFFF99; }
h3, .big { font-size: 15px; font-family: @standard_fonts; color: #000 !important; }
.tick { padding-left: 40px; background: url(/images/tick.gif) 0 50% no-repeat; }
.buttons-wrap { text-align: center; }
.buttons, .edition-buttons { overflow: hidden; padding-top: 5px; margin: auto; width: 280px; }
.edition-buttons { width: 350px; }
.big-download, .stdl7-download { margin: 0 auto 15px auto; }
.long blockquote { font-size: 12px; }
.comparison-pair {
border-spacing: 0px; border: 1px solid #000; border-collapse: collapse;
td, th { border: 1px solid #000; padding: 4px 6px; width: 50%; }
th { background: #332618; color: #fff; }
}
}
.releases h3 { margin-top: 25px; }
.releases hr { margin: 15px 0; }
.changes-since { font-style: italic; }
.features-page {
h3 { font-size: 16px; color: #456b12 !important; padding-top: 10px; margin-top: 35px; border-top: 1px solid #d0efa6; }
img { margin: 12px auto 0; }
.image { text-align: center; }
}
.order-content {
h1 { font-size: 36px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 0; }
.section-info { margin: 0 0 30px; font-size: 14px; }
.licenses-info {
width: 100%; overflow: hidden; padding: 20px 0 0; margin: 25px 0; border-top: 1px dotted #a8906b;
.block { float: left; width: (@page_width - 60) / 3; margin-right: 30px; }
.last { margin-right: 0; }
h3 { margin-bottom: 5px; font-size: 14px; }
}
.panel { background: #fff; border: 2px solid #ecf7fe; }
table {
width: 100%; border-spacing: 0; border: 1px solid #9bc8e8; border-collapse: collapse; margin: 0;
td, th { border: 1px solid #9bc8e8; }
th { background: #ecf7fe; padding: 4px 6px; }
td { padding: 12px 8px; }
.price { width: 80px; text-align: right; font-weight: bold; }
.addon { width: 240px; }
.buy { width: 70px; padding: 0; }
}
.componentsource .block { margin-top: 5px; }
}
.support-content {
overflow: hidden; width: 100%;
h1 { margin: 15px 0; font-size: 36px; }
.contact-form-ct { position: relative; width: 452px; left: 50%; margin-top: 30px; margin-left: -230px; background: #fff; border: 2px solid #ecdfb9; }
.contact-form-wrap { padding: 20px 30px; border: 1px solid #ac995e; }
p { margin: 20px 0; }
hr { margin: 30px 0; }
.note { font-size: 12px; }
.left { width: 596px; }
.right { width: 274px; padding-top: 10px; }
.reference a, .guide a, .documentation a, .stackoverflow a { padding-left: 30px; margin: 0; padding: 6px 0 6px 30px; background: 0 50% no-repeat; }
.reference a { background-image: url(/images/icons/book.gif);}
.guide a { background-image: url(/images/icons/info.gif); }
.documentation a { background-image: url(/images/icons/documentation.gif); }
.stackoverflow a { background-image: url(/images/icons/stackoverflow.gif); }
}
.uninstall-content {
.contact-form-ct { width: 460px !important; }
.emailsafe { margin-top: 12px; }
}
.download-content {
padding-bottom: 60px;
h2 { margin: 15px 0; font-size: 36px; font-weight: normal; }
.section-info { font-size: 16px; margin: 30px 0; }
p { margin: 15px 0; }
hr { margin: 60px 0; }
.newsletter-ct { background: #fff; border: 2px solid #ecdfb9; }
.newsletter {
padding: 15px 0 20px 35px; border: 1px solid #ac995e; height: 80px; overflow: hidden;
h3 { margin-bottom: 15px; font-size: 20px; }
.field { float: left; margin-right: 30px; }
label { display: block; }
.email, .name { font-size: 13px; padding: 4px 5px; }
.email { padding-left: 24px; width: 166px; }
.name { background-image: none; width: 186px; }
.subscribe, .subscribing { margin-top: 10px; }
.subscribing { float: left; }
}
}
.about-content {
h1 { font-size: 40px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 10px; }
h2 { font-size: 34px; font-weight: normal; letter-spacing: -1px; margin: 40px 0 15px; }
h3 { font-size: 28px; font-weight: normal; letter-spacing: -1px; margin: 60px 0 15px; }
.team, .customers, .csauthor { margin-top: 40px; }
.placing { padding-left: 58px; }
.about-ct { background: url(/images/blv-users.gif) no-repeat 98% 50%; }
.dextronet { background: url(/images/icons/dextronet-bird-gray.jpg) no-repeat 0 0; }
.dextronet h2 { padding-top: 5px; }
.cowl { background: url(/images/icons/component-owl-gray.jpg) no-repeat 0 0; }
.cowl h2 { padding-top: 10px; margin-top: 45px; }
.quote { font-family: georgia, serif; font-size: 21px; margin: 22px 0 28px; }
.quote b { font-weight: normal; font-size: 120px; display: block; float: left; line-height: 95px;
color: #d3cccc; margin: 0 7px 0 0; }
p { margin: 15px 0 15px 0; width: 630px; text-align: justify; }
.with-image {
overflow: auto;
img { float: left; display: block; margin: 0 10px 0 0; }
}
.libor, .cs, .hq { overflow: hidden; }
.libor img, .cs img, .hq img { float: left; margin: 0 15px 5px 0; }
.libor { margin: 30px 0 30px 60px; width: 500px; }
.libor em { display: block; padding-top: 14px; }
.libor img { margin-right: 10px; }
.hq {
margin: 60px 0 0 -7px; padding: 7px 0 7px 7px; width: 410px; text-align: left;
img { -moz-box-shadow: 0 0 7px #aaa; -webkit-box-shadow: 0 0 7px #aaa;
box-shadow: 0 0 7px #aaa; border: 2px solid #fff; }
}
.logo-inset { vertical-align: middle; margin: 0 3px; margin-top: -3px; }
.testimonial-wide-ct { width: 630px; margin: 50px 0; border: 2px solid #ffeecf; border-left: none; border-right: none; }
.testimonial-wide { margin: 0; }
.contact-info-ct { background: url(/images/europe.jpg) right 150px no-repeat; width: 650px; padding-bottom: 20px; }
.contact { border-left: 2px solid #a8906b; padding: 5px 0 5px 10px; line-height: 20px; background: #fff3de; }
}
#cscontact-ct { width: 630px; margin: 30px 0 0; }
#cscontact {
border: 1px solid #c1c1c1; background: #fafafa; padding: 10px; font-size: 12px;
border-top: none; clear: both;
table { width: 100%; }
tr { vertical-align: top; }
.address { width: 33%; }
.hours { width: 33%; }
}
#cscontact-nav {
border-bottom: 1px solid #c1c1c1; padding-bottom: 30px;
li { display: inline; }
a { float: left; padding: 8px 10px 6px; text-transform: uppercase; text-decoration: none;
font-weight: bold; font-size: 12px; color: #545454; line-height: 15px; }
.current { border: 1px solid #c1c1c1; border-bottom: 1px solid #fafafa; background: #fafafa; color: #000; }
}
.subscribe-content {
padding: 0 5px; overflow: hidden;
p { font-size: 13px; }
h2 { margin-bottom: 0 !important; }
fieldset { padding: 5px 10px 10px; margin-top: 5px; }
legend { font-weight: bold; text-transform: uppercase; padding: 0 5px; }
.newsletter-box {
padding: 10px 0 15px 15px; margin-top: 10px; background: #fff; border: 1px solid #e7c483;
.field { float: left; margin-right: 20px; }
label { display: block; }
.email, .name { font-size: 13px; padding: 4px 5px; }
.email { padding-left: 24px; width: 136px; }
.name { background-image: none; width: 156px; }
.subscribe { margin-top: 10px; }
.subscribing { float: left; margin-top: 15px; }
}
.trouble { margin-top: 10px; }
}
.fancybox-highlight { }
.sitemap-content {
h1 { margin: 15px 0; }
h2 { margin: 25px 0 5px; }
.top { margin: 0 0 30px 15px; }
ul ul { margin-top: 3px; }
}
.legal-content {
font-size: 14px;
h1 { margin: 15px 0; }
h2 { margin: 15px 0 10px; }
p { padding: 0 0 20px; }
ul.common { padding-bottom: 20px; }
}
.service-content {
h1 { margin: 15px 0; }
h2 { margin: 15px 0 10px; }
h3 { margin: 0 0 5px; }
p { padding: 0 0 20px; }
table {
border-spacing: 0; border: none; margin-top: 20px;
th { text-align: left; }
th, td { padding: 5px 50px 5px 0; border-bottom: 1px solid #eadbc4; }
.country { font-weight: bold; }
.flag { padding-right: 5px; }
}
.blocks { overflow: hidden; width: 100%; margin: 40px 0 0; }
.block { width: 250px; margin-right: 40px; float: left; }
}
.comics-wrap { text-align: center; }
.comics { display: inline-block; position: relative; margin: 0 auto; }
.comicshd { text-indent: -9999em; background: url(/images/web-comics.gif) 50% 0 no-repeat;
margin: 28px 0 10px; height: 27px; }
.comics-bubble-ct { height: 66px; background: url(/images/owl-small.gif) 0 0 no-repeat;
padding: 24px 0 0 52px; margin: 10px 0 0 30px; }
.comics-bubble { line-height: 32px; height: 32px; font-size: 16px; padding-left: 30px;
background: url(/images/bubble-small.gif) 0 0 no-repeat; width: 745px; white-space: nowrap; }
.comics-bubble p { background: #e0f6ff url(/images/bubble-small.gif) 100% -32px no-repeat;
padding-right: 10px; }
.comics-navigation { margin: 0 auto; border: 2px solid #1a1a1a; border-radius: 14px; width: 400px; overflow: hidden;
padding: 5px; margin-bottom: 28px; }
.comics-day { float: left; width: 324px; text-align: center; font-size: 20px; }
.comics-np { padding-left: 38px; }
.comics-nn { padding-right: 38px; }
.comics-next, .comics-prev { display: block; width: 38px; height: 25px; text-indent: -9999em; }
.comics-next { background: url(/images/comics-next.gif) 0 0 no-repeat; float: right; }
.comics-prev { background: url(/images/comics-prev.gif) 0 0 no-repeat; float: left; }
.comics-next:hover, .comics-prev:hover { background-position: 0 -25px; }
.comics-social-ct { text-align: center; margin: 28px 0; }
.comics-social { border: 2px solid #1a1a1a; border-radius: 14px;
padding: 8px; overflow: hidden; display: inline-block; text-align: left; }
.comics-rss { margin: 28px 0; text-align: center; }
.comics-rss a { padding: 6px 0 10px 40px; background: url(/images/RSS_32.png) 0 50% no-repeat;
font-weight: bold; }
.comics-info { margin: 28px auto 20px; width: 700px; font-style: italic; font-size: 16px;
text-align: center; }
.owl-flag { position: absolute; top: 0; left: 50%; margin-left: @page_width / 2 + 20; _display: none; }
/* PAGE LAYOUT */
.d-iframe { background: none; text-align: left; }
.d-page { position: relative; min-height: 100%; }
.d-placing { margin: 0 auto; text-align: left; width: @page_width; }
.d-header { height: 47px; }
.d-logo { float: right; margin-top: 10px; }
.logoimg { margin-right: 5px; display: inline-block; }
.d-menu {
float: left;
li { float: left; position: relative; padding-right: 35px; }
.menu-item { display: block; position: relative; z-index: 99; padding: 12px 0 1px; color: #fff; text-decoration: none; }
.active .menu-item { border-bottom: 1px solid #bb983b; padding-bottom: 2px; }
.menu-item:hover { border-bottom: 2px solid #bb983b; padding-bottom: 1px; color: #fff; }
.featured { color: #fecb33 !important; }
.dropdown {
position: absolute; top: 30px; left: -20px; width: 250px;
.outer { position: relative; z-index: 97; padding-left: 6px; background: url(/images/dropdown-o.png) 0 100% no-repeat; }
.shadowbox { position: relative; z-index: 98; padding: 0 8px 8px 0; background: url(/images/dropdown-s.png) 100% 100% no-repeat; }
.inner { position: relative; overflow: auto; height: 100%; z-index: 99; padding: 12px 14px; background: #362919; border: 1px solid #1c1410; border-top: none; }
a, a:hover { color: #fff; }
}
}
.dropdown-submenu {
.inner { padding: 10px 0 0 !important; }
a { padding: 10px 14px; display: block; text-decoration: none; }
a:hover { background-color: #bb983b; }
li { padding: 0; margin: 0; }
img { display: block; float: left; margin: 4px 10px 0 0; }
}
.dropdown {
.featured-item { font-size: 16px; font-weight: bold; }
.subline { display: block; font-size: 12px; color: #fff; padding-top: 3px; }
.dropdown-category {
background-color: #876234; color: #fff; font-weight: bold; padding: 5px 8px;
}
}
.d-content-wrap { padding-bottom: 400px; }
.d-footer {
position: absolute; bottom: 0; right: 0; width: 100%; padding-top: 25px; color: #fff; background: #3a2c18 url(/images/footer-bg.png) repeat-x;
font-size: 12px;
a { color: #fff; }
a:hover { color: #f5b458; }
.d-placing { overflow: hidden; }
.left { width: 540px; }
.right { width: 325px; }
hr { background-color: #fff; margin-top: 10px; }
.copy { font-size: 11px; padding: 0 0 13px 140px; background: url(/images/dextronet.gif) 0 12px no-repeat; }
.social {
padding: 10px 0 4px;
span { padding: 0 3px; }
}
}
div.testimonial-intext {
text-align: center;
.testimonial-wrap { width: 500px; margin: 30px auto 0; padding-top: 10px; background: url(/images/testimonial-intext.gif) 0 0 no-repeat; }
blockquote { width: 475px; margin: 0 auto; padding: 0 10px 4px 15px; text-align: left; text-indent: -5px; font-size: 13px; font-family: georgia, serif;
background: #f7eee8; }
strong { width: 150px; display: block; font-weight: normal; margin: 0 auto; text-align: left; padding: 20px 0 0 350px; color: #825900; font-size: 11px;
background: url(/images/testimonial-intext.gif) -500px 0 no-repeat; }
.featured {
blockquote { font-size: 16px; }
strong { font-size: 12px; }
}
}
div.testimonial-intext {
margin: 20px 0 0;
.testimonial-wrap { margin-top: 0; }
strong { margin-bottom: 6px; }
}
.latest-posts {
height: 255px; overflow: hidden;
.latest_from_blog a { display: block; width: 279px; height: 18px; background: url(/images/heading-latest_from_blog.gif) no-repeat; }
h4 { margin: 13px 0 0; padding: 0 0 3px; font-size: 13px; color: #ffd191; }
h4 a { color: #ffd191; }
h4 a:hover { color: #fcead0; }
.post-info { font-size: 11px; color: #a38952; text-transform: uppercase; font-weight: bold; }
}
.other-posts {
text-align: right;
a { color: #fcead0; }
a:hover { color: #f5b458; }
}
.section-heading { margin: 15px 0; font-size: 36px; }
.resources-content {
padding-bottom: 30px;
h1 { margin-top: 30px; }
h2 { margin: 10px 0 0 !important; font-weight: normal; }
h1 { font-size: 23px; }
h2 { font-size: 17px; }
.post-info { margin-bottom: 0; color: #a38952; font-size: 11px; }
.small-button-ct { overflow: hidden; width: 100%; margin: 13px 0 0; }
.small-button { display: block; float: left; }
.featured-articles {
h2 { font-weight: bold; }
}
}
.article-content {
overflow: hidden; height: 100%; padding-bottom: 30px;
.left { width: 650px; }
.right { width: 228px; margin-top: 15px; }
.title { margin-top: 25px; font-size: 23px; }
.sidebar {
padding: 15px 0 0; background: url(/images/lower-side-bg.jpg) 0 0 no-repeat;
h4 { font-size: 18px; color: #4783bf; margin: 0 0 10px; }
.text {
margin: 10px 0;
p { margin: 0 0 8px; }
h1, h2, h3, h4 { margin: 8px 0 3px; font-size: 12px; font-family: 'trebuchet ms', sans-serif; }
}
.buttonz { text-align: center; margin-top: 10px; }
.buttonz a { margin: 0 auto 10px; float: none; }
.download {
text-align: center; font-size: 14px; font-weight: bold; margin-top: 10px;
a { background: url(/images/icons/arrow-270-medium.gif) 0 2px no-repeat; padding-left: 16px; }
}
}
.content {
margin-top: 20px; font-size: 14px; color: #222;
p { margin: 0 0 20px; }
h1, h2, h3 { color: #000; font-family: 'trebuchet ms', sans-serif; padding: 0 0 5px; margin-top: 30px; }
h1 { font-size: 18px; }
h2 { font-size: 16px; margin-top: 20px; }
h3 { font-size: 14px; margin-top: 20px; }
}
}
.dextronet-feeds { margin: 15px 0 0; padding-bottom: 12px; border-bottom: 1px dotted #a8906b; }
.dextronet-feeds .links { margin: 0 !important; list-style: none; padding: 0 !important; }
.dextronet-feeds .links li { margin: 0 !important; }
.dextronet-feeds .links a { padding: 7px 0 10px 37px; display: block; }
.dextronet-feeds .links .rss { background: url(/images/icons/rss-32.png) 0 50% no-repeat; }
.dextronet-feeds .links .twitter { background: url(/images/icons/twitter-32.png) 0 50% no-repeat; }
.dextronet-feeds .links .facebook { background: url(/images/icons/facebook-32.png) 0 50% no-repeat; }
.news {
.links {
width: 100%; overflow: hidden; margin-bottom: 10px;
li { float: left; margin-right: 10px; }
a { display: block; padding: 6px 8px 6px 26px; text-decoration: none; background: #49371e 7px 50% no-repeat; }
.rss { background-image: url(/images/rss.gif); }
.twitter { background-image: url(/images/twitter.gif); }
}
h4, h4 a { color: #e4b16a; font-size: 13px; }
h4 a:hover { color: #fcead0; }
.news-item { width: 100%; overflow: hidden; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #644c2a; }
.last-item { border-bottom: none; }
.date { float: left; width: 20px; text-align: right; padding: 3px 6px; color: #a38952; }
.date span { display: block; }
.message { padding: 3px 0; color: #fcead0; }
}
.comics-blv-wrap { text-align: center; }
.comics-blv { margin: 60px auto 30px; padding: 7px 0; border: 1px solid #ecdfb9; border-left: none; border-right: none; width: 100%; overflow: hidden; font-size: 20px;
background: #fffcf3; font-family: "trebuchet ms", arial, sans-serif; width: 800px; text-align: left; }
.comics-blv .ss { float: left; margin: 0 8px 0 8px; border: none; }
.comics-blv .inside { padding-top: 8px; }
.comics-blv .text { padding-bottom: 8px; }
.comparison
{
border-collapse: collapse;
border-spacing: 0;
font-size: small;
text-align: center;
width: 100%;
margin-bottom: 50px;
}
.comparison td, .comparison th { padding: 4px 6px; border: 1px solid #000; }
.comparison-blank { border-top: none !important; border-left: none !important; text-align: left; padding-left: 0 !important; }
.comparison-blank h2 { margin: 0; padding: 0; }
.comparison-line-even
{
background-color: #F0F0F0;
text-align: left;
}
.comparison-line-odd
{
text-align: left;
}
.comparison-yes
{
background-color: #CCFFCC;
color: #008000;
text-align: center;
}
.comparison-no
{
background-color: #FFCCCC;
color: #800000;
text-align: center;
}
.comparison-other
{
width: 90px;
background: #332618; color: #fff;
}