/* *************************************************************************************** * * * Merky * * http://www.merky.de * * * * S C R E E N . C S S * * * **************************************************************************************/ /* B A S I C F O R M A T T I N G ------------------------------------------------------------------------------------ */ * { border: 0; margin: 0; padding: 0; } html { height: 100% } body { background: #519b08 url("../images/bg-body.gif") repeat-x left top; font-size: 100.01%; text-align: center; padding: 0 0 1em; } #container { font: normal 0.85em/140% Helvetica, Arial, sans-serif; text-align: left; color: #4c4c4c; width: 640px; margin: 32px auto 1em; } p, ul, ol, fieldset { margin-bottom: 1em; } h2, h3, strong, b { font-weight: bold; } h2 { font-size: 1.6em; color: #2c5a01; margin-bottom: 0.75em; } h3 { font-size: 1.2em; } small { font-size: 0.9em; color: #727272; } a:link, a:visited { color: #005bd8; text-decoration: none; } a:hover, a:active { color: #B00000; text-decoration: none; } :focus { outline: 0; } table { table-layout: fixed; width: 100%; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; } input, textarea, select { font-size: 1.4em; font-family: Helvetica, Arial, sans-serif; color: #999; vertical-align: middle; border: 1px solid #A0A0A0; } textarea { overflow: auto; } legend, hr, #skip, .inv { display: none; } /* S P E C I A L F O R M A T T I N G ------------------------------------------------------------------------------------ */ .no-border { border: 0 !important; } .no-margin { margin-bottom: 0 !important; } .margin { margin-bottom: 1em !important; } .big-margin { margin-bottom: 2em !important; } a.more { background: transparent url("../images/a-more.jpg") no-repeat right center; border: 0 !important; font-weight: bold; padding: 0.3em 1.8em 0.3em 0; } a.more:hover { } a.more span { display: none; } .left { float: left } .right { float: right } .center { text-align: center; margin: inherit auto;} * html .clearfix { height: 1%; overflow: visible; } *+html .clearfix { min-height: 1%; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .none { visibility: hidden; } /* H E A D E R ------------------------------------------------------------------------------------ */ #header { background: transparent url("../images/bg-main-top.jpg") no-repeat left bottom; position: relative; padding: 0 0.85em; } h1#logo { background: transparent url("../images/h1-logo.jpg") no-repeat left top; text-indent: -9999px; } body#errorpage h1#logo { background: transparent url("../images/h1-logo-angry.jpg") no-repeat left top; text-indent: -9999px; } h1#logo a { display: block; border: 0; height: 65px; width: 272px; } p#logo-subline { display: none; } #badge { position: absolute; width: 88px; height: 88px; top: 20px; left: 420px; } #badge-merky { position: absolute; width: 88px; height: 88px; top: 65px; left: 520px; } /* M A I N ------------------------------------------------------------------------------------ */ #main { background: #FFF url("../images/bg-main-bottom.jpg") no-repeat left bottom; padding: 1.5em; } .box { background: #f0f2ed url("../images/bg-box.gif") repeat-x left bottom; margin-bottom: 1em; padding: 1em 1em 0.1em; } form { margin-bottom: 1.5em; } label { font-size: 0.9em; font-weight: bold; color: #727272; display: block; } input { background: #FFF url("../images/bg-input.gif") repeat-x left top; width: 400px; margin-right: 5px; padding: 0.25em; } button { background: url("../images/button-create-ml.gif") repeat-x left center; text-indent: -9999px; vertical-align: middle; cursor: pointer; width: 142px; height: 32px; padding: 0.25em; } .bmhome { font-size: 0.8em; text-align: right; margin-bottom: 2em; } .stupidtext { font-size: 0.9em; margin-bottom: 0.75em; } .url { background: #fffbcc; font-size: 1.6em; font-weight: bold; text-align: center; border: 1px solid #e5e500; padding: 1em 1em 1.1em; margin: 0 3em 0.5em; } .contentbox { border-bottom: 1px solid #CCC; margin-bottom: 0.5em; padding-bottom: 1em; } .contentbox h3 { background-repeat: no-repeat; background-position: left center; font-size: 1.0em; margin: 0 0 6px; padding: 0.1em 0 0.1em 1.8em; } .contentbox h3#h3-preview { background-image: url("../images/h3-preview.gif"); } .contentbox h3#h3-twitter { background-image: url("../images/h3-twitter.gif"); padding-left: 1.5em; } .contentbox h3#h3-clicks { background-image: url("../images/h3-clicks.gif"); padding-left: 2.2em; } .contentbox h3#h3-stats { background-image: url("../images/h3-stats.gif"); } .contentbox .left, .contentbox .right { background: #f0f2ed url("../images/bg-box.gif") repeat-x left bottom; width: 44%; min-height: 172px; border-bottom: 1px solid #b3b7ae; padding: 1em 1em 0; } body#home .contentbox .left, body#home .contentbox .right { min-height: 135px; } .copy a { background: url("../images/icon-copy-url.gif") no-repeat left center; font-size: 0.9em; padding: 1px 0 1px 18px; } .copy a:hover { border: 0 !important; } a.bullet { background: url("../images/li-twitter.gif") no-repeat left center; padding-left: 8px; } /* Preview */ #preview h3 { border-top: 1px solid #999; padding-top: 1em; } a.preview-image { border: 1px solid #999; padding: 0.5em; float: left; display: block; width: 202px; text-align: center; margin-bottom: 1.5em; margin-right: 1em; } a.preview-image:hover { border-color: #000; } #preview code { font-size: 1em; line-height: 120%; display: block; padding: 0.5em 0 0; } .open-preview { padding-top: 5em; } .create-own-merky { border-top: 1px solid #CCC; margin: 0; padding-top: 1em; } /* Statistik */ p.code { font-size: 1.2em; text-align: left; margin: 0; padding: 1em 0 0; } p.ctitle { font-size: 0.9em; font-style:italic; color: #999; } .counter { font-size: 1.5em; font-weight: bold; } /* Stats Table */ #stats-table { margin-bottom: 2em; } #stats-table th { background: #ddd; font-weight: bold; border-bottom: 1px solid #999; } #stats-table th, #stats-table td { padding: 3px; vertical-align: top } #stats-table th.th-1st, #stats-table td.td-1st { width: 12% } #stats-table th.th-2nd, #stats-table td.td-2nd { width: 71% } #stats-table th.th-3rd, #stats-table td.td-3rd { text-align: right; width: 10% } #stats-table th.th-4th, #stats-table td.td-4th { text-align: right; width: 4% } #stats-table th.th-5th, #stats-table td.td-5th { text-align: right; width: 3% } a.delete-link, a.detstat-link { background: url("../images/delete.gif") no-repeat right 4px; float: right; display: block; width: 16px; height: 16px; } a.detstat-link { background: url("../images/stats-small.gif") no-repeat right 0; } a.delete-link span, a.detstat-link span { display: none; } h4#h4-add-merky-to-stats { text-align: right; font-weight: normal; } form#form-add-merky-to-stats { float: right; width: 160px; } body#stat fieldset { margin: 0; } body#stat label { display: none; } input#add-merky-to-stats { font-size: 1em; width: 60px; } button#button-add-to-stats { background: url("../images/button-add-to-stats.gif") repeat-x left center; width: 84px; height: 23px; } .rowalternate { background-color: #eee; } /* F O O T E R ------------------------------------------------------------------------------------ */ #footer { font-size: 0.8em; color: #182e02; padding: 1em 1.5em 1.5em; } #footer .left { width: 80%; } #footer .left a { color: #182e02 !important; } #footer .left a:hover { border-bottom: 1px solid #182e02 !important; } #footer .right { width: 20%; text-align: right; } /* Seitzeichen Widget */ .szwidget { text-align: right; margin: 0; padding: 0; line-height: 0; } div#partner { border-top: 1px solid #C3C5C7; text-align: center; font-size: 0.9em; color: #939597; padding-top: 1em; } div#partner { font-size: 0.8em; color: #737577; } div#partner a { color: #939597 !important; } /* E N D S T Y L E S . C S S ------------------------------------------------------------------------------------ */