/* Sortierung der Eigenschaften u. Elemente: alphabetisch body.signedin wenn User angemeldet - Global/Geruest - Reset - Defaults - Geruest der Seite - Header - Subheader - Footer - Formulare -Formulare: links -Formulare: rechts -Tabellen - Spezifische Elemente - blaettern - Fehlermeldungen - Formulare: Registrierung / Profil anpassen - Profilbild aendern - Geschichten lesen - Details - Aktionen - Kommentare - Geschichte Geschichten schreiben / editieren / publizieren - Kontaktformular - Profilseite - Buttons - Startseite: Intro - ungelesene Geschichten - Userbox - Wortfilter - Icons - Antworten/reply - Avatare - Lesezeichen - Lieblingsgeschichten - Melden/report - Nachrichtenseite (Bookmarks/Favorites) - Rating: Ausgabe - Rating: Eingabe - Status der Geschichte - Userbox - Banner Besonderheiten: site.png = CSS-Sprite-Objekt Eigenschaften der Elemente, wenn m�glich, nur in entsprechender Gruppe deklarieren */ /* ------------------------------------------------- */ /* ---------- G L O B A L / G E R U E S T ---------- */ /* ------------------------------------------------- */ /*-- Reset --*/ html { height:100%; overflow-y:scroll; } body, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, legend, p, textarea, ul { font:normal normal normal 12px/1.5em Helvetica,Arial,sans-serif; margin:0; padding:0; } input[type=password], input[type=text], textarea {font-family: MS Shell Dlg,Helvetica,Arial,sans-serif; font-size:1.1em; } img { border:none; } /*-- Defaults --*/ body { background:#f5f5f5; color:#545353; } a { color:#545353; } a:hover, a:active { color:#000; text-decoration:underline } a span:hover, input[type=submit]:hover { cursor:pointer; } abbr, dfn { font-style:normal; border-bottom:1px dotted #545353; } form { position:relative; } form a { text-decoration:underline; } a.abort { background:url(../images/icons/iconpack.png) -220px -80px no-repeat; color:#CCC; float:right; font-weight:normal; height:20px; margin-right:-8px; overflow:hidden; text-decoration:none; text-align:left; width:80px; } a.abort:hover { background-position: -220px -100px; color:#CC0000; } h1 { font-size:1.6em; font-weight:bold; margin-bottom:20px; } #c_center h1 { background:#F0F0F0; height:40px; padding-top:10px; text-indent:20px; } #home #c_center #intro h1, #read #c_center h1{ background:none; margin-bottom:5px; padding:0; text-indent:0; } h2 { font-weight:bold; margin:20px 0 10px 0; } #c_right h2 { margin:0 0 10px 0; } h3, h4, h5, h6 { font-weight:bold; } p { margin-bottom:20px; } ul { list-style-type:none; } /*-- Geruest der Seite --*/ #header { clear:both; margin:auto; width:956px; } #content { clear:both; margin:10px auto 0 auto; width:954px; overflow:hidden; } #c_center { background:#FFF; border:1px solid #D6D6D6; float:left; margin-top:-1px; min-height:500px; padding:15px; position:relative; width:672px; } #c_center form { width:620px; } #c_right { float:right; margin-top:-1px; } #c_right > div { background:#FFF; border:1px solid #D6D6D6; margin-bottom:20px; padding-top:8px; width:243px; } #c_right #login, #c_right .books, #c_right .banner { background:#FFF url(../images/site.png) 0 -950px no-repeat; border-width:0 1px 1px 1px; padding:8px; width:227px; } #footer { clear:both; margin:auto; width:956px; } /*-- header --*/ #header { background:url(../images/site.png) 0 0 no-repeat; height:200px; position:relative; } #header #logo { left:40px; position:absolute; top:25px; } #header a#logo { display:block; height:70px; overflow:hidden; text-indent:-10000px; width:240px; } #header ul { margin:0; position:absolute; top:125px; width:100%; } #header li { float:left; margin:0 10px 0 5px; } #header li a { background:url(../images/site.png) 0 -450px no-repeat; color:#FFF; display:block; height:30px; line-height:30px; text-align:center; text-decoration:none; width:120px; } #header li a:hover { background-position: 0 -480px; text-decoration:none; } /*-- Subheader --*/ #subheader { position:relative; width:100%; z-index:9; } #subheader h2 { font-size:1.5em; margin-top:0; text-indent:15px; } #subheader a { text-decoration:none; } #subheader ul { height:30px; overflow:hidden; } #subheader li { display:inline;} #subheader li a { background:url(../images/site.png) 0px -700px no-repeat; float:left; height:30px; line-height:28px; margin-right:1px; text-align:center; width:150px; } #subheader li a:hover, #subheader li a:active, #subheader li a.active { background-position:0px -730px; } #subheader .register a { background-position:-151px -700px; color:#FFF; } #subheader .register a:hover, #subheader .register a:active, #subheader .register a.active{ background-position:-151px -730px; color:#545353; } #subheader .contactform { float:right; } #subheader .contactform a { background-position:-340px -700px; height:29px; overflow:hidden; text-indent:1000px; width:30px; } #subheader .contactform a:hover, #subheader .contactform a:active, #subheader .contactform a.active { background-position:-340px -730px; } /*-- Footer --*/ #footer { background:url(../images/site.png) 0 -200px no-repeat; height:168px; position:relative; text-align:center; } #footer a { color:#545353; text-decoration:none; } #footer #intern { display:inline; left:0; position:absolute; top:37px; width:100%; } #footer #intern li { border-left:1px solid #545353; display:inline; } #footer #intern li:first-child { border-width:0; } #footer #intern a { padding:0 1px 0 3px; } #footer #links { left:0; position:absolute; top:130px; width:100%; } #footer #links * { color:#BBB; display:inline; font-size:0.95em; font-weight:normal; line-height:1.2em; } #footer #links li { border-left:1px dotted #BBB; } #footer #links li:first-child { border-width:0; } #footer #links #partnersites { display:block; } #footer #links a { padding-left:2px; } #footer #jusprog { left:20px; position:absolute; top:80px; } #footer #updated { bottom:-10px; color:#BBB; font-size:0.8em; left:0; margin:0; position:absolute; text-align:center; width:100%; } /*-- Formulare --*/ fieldset { border-width:0; position:relative;} input[type=submit] { background:#FFF url(../images/site.png) 0 -540px; border-width:0; color:#FFF; margin:5px 0; padding:5px; } input[type=submit]:hover { background-position:0 -580px; } input[type=text], input[type=password] { background:url(../images/site.png) 0 -400px; border:1px solid #AAA; padding:2px; } legend { color:#5e81c8; font-weight:bold; left:0; position:absolute; top:-20px; } textarea { background:#F5F5F5; border:1px solid #AAA; width:auto; padding:2px; } input[type=text]:focus, input[type=password]:focus, textarea:focus{ border:1px solid #000; } label { display:block; } .checkbox label, .radio label { display:inline; position:relative; top:-2px; } .file label { display:inline; text-align:left; width:100%; } form li img { margin-bottom:-4px; } /* Formulare: links */ #c_center fieldset { margin:50px 0 0 0; top:-20px; } #c_center form ul { clear:both; overflow:hidden; width:auto; } #c_center form li { margin:10px 0; } #c_center form p { margin:0 0 10px 0; width:450px; } #c_center form input[type=text], #c_center form input[type=password] { width:300px; } #c_center form .checkbox, #c_center form .radio { } #c_center form .textarea { position:relative; } #c_center form .textarea img { position:absolute; top:30px; } /* Formulare: rechts */ #c_right fieldset { margin:0;} #c_right input[type=text] { margin-bottom:5px; } #c_right form li { margin:2px 0; } #c_right label { display:block; float:none; margin:0; text-align:left; } /*-- Tabellen --*/ table { border:1px solid #F7F7F7; border-collapse:collapse; clear:both; margin:5px auto; text-align:left; width:100%; } table tbody tr:nth-child(even) { background:#FAFAFF; } table a { display:block; line-height:20px; height:20px; text-decoration:none; } table a:hover { font-weight:bold; text-decoration:none; } td { padding:0 3px; } th { padding:6px 3px; background:#F0F0F0; text-align:left; } th.hasbookmark, th.delete, th.edit, th.isfavorite, th.release { text-indent:-10000px; overflow:hidden; } table .delete, table .edit, table .hasbookmark, table .isfavorite { width:20px; } table .rating { width:80px; } table .title { /* leer = max.Breite */ } table .title .unread, table tr.unread .title { font-weight:bold; } table .author { width:120px; } table .created, table .read, table .release { width:60px; } td.author a, td.read a, td.release a { color:#AAA; } /* ------------------------------------------------- */ /* ---- S P E Z I F I S C H E E L E M E N T E ---- */ /* ------------------------------------------------- */ /*-- Blaettern / Pagination --*/ .pagination { margin-bottom:2px; position:relative; } #c_center .pagination form { position:absolute; right:0; text-align:right; top:0; width:auto; } #c_center .pagination form p { display:inline; } .pagination ul { overflow:hidden; width:auto; } .pagination li { border:1px solid #f0f0f0; border-left-width:0; float:left; height:24px; line-height:24px; text-align:center; width:24px;} .pagination a { color:#AAA; display:block; height:100%; text-decoration:none; } .pagination .previous, .pagination .next { background:none !important; border-width:0; line-height:20px; margin:1px 0 0 0; } .pagination .p1 { border-left-width:1px;} .pagination .spacer { border-width:0 1px 0 0; line-height:20px; } .pagination .spacer:hover { background:none; font-size:inherit; font-weight:normal; } .pagination .current, .pagination li:hover { background:#f0f0f0; font-weight:bold; font-size:1.2em; } .pagination li:hover a { color:#545353 !important; } /*-- Fehlermeldungen / Warnungen --*/ div.feedback { font-weight:bold; margin:20px 0; padding:10px; } div.feedback h2 { font-size:1.3em; margin-top:0; } div.feedback p { margin-bottom:5px; } div.feedback a, div.feedback li { font-weight:bold; } div.feedback ul { margin-top:20px; min-height:20px; position:relative; width:100%; } div.feedback li.cancel { left:0; position:absolute; top:0; } div.feedback li.confirm { position:absolute; right:0; top:0; } div.error { background:#FFEEEE; border:1px dotted #CC0000; color:#CC0000; } div.ok, div.recommendation { background:#e0f9e0; border:1px dotted #98cd98; color:#318131; } div.ok a, div.recommendation a, div.attention .confirm a { color:#318131; } div.attention { background:#fefde5; border:1px dotted #CC0000; color:#CC0000; margin-left:auto; margin-right: auto; } div.attention.question { border:1px dotted #006600; color:#006600; } div.attention h2, div.attention p { text-align:center; } div.attention .cancel a { color:#CC0000; } /* Fehlermeldung links */ #c_center div.error, #c_center div.attention { width:480px; } /* Fehlermeldung rechts */ #c_right div.feedback { margin:12px 0 2px 0; } /* Formulare */ form li.error label{ color:#CC0000; font-weight:bold; } form li.error input, form li.error select, form li.error textarea { border:1px solid #CC0000; color:#000000; } /*-- Formulare: Registrierung / Profil anpassen --*/ #profile #c_center form legend, #register #c_center form legend { text-align:right; width:145px; } #profile #c_center form li, #register #c_center form li { margin:2px 0; } #profile #c_center label, #register #c_center label { float:left; margin-right:5px; text-align:right; width:150px; } #profile #c_center .checkbox label, #profile #c_center .radio label, #register #c_center .checkbox label, #register #c_center .radio label { float:none; display:inline; } #profile #c_center input[type=submit], #profile #c_center form li.checkbox, #profile #c_center form li.radio, #profile #c_center form p, #register #c_center input[type=submit], #register #c_center form li.radio, #register #c_center form li.checkbox, #register #c_center form p { margin-left:150px; } #profile #c_center form p, #register #c_center form p { width:300px; } #profile #c_center form input#zipcode, #register #c_center form input#zipcode { width:100px; } /* Profilbild aendern */ #profile #c_center.avatarupload form { width:350px; } #profile #c_center.avatarupload form p, #profile #c_center.avatarupload form input { margin-left:0; } #profile #c_center.avatarupload form label { float:none; text-align:left; } /*-- Geschichten lesen / Kommentare --*/ #read.signedin .feedback.ok { margin-top:0; } #read #title { width:670px; } #read #story #text, #read #details p { width:80%; } #read #comments { width:100%; } #read #comments li p { width:68%;} #read #comments li.reply p { width:64%; } #read #title, #read #story, #read #details, #read #comments { margin-left:0; } #read #title { position:relative; } #read #title #author { position:absolute; top:0; right:0;} #read #title .rating { position:relative; top:-20px;} #read #story { line-height:1.5em; } #read #story #bookmark { float:left; width:0%; } #read #story #text { float:left; margin:0 0 20px 0; } /* Details */ #read #details { background:#F8F7EF; border:1px dotted #CCC; border-width:1px 0; clear:both; color:#888; min-height:55px; padding:10px; position:relative; width:650px; } #read #details h2 { clear:both; margin:0 0 5px 0; } #read #details ul.story { height:50px;} #read #details li { float:left; margin-right:10px; } #read #details ul.story a { color:#888;} #read #details ul.story a:hover { color:#000;} #read #details .read { clear:both; } #read #details .avatarsmall { position:absolute; top:10px; right:10px; } /* Aktionen */ #read #details .actions { height:40px; margin:0 0 -10px -10px; padding:0 10px; position:relative; width:100%; } #read #details .actions li { position:relative; top:14px; } #read #details .actions.notallowed { color:#DDD; } #read #details .actions h3 { left:21px; position:absolute; top:2px; } #read #details .actions a, #read #details .actions span { margin:auto; } #read #details #setrating { background:#FFF; border:1px dotted #CCC; padding:2px 2px 5px 2px; position:absolute; left:50%; margin-left:-80px; top:9px; width:160px; } #read #details #setrating h3 { margin:2px 0; position:relative; } #read #details li.isfavorite a, #read #details li.isfavorite span { float:left; width:20px;} #read #details li.report { position:absolute; right:0; padding-top:3px; width:auto;} #read #details li.report a { float:right; } /* IE-fix */ /* Kommentare */ #comments h2 { font-size:1.8em;} #comments li.author, #comments li.orion, #comments li.user { border-top:1px dotted #CCC; min-height:75px; padding:10px 0; position:relative; width:100%; } #comments li:first-child { border-width:0; } #comments li .avatarsmall { position:absolute; top:15px; left:15px;} #comments li h3, #comments li p { left:85px; margin:5px 0; position:relative; top:0; } #comments li h3 { font-size:1.4em; } #comments li h3 a { color:#cc0000; text-decoration:none;} #comments li h3 span { color:#CCC; font-size:0.6em; font-weight:normal; left:5px; position:relative; } #comments li ul { bottom:-10px; height:25px; position:relative;} #comments li li.reply { left:85px; position:absolute; } #comments li.report { position:absolute; right:10px; } #comments li.author.reply, #comments li.orion.reply, #comments li.user.reply { margin-left:13%; position:relative; width:87%; } #comments li.author { background:#F8F7EF; } #comments li.orion { background:#FAF0EC; } #comments form { width:auto; } #comments fieldset { margin:0; } #comments .textarea label { clear:both; /*font-size:1.4em; font-weight:bold;*/ float:none; width:auto; } #comments .textarea label a.abort { font-size:0.8em; } #comments .textarea textarea { display:block; } /*-- Geschichten schreiben / editieren / publizieren --*/ #write #c_center input[type=text], #write #c_center #savepublish { width:500px; } #write #c_center #saveasdraft { float:left; } #write #c_center #publish { float:right; } /*-- Kontaktformular --*/ #contactform #c_center li { margin:2px 0; } #contactform #c_center label {float:left; margin-right:5px; text-align:right; width:120px;} #contactform #c_center textarea, #contactform #c_center .textarea label { float:none; text-align:left; width:490px; } /*-- Profilseite -- */ #profile .feedback { margin-top:0; } #profile #user { overflow:hidden; } #profile #user p { width:400px; } #profile #user #avatarbig { border:1px solid #CCC; float:left; height:170px; position:relative; width:150px; } #profile #user #avatarbig a { display:block; text-align:center; } #profile #user #avatarbig a#editprofile { position:absolute; top:160px; width:100%; } #profile #user #avatarbig a#changeavatar { position:absolute; top:190px; width:100%; } #profile #user #avatarbig.male { background:url(../images/site.png) -200px -500px no-repeat; height:150px; } #profile #user #avatarbig.female { background:url(../images/site.png) -350px -500px no-repeat; height:150px; } #profile #user #details { float:right; min-height:220px; width:505px; } #profile #user #details dd, #profile #user #details dt { font-size:0.8em; } #profile #stories { position:relative; } #profile #stories a.new { background:url(../images/icons/iconpack.png) 0 -180px no-repeat; height:30px; line-height:24px; position:absolute; right:0; text-decoration:none; text-indent:27px; top:-4px; width:160px; } #profile #stories a.new:hover { background-position: 0px -210px; } /* Buttons */ #profile #changeavatar, #profile #editprofile { background:url(../images/icons/iconpack.png) -3px -360px no-repeat; height:30px; line-height:25px; text-decoration:none;} #profile #changeavatar:hover, #profile #editprofile:hover { background-position:-3px -390px; } /*-- Startseite: Intro --*/ #intro { background:url(../images/emozies/teaser-homepage.jpg); background-position-y: bottom; background-color:#e1e1e1; background-repeat:no-repeat; min-height:300px; margin-bottom:40px; padding:25px; position:relative; width:625px; } .signedin #intro { background-position:0 -352px; } #intro h1, #intro h2, #intro p { width:400px; } #intro #stephenson { position:absolute; top:17px; right:17px; } #intro #options { } #intro #options ul { position:relative; left:-7px; overflow:hidden;} #intro #options li { float:left; } #intro #options li a { background:url(../images/site.png) -600px -630px no-repeat; display:block; height:65px; overflow:hidden; text-indent:300px; white-space:nowrap; width:270px;} #intro #options li a:hover { background-position: -600px -695px; } #intro #options li#register a { background-position: -600px -500px; } #intro #options li#register a:hover { background-position: -600px -565px; } .signedin #whatnext { background:#F7F7F7; border:1px solid #EAEAEA; border-radius:15px; height:145px; margin-top:15px; padding:20px; width:265px;} .signedin #intro h2 { margin:0 0 20px 0; } .signedin #intro li { width:240px; } .signedin #intro li a { color:#AAA; display:block; height:20px; line-height:20px; text-decoration:none; } .signedin #intro li a.new { margin-top:10px; } .signedin #intro li a span { float:left; } .signedin #intro li a .count { float:right; font-size:0.8em; } .signedin #intro li a:hover { color:#CC0000; font-weight:bold; } .signedin #intro li a:hover .count { margin-top:-1px; } #home .button.viewall { float:right; } /*-- ungelesene Geschichten --*/ #unread a.markallread { display:block; background:url(../images/icons/iconpack.png) 0px -240px no-repeat; height:27px; line-height:20px; text-decoration:none; text-align:center; width:220px;} #unread a.markallread:hover { background-position:0 -270px; } /*-- Userbox --*/ #userbox { padding:15px 0 0 0; } #userbox h2 { float:right; width:155px; } #userbox ul { margin:0; overflow:hidden; } #userbox ul a { border-top:1px solid #EEE; clear:both; height:28px; line-height:28px; } #userbox ul a.deactivated { color:#CCC; } #userbox ul a:hover { background:#F5F5F5; text-decoration:none; } #userbox ul a span { float:left; } #userbox ul a span.count { color:#CC8888; float:right; font-size:0.8em; margin-right:5px; } #userbox a { display:block; text-decoration:none; } #userbox a.avatarsmall { margin:0 0 15px 8px; } #userbox .personal { background:url(../images/site.png) -0px -401px no-repeat; height:20px; margin-bottom:15px; position:relative; } #userbox .personal li { font-size:0.8em; height:20px; right:0; position:absolute; top:0; } #userbox .personal li.myprofile { width:100%; } #userbox .personal li.mymessages { background:url(../images/site.png) -0px -401px no-repeat; border-left:1px solid #EEE; float:right; width:117px; } #userbox .personal li.myprofile .icon { margin:4px 10px 0 9px; } #userbox .personal li a { line-height:20px; } #userbox .create { margin-left: 3px; min-height:55px; } #userbox .create li a { border-width:0; height:30px; line-height:24px; } #userbox .create .new { background:url(../images/icons/iconpack.png) 0 -180px no-repeat; text-indent:27px; } #userbox .create .new:hover { background-position: 0px -210px;} #userbox .create .icon { display:none; } #userbox .create .mydrafts { font-size:0.8em; margin-top:-5px; text-indent:28px; } #userbox .create .mydrafts:hover { background:none; color:#CC0000; } #userbox .create .mydrafts .count { float:left; text-indent:10px; } #admin a { background:#AA0000; color:#FFF; display:block; font-weight:bold; height:28px; line-height:28px; text-align:center; text-decoration:none; } #admin a:hover { background:#FF0000; } /*-- Wortfilter --*/ .word_filter { } .word_filter.error { color:#CC0000; } .word_filter.error:before, .word_filter.error:after {content:" - ";} /* ------------------------------------------------- */ /* ------------------- I C O N S ------------------- */ /* ------------------------------------------------- */ /*-- Antworten --*/ li li.reply a { background:url(../images/icons/iconpack.png) -280px -40px no-repeat; color:#CCC; display:block; text-indent:20px; text-decoration:none; width:auto; } li li.reply a:hover { background-position: -280px -60px; color:#4ca928; } /*-- Avatare --*/ .avatarsmall { background:url(../images/site.png) -500px -450px no-repeat; border:1px solid #CCC; height:50px; width:50px; display:block; } .avatarsmall.male { background-position: -200px -450px; } .avatarsmall.female { background-position: -350px -450px; } .avatarsmall.orion { background-position: -500px -500px; border-width:0; } .avatarsmall.unregistered { /* initial-Wert */ } /*-- Buttons: --*/ a.button { background:url(../images/icons/iconpack.png) 0 -300px no-repeat; display:block; height:29px; line-height:20px; text-align:center; text-decoration:none; width:210px; } a.button:hover { background-position: 0px -330px; } /*-- Entwuerfe --*/ #drafts .delete a, #drafts .edit a { overflow:hidden; text-indent:100px; white-space:nowrap; width:20px; } #drafts .delete a { background:url(../images/icons/iconpack.png) -20px -160px no-repeat; } #drafts .edit a { background:url(../images/icons/iconpack.png) -60px -60px no-repeat; } /*-- Lesezeichen --*/ .hasbookmark a { background:url(../images/icons/iconpack.png) -20px -40px no-repeat; overflow:hidden; text-indent:100px; width:20px; } .hasbookmark a.yes { background-position:-20px -60px; } /*-- Lieblingsgeschichten -- */ .isfavorite a, .isfavorite a.yes:hover { background:url(../images/icons/iconpack.png) 0 -38px no-repeat; display:block; height:20px; overflow:hidden; text-indent:200px; width:20px; } .isfavorite a:hover, .isfavorite a.yes { background-position:0 -58px; } .isfavorite span { background:url(../images/icons/iconpack.png) 0 -78px no-repeat; display:block; height:18px; overflow:hidden; text-indent:200px; width:20px; } td.isfavorite a, td.isfavorite a.yes:hover { background-position:0 -100px; } td.isfavorite a:hover, td.isfavorite a.yes { background-position:0 -120px; } td.isfavorite span { background-position:0 -140px; } /*-- Melden/report --*/ .report a { background:url(../images/icons/iconpack.png) -280px 0 no-repeat; color:#CCC; display:block; text-align:right; text-decoration:none; padding-left:18px; } .report a:hover { background-position: -280px -20px; color:#CC0000; } /*-- Nachrichtenseite (Bookmarks/Favorites) --*/ #news #commented .icon { background:url(../images/icons/iconpack.png) -80px -123px no-repeat; float:left; height:14px; width:20px; } #news #favorites .icon { background:url(../images/icons/iconpack.png) 0 -122px no-repeat; float:left; height:14px; width:20px; } /*-- Rating: Ausgabe --*/ div.rating, .rating a { background:url(../images/icons/iconpack.png) 0 0 no-repeat; margin-top:1px; width:75px; } .rating span { background:url(../images/icons/iconpack.png) 0 -20px no-repeat; display:block; height:16px; overflow:hidden; text-indent:200px; } /*-- Rating: Eingabe --*/ #setrating .rating { position:relative; background-position:-100px 0; height:20px; margin:auto; width:100px; } #setrating a { background-position:-100px 20px; height:100%; left:0; overflow:hidden; position:absolute; text-indent:300px; top:0; } #setrating a:hover { background-position:-100px -20px; } #setrating .rate1 { width:20px; z-index:5; } #setrating .rate2 { width:40px; z-index:4; } #setrating .rate3 { width:60px; z-index:3; } #setrating .rate4 { width:80px; z-index:2; } #setrating .rate5 { width:100px; z-index:1; } #setrating:hover span.rating { background-position:-100px 0px; } .notallowed #setrating:hover span.rating { background-position:-100px -20px; } #setrating span.rating { background-position:-100px -20px; left:0; position:absolute; } /*-- Status der Geschichte --*/ .notverified { margin:0 0 -5px 3px; } /*-- Userbox --*/ #userbox ul a .icon { background:url(../images/icons/iconpack.png) 0 0 no-repeat; height:20px; margin:4px 5px; width:20px; } #userbox .admin .icon { background:none; } #userbox .logout .icon { background-position: -40px -160px; } #userbox .mybookmarks .icon { background-position: -20px -100px; } #userbox .mydrafts .icon { background-position: -120px -100px; } #userbox .myfavorites .icon { background-position: 0 -120px; } #userbox .myfavorites.deactivated .icon { background-position: 0 -100px; } #userbox .mymessages .icon { background-position: -85px -125px; width:12px; } #userbox .mymessages .deactivated .icon { background-position: -85px -105px; } #userbox .myprofile .icon { background-position: -65px -105px; width:12px; } #userbox .new .icon { background-position: 0 -100px; } #userbox .unread .icon { background-position: -100px -120px; } #userbox .unread.deactivated .icon { background-position: -100px -100px; } /*-- Banner -- */ #c_right .books { overflow:hidden; } .books a { display:block; height:70px; margin-bottom:15px; padding:10px 0 10px 95px; position:relative; text-decoration:none; } .books a span { display:block; } .books a .title { font-weight:bold; margin:0 !important; } .books a img { left:0; position:absolute; top:0; } .books a .link { color:#c00 !important; margin-top:8px; } #c_right .books img { margin-left:-8px; } .banner a { display: block; margin-left: auto; margin-right: auto; } #c_right .image.sidebar { background:none; border-width:0; padding:0; } /*-- Werbemittel für Banner ohne HTML -- */ #c_right>a { text-align: center; width: 243px; display: block; background: #FFF; padding: 11px 0; border: 1px solid #D6D6D6; } #jugendschutz ul { list-style-type:circle; margin-left:15px; }