/* ClipMyHorse.de http://www.clipmyhorse.de S C R E E N . C S S Last modified: 18.08.2010 */ /* I M P O R T S T Y L E S --------------------------------------------------------------------------------------------------- */ /* ClipMyHorse.de http://www.clipmyhorse.de R E S E T . C S S Last modified: 14.05.2010 */ /* R E S E T S E T T I N G S --------------------------------------------------------------------------------------------------- */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, legend, fieldset, label, table, th, tr, td { background: transparent; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; margin: 0; padding: 0; } html { height: 100%; } body { line-height: 1.5; } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; } } h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, pre, table, address { margin: 0 0 12px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } table { width: 100%; border-spacing: 0; border-collapse: collapse; } table, th, td { vertical-align: top; } caption, th, td { text-align: left; font-weight: normal; } a, :focus { outline: 0; -moz-outline-style: 0 none; } a img { border: 0 none; } img { display: block; } input, select, textarea, button { vertical-align: middle; } select, button { cursor: pointer; } textarea { overflow: auto; } small { font-size: 11px; } strong, b { font-weight: bold; } em, i { font-style: italic; } strike, del { text-decoration: line-through; } pre, code { font-family: Consolas, Lucida Console, Monaco, monospace; font-size: 12px; } sup, sub { font-size: 9px; line-height: 0 !important; } hr { display: none; } /* G L O B A L C L A S S E S --------------------------------------------------------------------------------------------------- */ .normal { font-weight: normal !important; letter-spacing: 0 } .strong { font-weight: bold !important; } .italic { font-style: italic !important; } .no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .hidden { position: absolute; left: -9999px } .left { float: left !important; } .right { float: right !important; } .clr { overflow: hidden; } .clear { clear: both; } /* ClipMyHorse.de http://www.clipmyhorse.de T H I C K B O X . C S S Last modified: 26.12.2009 */ /* T H I C K B O X S E T T I N G S --------------------------------------------------------------------------------------------------- */ .TB_overlayBG { background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #TB_window { background: #FFF; border: 10px solid #555; } #TB_ajaxContent { position: relative; padding: 15px; } a.tb-close { background: url(http://static.clip-my-horse.de/images/_buttons/close.png); text-indent: -9999px; position: absolute !important; display: block; width: 16px; height: 16px; top: 18px; right: 15px; } a.tb-close:hover { background-position: 0 -16px; } a.tb-close:active { top: 19px; } /* Thickbox core - Do not edit! ------------------- */ #TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; } #TB_window { text-align: left; position: fixed; z-index: 102; display: none; top: 50%; left: 50%; } #TB_ajaxContent { overflow: auto; } * html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* IE6 Hack */ * html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } /* IE6 Hack */ .TB_overlayMacFFBGHack { background: url(http://static.clip-my-horse.de/images/_js/thickbox/macFFBgHack.png) repeat; } /* Firefox Hack */ /* G L O B A L S E T T I N G S A N D C L A S S E S --------------------------------------------------------------------------------------------------- */ body { background: #e4e6ce url(http://static.clip-my-horse.de/images/_bg/body.png) repeat-x; font: normal 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; text-align: center; } #container { background: transparent; text-align: left; position: relative; width: 960px; margin: 0 auto; } #leftad { position: absolute; top: 135px; left: -120px; width: 120px; height: 160px; z-index: 10; zoom: 1; } #rightad { position: absolute; top: 144px; right: -160px; width: 160px; height: 100px; z-index: 10; zoom: 1; } /* Headings ------------------- */ h1 { font-weight: normal; font-size: 30px; color: #0d5625; line-height: 1.2; margin: 0 0 0 -1px } h2 { font-size: 14px; line-height: 1.3; } h3 { font-size: 12px; } h4 { font-size: 12px; } h5 { font-size: 12px; margin: 0 } h2 span, h3 span { font-weight: normal; color: #666; letter-spacing: 0 } /* Links ------------------- */ a:link { color: #296dcc; text-decoration: none; } a:visited { color: #296dcc; text-decoration: none; } a:hover { color: #c8091d; text-decoration: none; } a:active { color: #c8091d; text-decoration: none; position: relative; top: 1px; } a.more { background: url(http://static.clip-my-horse.de/images/_icons/more.gif) no-repeat 100% 5px; font-weight: bold; padding-right: 8px; } a.more:hover { background-position: 100% -25px } a.back { background: url(http://static.clip-my-horse.de/images/_icons/back.gif) no-repeat 0 4px; font-weight: bold; padding-left: 8px; } a.back:hover { background-position: 0 -26px } a.showall { background: url(http://static.clip-my-horse.de/images/_icons/showall.gif) no-repeat 100% 4px; font-weight: bold; padding-right: 10px; } a.showall:hover { background-position: 100% -25px } a.video { background: url(http://static.clip-my-horse.de/images/_icons/video.png) no-repeat 0 3px; padding-left: 16px; } /* Lists ------------------- */ ul { list-style: none outside; } ol { list-style: decimal inside; } ul ul, ol ol { margin: 0 } /* Forms ------------------- */ fieldset > div { overflow: hidden; width: 100%; margin: 0 0 8px } fieldset > div label { float: left; width: 130px; margin-top: 4px; } legend { display: none } label { display: block; cursor: pointer; } input[type=text], input[type=password], select, textarea { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #666; padding: 4px 3px; } input[type=text], input[type=password] { width: 300px; border: 1px solid #999; border-color: #333 #999 #CCC; } select { cursor: pointer; padding: 0; } textarea { width: 300px; border: 1px solid #999; border-color: #333 #999 #CCC; } .btn { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; display: block; height: 27px; border: 0 none; } .btn:hover { background-position: 0 -27px } .btn:active { background-position: 0 -54px; position: relative; top: 1px; } .btn.bigbtn { height: 35px; } .btn.bigbtn:hover { background-position: 0 -35px } .btn.bigbtn:active { background-position: 0 -70px; } p.error, label.error { color: #c8091d !important; } input.error { border-color: #c8091d !important; } /* Tables ------------------- */ td { border-bottom: 1px solid #b0b6ae; padding: 5px; } tr.alt td { background: #f3f6f4; } thead td { background: #cfddd3; font-weight: bold; border-top: 1px solid #b0b6ae; } /* Colors ------------------- */ .red { color: #c8091d !important; } .green { color: #0d5625 !important; } .marker { background: #ff7 !important; font-weight: bold !important; color: #333 !important; padding: 1px 3px; } /* Images ------------------- */ img.left { margin: 0 10px 10px 0; } img.right { margin: 0 0 10px 10px; } /* H E A D E R --------------------------------------------------------------------------------------------------- */ #header { position: relative; width: 960px; overflow: hidden; } /* Logo ------------------- */ div#logo { float: left; width: 205px; margin-top: 0; } div#logo a { display: block; width: 205px; } /* Topnav / Search ------------------- */ div#topnav { float: right; text-align: right; height: 50px; overflow: hidden; zoom: 1; } div#topnav ul { float: left; margin-right: 10px; overflow: hidden; } div#topnav li { font-size: 11px; display: inline; } div#topnav a { background: url(http://static.clip-my-horse.de/images/_nav/topnav-bullet.png) no-repeat 0 50%; color: #85a38e; float: left; margin: 5px 0 0 6px; padding: 3px 3px 3px 8px } div#topnav a#nav-about { background: none; padding-left: 3px } div#topnav a:hover { color: #cfded4; } div#topnav a:active { position: static; } #searchform { background: #3c724d url(http://static.clip-my-horse.de/images/_bg/search-form.png) no-repeat 100% 100%; float: left; width: 315px; height: 50px; overflow: hidden; } #searchform fieldset { overflow: hidden; padding: 12px 13px 0; } #searchform input { background: url(http://static.clip-my-horse.de/images/_bg/search-input.png); float: left; width: 187px; height: 19px; border: 0 none; margin: 1px 6px 0 0; padding: 5px 5px 0 25px; } #searchform button { background-image: url("http://static.clip-my-horse.de/images/_buttons/search.png"); float: left; width: 66px; height: 27px; } body.en #searchform button { background-image: url("http://static.clip-my-horse.de/images/_buttons/search-en.png"); } #searchform button:hover { background-position: 0 -27px; } #searchform button:active { background-position: 0 -54px; } /* Subnav ------------------- */ div#subnav { text-align: right; clear: right; float: right; height: 24px; margin: 16px 0 0; } /* Login / Register ------------------- */ ul#loginnav { float: left; margin-right: 15px; } ul#loginnav li { display: inline; } ul#loginnav a { background: url(http://static.clip-my-horse.de/images/_nav/subnav-bullet.png) no-repeat 0 50%; font-weight: bold; font-size: 11px; color: #cfded4; float: left; margin-left: 5px; padding-left: 7px; } ul#loginnav a#nav-login { background: none; padding-left: 3px } ul#loginnav a:hover { color: #FFF; } ul#loginnav a:active { position: static; } /* Language Switcher ------------------- */ ul#lang { background: url(http://static.clip-my-horse.de/images/_nav/subnav-div.png) repeat-y 0 0; float: left; height: 24px; padding-left: 15px; margin-right: 10px; overflow: hidden; } ul#lang li { display: inline; } ul#lang a { text-indent: 9999px; float: left; width: 16px; height: 22px; margin: 2px 5px 0 0; } ul#lang a span { float: left; width: 16px; height: 13px; } ul#lang a#flag-de span { background: url(http://static.clip-my-horse.de/images/_icons/flag-de.png); margin-right: 5px; } ul#lang a#flag-en span { background: url(http://static.clip-my-horse.de/images/_icons/flag-en.png); } ul#lang li.current a { background: url(http://static.clip-my-horse.de/images/_nav/subnav-current.png) no-repeat 50% 100%; cursor: default !important; } /* M A I N --------------------------------------------------------------------------------------------------- */ #main { background: #FFF url(http://static.clip-my-horse.de/images/_bg/main.jpg) no-repeat; width: 930px; overflow: hidden; padding: 20px 15px 10px; } #content { float: left; width: 615px; margin-right: 15px; } #sidebar { float: left; width: 300px; } .group { width: 945px; overflow: hidden; margin: 0 0 12px -15px; } .col { background: transparent; display: inline; float: left; width: 300px; margin-left: 15px; } ul.listing { overflow: hidden; border-top: 1px solid #c7ccc6; margin-bottom: 25px; } ul.listing li { font-weight: bold; float: left; width: 600px; border-bottom: 1px solid #c7ccc6; padding: 10px } ul.listing li.alt { background: #f3f6f4; } ul.listing li a { float: left; margin: 3px 10px 0 0; } ul.listing li a.more { background-position: 100% 6px; } ul.listing li a.more:hover { background-position: 100% -24px; } ul.listing li a+p { float: left; width: 540px } ul.listing li h3, ul.listing li h4, ul.listing li p, ul.listing li p a { margin: 0 } ul.listing li em, .teaserlists .col.news li p { font-weight: normal; color: #777; } ul.listing li p span, ul.listing li h4 { font-weight: normal; } /* Homepage Teaser ---------------------- */ #teaser { width: 900px; overflow: hidden; padding: 0 15px 30px; } #teaser h1 { font-size: 24px; margin-bottom: 15px } #teaser h2 { font-weight: normal; font-size: 16px; line-height: 1.4; letter-spacing: 0; margin-bottom: 19px; } #teasertext { display: inline; float: left; width: 485px; padding-top: 10px } #teasertext ul { font-size: 13px; margin-bottom: 23px; } #teasertext li { background: url(http://static.clip-my-horse.de/images/_bg/teaser-li.png) no-repeat 0 4px; display: block; padding: 1px 0 1px 18px; } #teasertext a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/premium-big.png); width: 248px; height: 35px } body.en #teasertext a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/premium-big-en.png); width: 254px } #teaservideo { display: inline; float: right; width: 346px; margin-right: 24px; padding: 15px 0 0; position: relative; } #teaserplayer { background: url(http://static.clip-my-horse.de/images/_bg/video.png); width: 320px; height: 180px; margin-bottom: 6px; padding: 13px 13px 50px; } .teasercaption { background: #e1ebe5; overflow: hidden; margin: 0; padding: 10px 5px 6px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .teasercaption ul { margin: 0 } .teasercaption li { margin-bottom: 4px; } .teasercaption li a { background: url(http://static.clip-my-horse.de/images/_icons/live-caption.png) no-repeat 0 0; display: block; padding: 0 0 0 42px; } .teasercaption li a span.live { background: #edf3ef; font-weight: bold; color: #c8091d; text-transform: uppercase; padding: 1px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .teasercaption p { margin-bottom: 4px; } a#nowlive { background: url(http://static.clip-my-horse.de/images/jetzt-live.jpg); text-indent: -9999px; position: absolute; display: block; width: 152px; height: 75px; top: 210px; left: -170px; } a#dkb { background: url(http://static.clip-my-horse.de/images/dkb_stern_rot.gif); text-indent: -9999px; position: absolute; display: block; width: 165px; height: 164px; top: 145px; left: -190px; } body.en a#nowlive { background: url(http://static.clip-my-horse.de/images/now-live.jpg); text-indent: -9999px; position: absolute; display: block; width: 152px; height: 75px; top: 210px; left: -170px; } /* Homepage Teaser Listen ---------------------- */ .teaserlists { width: 945px; overflow: hidden; margin: 0 0 15px -15px; } .teaserlists .col { border-top: 3px solid #7d807c; /* padding: 10px 0; */ } /* .teaserlists .col h2 { background-position: 10px 50%; background-repeat: no-repeat; margin: 0 0 10px } .teaserlists .col.preview h2 { background-image: url(http://static.clip-my-horse.de/images/_icons/preview.png) } .teaserlists .col.mediacenter h2 { background-image: url(http://static.clip-my-horse.de/images/_icons/mediacenter.png) } .teaserlists .col.news h2 { background-image: url(http://static.clip-my-horse.de/images/_icons/news.png) } */ .teaserlists .col h2 { margin: 0 } .teaserlists .col h2 a { background: #e1ebe5; color: #333; display: block; /* padding: 8px 0 8px 68px; */ padding: 12px 10px; top: 0 !important; } .teaserlists .col h2 span { font-size: 13px; color: #666; display: block; } .teaserlists .col p { margin: 0; } .teaserlists ul.listing { margin-bottom: 15px; } .teaserlists ul.listing li { width: 280px; } .teaserlists ul.listing li p { width: 222px; } .teaserlists .col.preview a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/preview-all.png); width: 206px; } .teaserlists .col.mediacenter a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/video-all.png); width: 206px; } .teaserlists .col.news a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/news-all.png); width: 159px; } body.en .teaserlists .col.preview a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/preview-all-en.png); width: 169px; } body.en .teaserlists .col.mediacenter a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/video-all-en.png); width: 112px; } body.en .teaserlists .col.news a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/news-all-en.png); width: 120px; } /* Partner ---------------------- */ #partnerbottom { border-top: 3px solid #7d807c; padding: 15px 0 0; } #partnerbottom img { display: inline; float: left; margin-left: 5px; } .likebox { border-top: 1px solid #7d807c; padding: 15px 0 0; } /* Subpages ---------------------- */ #breadcrumb { font-size: 11px; line-height: 1; height: 23px; border-bottom: 1px solid #b1b5b1; margin: 0 0 20px } #breadcrumb a { font-weight: bold } .pageheader { border-bottom: 2px solid #7D807C; margin-bottom: 15px; padding-bottom: 12px; } .pageheader h2 { font-size: 14px; /* line-height: 1; */ margin: 0 } .pageheader h2 span { color: #666; } .note { background: #fffbcd; display: block; border: 1px solid #d8c382; margin-bottom: 15px; padding: 10px; } #content h3 { font-size: 14px; line-height: 1.3; margin-bottom: 12px; } /* Accordion */ ul.accordion { border-bottom: 1px solid #c7ccc6; margin: 0 0 25px; } ul.accordion h3 { font-size: 12px !important; display: block; border-top: 1px solid #c7ccc6; margin: 0 !important; padding: 6px 10px; } ul.accordion li.alt h3 { background: #f3f6f4; } ul.accordion li h3.ui-state-active { background: #cfddd3; border-top-color: #b0b6ae; } ul.accordion li h3.ui-state-active span { display: none; } ul.accordion div { overflow: hidden; border-top: 1px solid #b0b6ae; padding: 0 10px } ul.accordion h4 { /* float: left; width: 70px; */ margin: 0; padding: 10px 0 0; } ul.accordion ul { /* float: left; width: 400px; */ margin: 0; padding: 0 0 10px; } ul.accordion a, ul.accordion a+p { float: none; margin: 0; } ul.accordion br.clear+h4 { padding: 0; } ul.accordion br.clear { display: none; } /* Live */ ul.live { margin-bottom: 15px !important; } ul.live li { float: none; } ul.live li p { float: none !important; font-weight: normal; margin-bottom: 6px; } ul.live li a { float: none !important; margin: 0 } ul.live li h3 { line-height: 1.3; padding: 5px 0 0; } ul.live li h4 { font-weight: bold; margin-bottom: 6px; } ul ul.channellist { margin-bottom: 10px !important; } ul.live li ul.channellist li { font-weight: normal; list-style: outside square; border: 0 none; margin: 0 0 0 20px; padding: 0; } ul.live li ul.channellist li a { font-weight: bold; } #TB_window h2 em { font-weight: normal; color: #777; } table.timetable { margin-bottom: 20px; } table.timetable td.td-time { width: 20% } table.timetable td.td-event { width: 80% } /* Mediaplayer */ #mediaplayer { border-bottom: 1px solid #b0b6ae; margin-bottom: 16px; padding-bottom: 9px; } #mediaplayer embed { margin-bottom: 10px; } #mediaplayer p { margin: 0; } #mediaplayer a { font-weight: bold; } .videoads { text-align: center; } .videoads>* { margin: 0 auto; } /* Popup */ body#popup { background: #FFF; text-align: left; padding: 0; } #popup-head { padding: 15px 15px 0; } #popup-head h2 { line-height: 1.3; margin: 0; } #popup-head p { font-size: 14px; line-height: 1.3; font-style: italic; color: #777; } #popup-main { padding: 0 15px; } table#starterlist td.td-startnr { font-weight: bold; text-align: center; width: 10% } table#starterlist td.td-kopfnr { text-align: center; width: 10% } table#starterlist td.td-nation { text-align: center; width: 10%; } table#starterlist tbody td.td-nation { padding: 2px 5px 0; } table#starterlist td.td-nation img { height: 20px; margin: 2px auto 0 } table#starterlist td.td-reiter { width: 35% } table#starterlist td.td-pferd { width: 35% } /* Search */ .searchresults li h3 { line-height: 1.5 !important; } .searchresults li h3 em { font-weight: normal; color: #777; display: block; } .searchresults li ul { overflow: hidden; float: none; width: auto; margin-top: 10px; } .searchresults li ul li { overflow: hidden; float: left; width: 600px; } .searchresults li ul li span.horseman { float: left; width: 135px; } .searchresults li ul li span.horse { float: left; width: 135px; } .searchresults li ul li a.video { float: left; width: 300px; background-position: 0 5px; } /* Login */ #reg-login fieldset { margin-bottom: 15px; } #reg-login div label { width: 100px; } #reg-login label input#stayconnected, #reg-login button, #login p { margin-left: 100px } #reg-login button { background-image: url("http://static.clip-my-horse.de/images/_buttons/login.png"); width: 93px; margin-bottom: 15px } body.en #reg-login button { background-image: url("http://static.clip-my-horse.de/images/_buttons/login-en.png"); width: 66px } /* Register */ #reg-form fieldset { border-bottom: 1px solid #b0b6ae; margin-bottom: 15px; padding-bottom: 15px; } #voucher-form fieldset { border-bottom: 1px solid #b0b6ae; margin-bottom: 15px; padding-bottom: 15px; } #reg-form h2 { margin-bottom: 0px; } #reg-form p { color: #666; } #reg-persdata h2 { margin-bottom: 15px; } #reg-persdata input { float: left; } #reg-product h2 span { font-weight: bold; font-size: 11px; } #reg-product label { display: block; color: #666; overflow: hidden; } #reg-product label.biglabel { font-weight: bold; color: #333; margin: 5px 0 0; } #reg-product label span { display: inline-block; width: 500px; } #reg-product label span span { font-weight: bold; display: inline; width: auto; } #reg-voucher label { display: block; margin-bottom: 3px; } #reg-voucher input { width: 40px; text-align: center; } #voucher-form button { background-image: url("http://static.clip-my-horse.de/images/_buttons/gutschein.png"); width: 167px; } #reg-form button { background-image: url("http://static.clip-my-horse.de/images/_buttons/nextstep.png"); width: 150px; } body.en #voucher-form button { background-image: url("http://static.clip-my-horse.de/images/_buttons/gutschein-en.png"); width: 155px; } body.en #reg-form button { background-image: url("http://static.clip-my-horse.de/images/_buttons/nextstep-en.png"); width: 102px; } input.empty { border-color: #c8091d; } ul.errors { font-weight: bold; color: #c8091d; float: left; margin: 4px 0 0 10px; } #voucher-form { border-top: 2px solid #7D807C; margin-top: 15px; padding-top: 15px; } #premium-info a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/premium-big.png); width: 248px; height: 35px } body.en #premium-info a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/premium-big-en.png); width: 254px; height: 35px } /* Dashboard */ .dashboard ul.listing { overflow: hidden; margin-bottom: 15px; } .dashboard ul.listing li { padding: 10px 0; } .dashboard ul.listing h3 { font-size: 14px !important; line-height: 1.5 !important; margin: 0 !important; } .dashboard ul.listing p { font-weight: normal; margin-bottom: 0 !important; } .dashboard ul.listing p.date { font-size: 11px; color: #777; } .dashboard ul.db-services { border: 0 none; margin: 0 0 30px !important; } .dashboard ul.db-services li { background: #f3f6f4; float: left; width: 280px !important; border: 0 none; padding: 10px; } .dashboard ul.db-services li img { margin: 3px 10px 3px 0 } .dashboard ul.db-services li.db-preview { margin-right: 15px; } .dashboard ul.db-services li.db-live { background: #cfddd3; border: 0 none; width: 595px !important; border-bottom: 1px solid #b0b6ae; padding: 10px; margin-bottom: 15px; border: 0 none; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } .dashboard ul.db-services li.db-live h3 { font-size: 12px !important; line-height: 1.5 !important; padding-top: 3px; } .dashboard ul.db-news h4 { font-weight: bold; } .profile { background: #e3e3e3; padding: 12px 12px 3px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } .profile h3 { margin-bottom: 5px; } .profile p { font-size: 11px;} /* Buttons */ .extend { background-image: url("http://static.clip-my-horse.de/images/_buttons/extend.png"); width: 166px; } .invite { background-image: url("http://static.clip-my-horse.de/images/_buttons/invitefriends.png"); width: 121px; } body.en .extend { background-image: url("http://static.clip-my-horse.de/images/_buttons/extend-en.png"); width: 136px; } body.en .invite { background-image: url("http://static.clip-my-horse.de/images/_buttons/invitefriends-en.png"); width: 98px; } .balance-in-movement { background-image: url("http://static.clip-my-horse.de/images/_buttons/balance-in-movement.gif"); width: 185px; } .pferdekauf-heute { background-image: url("http://static.clip-my-horse.de/images/_buttons/pferdekauf-heute.gif"); width: 126px; } .schicksal-pferd { background-image: url("http://static.clip-my-horse.de/images/_buttons/schicksal-pferd.gif"); width: 117px; } /* Sidebar ---------------------- */ #sidebar .box { border-top: 2px solid #7d807c; margin-bottom: 15px; padding-top: 15px; } #sidebar .box:first-child { border: 0 none; padding: 0 } #sidebar ul.listing { overflow: hidden; height: 1%; margin-bottom: 15px; } #sidebar ul.listing li { overflow: hidden; display: block; border-bottom: 1px solid #b1b5b1; padding: 6px 5px 7px } #sidebar ul.listing li a { background: url(http://static.clip-my-horse.de/images/_icons/more.gif) no-repeat 99% 5px; float: left; width: 290px; } #sidebar ul.listing li a:hover { background-position: 99% -25px } #cmh-premium-ad { background: #FFF url(http://static.clip-my-horse.de/images/_bg/cmh-premium-ad.png) repeat-x 0 100%; border: 1px solid #b0b6ae; padding: 17px 15px 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #cmh-premium-ad h2 { font-size: 18px; color: #0d5625; letter-spacing: -1px; margin-bottom: 10px; } #cmh-premium-ad ul { border: 0 none; margin-bottom: 14px } #cmh-premium-ad li { background: url(http://static.clip-my-horse.de/images/_bg/cmh-premium-ad-li.png) no-repeat 0 5px; color: #444; display: block; border: 0 none; padding: 0 0 0 16px; } #cmh-premium-ad a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/premium.png); width: 206px; } body.en #cmh-premium-ad a.btn { background-image: url(http://static.clip-my-horse.de/images/_buttons/premium-en.png); } #cmh-ad { background: #FFF url(http://static.clip-my-horse.de/images/_bg/cmh-premium-ad.png) repeat-x 0 100%; border: 1px solid #b0b6ae; padding: 17px 15px 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #cmh-ad h2 { font-size: 18px; color: #0d5625; letter-spacing: -1px; margin-bottom: 10px; } #cmh-ad ul { border: 0 none; margin-bottom: 14px } #cmh-ad li { background: url(http://static.clip-my-horse.de/images/_bg/cmh-premium-ad-li.png) no-repeat 0 5px; color: #444; display: block; border: 0 none; padding: 0 0 0 16px; } /* F O O T E R --------------------------------------------------------------------------------------------------- */ #footer { background: url(http://static.clip-my-horse.de/images/_bg/footer.png) no-repeat; font-size: 11px; width: 930px; overflow: hidden; padding: 20px 15px }