/* ------------------------------------------------------- */ /* --------------------< VERSION 0.2 >-------------------- */ /* ------------------------------------------------------- */ /* css reset to ensure cross-browser consistent positioning */ html { margin:0; padding:0; background:white url(/images/body_bg.gif) top left repeat; text-align:left; font-family:arial,sans-serif; font-size:62.5%; color:rgb(60,55,45); } body { margin:0; padding:0; position:relative; } html * { margin: 0; padding: 0; border: 0; text-align: left; /*line-height:1.3em; */ } h1, h2, h3, h4, h5, h6 { margin: 0 !important; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } h4 { font-size: 1.0em; } li { list-style: none; } a img /*, :link img, :visited img*/ { border: 0; } table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; line-height: 1; text-align: left; } table { border-collapse: collapse; border-spacing: 0; } input.text, input.password, input.fileField, input.file { border:1px solid black; padding:1px 1px 0; background:white url(/images/search_bg.gif) top left repeat-x; } textarea { border:1px solid black; padding:1px 1px 0; } select { border:1px solid black; margin-right:4px; } fieldset { line-height: 30px; } legend { border: solid 1px #b2e4eb; color: #000; padding: 2px 5px; } fieldset hr { border-width: 0; background: #b2e4eb; height: 1px; margin: 5px 0; } fieldset input { background-image: url('/images/input_bg.gif'); background-repeat: repeat-x; border: solid 1px #000; height: 20px; } fieldset label { margin-right: 0.7em; margin-top: -0.2em; font-weight:bold; } fieldset div.center-align { border-width: 0; padding: 0; margin: 0; } fieldset div.center-align input, fieldset div.center-align select, fieldset div.center-align textarea { margin-bottom: 15px; } fieldset div.center-align label { float:left; width:25%; margin-right: 0.7em; padding-top: 0.4em; text-align:right; font-weight:bold; } fieldset ul li { float: left; margin: 0; padding: 0; } fieldset input.button, .button { text-align:center; background: #000; color:rgb(255,233,4); font: bold 10px Verdana; padding: 3px; text-transform: uppercase;} .action-completed { font-size: 14px; color: #000; background: #D3E5B0 url('/images/icon_big_check.jpg') no-repeat; background-position: 7px 20px; padding: 20px; border: solid 3px #0f0; padding-left: 70px; } .action-completed-error { font-size: 14px; color: #000; background: #FFB6B6 url('/images/icon_big_caution.jpg') no-repeat; background-position: 7px 20px; padding: 20px; padding-left: 70px; border: solid 3px #f00; } #adspace_top { margin: auto; text-align: center; height: 130px; } #adspace_top div { margin: auto; text-align: center; } #adspace_bottom { margin: auto; text-align: center; } #adspace_bottom div { margin: auto; text-align: center; } .left_column { width: 590px; } .no-border { border-width: 0 !important; } #loginForm input.active { background:url(/images/bg_loginpass.gif) top left no-repeat; } #loginForm label {margin-top:3px} /* ----------------------------------------------------------------------------- ACCESSIBILITY */ #header a span, #footer a span, button span, .AkuTabs a span { display:none; } /* span inside link/button marks text for image replacement */ .accessibility { display:none; } /* assisting text items for non-visual browsing */ .devHide { display:none; } /* hide stuff during dev phase */ /* ----------------------------------------------------------------------------- NO JAVASCRIPT */ .noJavascript { display:none; } /* these elements will be shown using Javascript so they will remain hidden from users without JS */ .backLink { cursor:pointer; margin-top:10px; } /* ----------------------------------------------------------------------------- BASICS */ a, a:visited { text-decoration:none; color:black; } a:hover { text-decoration:underline; } .mainColumn a { color: #080; } /* ----------------------------------------------------------------------------- FONT SIZES */ .mainColumn, .sideColumn, .theBigOne, .sideColumnLeft, .mainColumnRight { font-size:1.2em; } /* ----------------------------------------------------------------------------- LAYOUT */ #wrapper { margin:auto; position:relative; } #pageContainer { float:left; width: 845px;} /* main content area */ .mainColumn { float:left; margin-left:30px; } /* left hand side column */ .sideColumn { float:right; } /* right hand side column */ .mainColumnRight { float:right; margin-right:10px; display:inline; } /* right hand side column in gallery */ .sideColumnLeft { float:left; margin-left:30px; display:inline; } /* left hand side column in gallery */ #contentBanner { } #contentBanner embed, #contentBanner object, #contentBanner img { margin:auto; text-align:center; display:block; } #adColumnRight { position: absolute; top: 250px; left: 860px; width:160px; height:550px; float:right; } /* banner ad column */ #topBanner { margin:auto; width:1005px; margin-top:10px; margin-bottom:10px; } #topBanner img { margin-left:65px; } #bottomBanner { text-align:center; margin-bottom:20px; } #bottomBanner img { margin-left:45px; } .cleaner { clear:both; } /* help clearing floats */ .colCleaner { clear:both; height:20px; } /* help clearing floats */ .columnContainer { width:100%; clear:both; float:left; } .leftColumn { width:270px; float:left; } /* mainColumn sub columns */ .rightColumn { width:270px; float:right; } /* mainColumn sub columns */ .theBigOne { margin-left:30px; margin-right:10px; } /* Changes by Marko 7.4.2009 */ /* - */ .newMainColumn { float:left; width: 580px; } /* left hand side column */ .newSideColumn { float:right; width: 200px; } /* right hand side column */ /* - */ /* Changes by Marko 7.4.2009 */ /* ----------------------------------------------------------------------------- ADAPTIVE LAYOUT WIDTHS */ .wide { width:1008px; } /* Set page width to 995px so it fits to 1024x768 resolution */ .wide #pageContainer { width:845px; } .wide .mainColumn, .wide .mainColumnRight { width:580px; } .wide .sideColumn, .wide .sideColumnLeft { width:206px; } .wide .superWide { width:806px; } .wide .superWide .rightColumn { width:393px; } .wide .superWide .leftColumn { width:393px; } .narrow { width:1014px; } /* Set page width to 995px so it fits to 800x600 resolution */ .narrow #pageContainer { width:845px; } .narrow .mainColumn { width:580px; } .narrow .sideColumn { width:206px; } /* ----------------------------------------------------------------------------- SIDE COLUMN BOXES & DECO IMAGES */ #loginError { width: 100%; color: #FF0000; clear: both; } .noteBox { position:relative; border:2px solid black; background-color:#93E020; margin-bottom:12px; color:#000; } .noteBox .title { height:24px; } .noteBox .title strong { display:none; } .noteBox .content { padding:12px; font-size: 12px; line-height: 18px; } .noteBox p, .noteBox ul { margin-bottom:8px; } .noteBox a { color:#000000 !important; text-decoration:none; } .noteBox a:hover { text-decoration:underline; } .deco { position:absolute; } #deco_roope { padding-bottom:150px; } #deco_roope .deco { width:205px; height:154px; bottom:0px; left:-18px; background:transparent url('/images/deco_roope.gif'); } #deco_aku { padding-top:0px; margin-top:60px; } #deco_aku .deco { width:166px; height:85px; top:-70px; right:-9px; background:transparent url('/images/deco_aku.gif'); } #deco_aku2 { padding-bottom:80px; margin-bottom:50px; } #deco_aku2 .deco { width:223px; height:157px; bottom:-68px; left:0px; background:transparent url('/images/deco_aku_2.gif'); } #deco_profileSearch { padding-top:0px; margin-top:59px; background:rgb(204,204,204); } #deco_profileSearch .deco { width:166px; height:81px; top:-66px; right:-9px; background:transparent url('/images/deco_aku_search2.gif'); } #deco_akuProfile { padding-top:0px; margin-top:0px; background:rgb(204,204,204); padding-bottom:78px;} #deco_akuProfile .deco { width:95px; height:85px; bottom:0px; right:-23px; background:transparent url('/images/deco_aku_siluetti.gif'); } #deco_medals { background:rgb(204,204,204); padding-bottom:130px; margin-bottom:78px; } #deco_medals .deco { width:230px; height:213px; bottom:-71px; left:-8px; background:url('/images/deco_sudenpennut.gif'); } #deco_newsArchive { padding-bottom:100px; margin-bottom:55px; } #deco_newsArchive .deco { width:179px; height:226px; bottom:-48px; right:-17px; background:url('/images/deco_pelleapu.gif'); } #deco_akuParty { padding-bottom:180px; margin-bottom:60px; background-color:rgb(0,225,255); } #deco_akuParty .deco { width:197px; height:248px; bottom:-57px; right:0px; background:url('/images/deco_aku_party.gif') top right no-repeat; } #deco_akuDesk { padding-bottom:180px; margin-bottom:40px; color:rgb(65,50,45); } #deco_akuDesk .deco { width:202px; height:205px; bottom:-31px; right:0px; background:transparent url('/images/deco_aku_desk.gif') top right no-repeat; } #deco_akuPaper { padding-bottom:250px; margin-bottom:35px; color:rgb(65,50,45); } #deco_akuPaper .deco { width:260px; height:266px; bottom:-23px; right:-41px; background:transparent url('/images/deco_aku_paper.gif') top right no-repeat; } #deco_akuPaint { padding-bottom:80px; margin-bottom: 39px; background-color:rgb(0,228,255); } #deco_akuPaint .title { background:url('/images/boxtags.gif') 0px -206px no-repeat; } #deco_akuPaint .deco { width:230px; height:188px; bottom:-34px; right:-11px; background:transparent url('/images/deco_aku_paint.gif') top right no-repeat; } #deco_akuPaintDeep { padding-bottom:80px; margin-bottom: 39px; background-color:rgb(0,228,255); } #deco_akuPaint .title { background:url('/images/boxtags.gif') 0px -206px no-repeat; } #deco_akuPaint .deco { width:230px; height:188px; bottom:-34px; right:-11px; background:transparent url('/images/deco_aku_paint.gif') top right no-repeat; } #deco_akuPaint2 { padding-bottom:130px; margin-bottom:58px; background-color:rgb(0,228,255); } #deco_akuPaint2 .deco { width:181px; height:207px; bottom:-51px; right:5px; background:transparent url('/images/deco_aku_draw.gif') top right no-repeat; } #deco_akuPaint2 .title { background:url('/images/boxtags.gif') 0px -450px no-repeat; height:38px; } #deco_ankkapaino { padding-top:0px; margin-top:70px; background:rgb(255,0,0); } #deco_ankkapaino .text { width:100px; } #deco_ankkapaino .deco { width:149px; height:100px; top:-81px; right:0px; background:transparent url('/images/deco_aku_snap.gif'); } #deco_archiveSearch { background:rgb(255,0,0); } #deco_archiveSearch .content { padding-top:0px; } #deco_archiveSearch .title { background:url('/images/boxtags.gif') 0px -488px no-repeat; } #deco_forumWriters { background:rgb(186,106,255); padding-bottom:120px; } #deco_forumWriters .deco { width:221px; height:143px; bottom:4px; left:-8px; background:transparent url('/images/deco_veljenpojat.gif'); } #deco_akupediaNew { background:rgb(240,237,220) url('/images/deco_bg_swoosh.gif') top left no-repeat; margin-bottom:35px; } #deco_akupediaNew .deco { width:336px; height:165px; bottom:-32px; left:-39px; background:transparent url('/images/deco_aku_books.gif') top right no-repeat; } #deco_akupediaNew .deco_draw { width:187px; height:207px; bottom:-32px; left:-39px; background:transparent url('/images/deco_aku_draw.gif') top right no-repeat; position: absolute;} #deco_akupediaNew .title { background:url('/images/boxtags.gif') 0px -512px no-repeat; } #deco_akupediaNew .title2 { background:url('/images/boxtags.gif') 0px -536px no-repeat; } #deco_akupediaNew h3 { font-size:100%; margin-bottom:6px; } #deco_akupediaNew .content { margin-left:300px; height:165px; } #deco_akupediaNew .content a { color:rgb(95,165,5); } .akupediaArticleContent ul { margin: 0 0 10px 0; padding: 0 0 0 0; } .akupediaArticleContent ul li { margin: 0 0 0 20px; padding: 0 0 0 0; list-style-type: disc; } .akupediaArticleContent p { margin-bottom: 10px; } #deco_profileReasons { background:rgb(204,204,204); } #deco_forumList { background:rgb(240,237,220); margin-bottom:70px; padding-bottom:60px; } #deco_forumList .content { width:260px; float:left; } #deco_forumList .deco { width:346px; height:156px; background:url('/images/deco_roope_angry.gif'); position:absolute; bottom:-67px; left:100px; } #deco_forumList h4 { margin-bottom:4px; font-size:100%; } #deco_forumList .simpleList a { color: #a5f; margin-right:4px; }/* rgb(185,105,255) */ #deco_bestPlayers { background:rgb(255,107,171); padding-bottom:225px; } #deco_bestPlayers .deco { width:207px; height:225px; bottom:0px; left:0px; background:transparent url('/images/deco_aku_gaming.gif') bottom right no-repeat; } #deco_bestPlayers h4 { font-size:100%; } #deco_games, #deco_activities { background:rgb(240,237,220); } #deco_games { margin-bottom:80px; padding-bottom:248px; } #deco_games .deco { width:237px; height:310px; background:url('/images/deco_aku_gameover.gif'); position:absolute; bottom:-71px; left:0px; } #deco_namegenerator { margin-bottom:68px; background:rgb(240,237,220) url('/images/bg_namegeneratorbox.gif') bottom right no-repeat; } #deco_namegenerator .content { padding-bottom:240px; } #deco_namegenerator .deco { width:283px; height:288px; background:url('/images/deco_namegenerator.gif'); position:absolute; bottom:-61px; -bottom:-62px; left:-9px; } #deco_nameDays {} #deco_nameDays h3 { font-size:100%; } #deco_nameDays img { margin:8px auto 0; display:block; } #deco_nameDays .title { background:url('/images/boxtags.gif') 0px -278px no-repeat; height:24px; } #deco_ongoingContests { background:rgb(0,228,255); padding-bottom:200px; } #deco_ongoingContests .title { background:url('/images/boxtags.gif') 0px -803px no-repeat; height:39px; } #deco_ongoingContests .deco { width:233px; height:216px; bottom:-7px; right:-25px; background:transparent url('/images/deco_runners.gif'); } /* remove after journal content has been updated accordingly */ #latestContest { background:rgb(0,228,255); padding-bottom:155px; } #latestContest .title { background:url('/images/boxtags.gif') 0px -779px no-repeat; height:24px; } #latestContest .deco { width:223px; height:152px; bottom:4px; left:0px; background:url('/images/deco_aku_hannu_2.gif'); } #latestGallery { background:rgb(0,228,255); padding-bottom:155px; } #latestGallery .title { background:url('/images/boxtags.gif') 0px -779px no-repeat; height:24px; } #latestGallery .deco { width:223px; height:152px; bottom:4px; left:0px; background:url('/images/deco_aku_hannu_2.gif'); } #eCardHighlight { background:rgb(0,228,255); padding-bottom:130px; margin-bottom:105px; } #eCardHighlight .title { background:url('/images/boxtags.gif') 0px -755px no-repeat; height:24px; } #eCardHighlight .deco { width:194px; height:223px; bottom:-98px; left:4px; background:url('/images/deco_pelle.gif'); } #staffRecommends { background:rgb(255,0,0); } #staffRecommends .title { background:url('/images/boxtags.gif') 0px -230px no-repeat; height:24px; } #staffRecommends .recommendedBook { display:block; margin:0 auto 10px; } #monthlyContest { background:rgb(255,107,171); padding-bottom:144px; } #monthlyContest .title { background:url('/images/boxtags.gif') 0px -620px no-repeat; height:24px; } #monthlyContest .deco { width:221px; height:143px; bottom:0px; left:-11px; background:url('/images/deco_aku_hannu.gif'); } #inStaffBlog { padding-bottom:90px; margin-bottom:102px; } #inStaffBlog .title { background:url('/images/boxtags.gif') 0px -302px no-repeat; height:24px; } #inStaffBlog .deco { width:233px; height:185px; bottom:-92px; left:0px; background:url('/images/deco_roope_jump.gif'); } #nowInDuckTV .title { background:url('/images/boxtags.gif') 0px -326px no-repeat; height:24px; } #FAQ { background:rgb(204,204,204); padding-bottom:144px; } #FAQ .title { background:url('/images/boxtags.gif') 0px -144px no-repeat; height:38px; } #FAQ .deco { width:205px; height:154px; bottom:0px; left:-18px; background:url('/images/deco_roope.gif'); } #supportFunctions { background:rgb(204,204,204); padding-bottom:75px; margin-bottom:48px; } #supportFunctions .title { background:url('/images/boxtags.gif') 0px -182px no-repeat; height:24px; } #supportFunctions .deco { width:135px; height:153px; bottom:-35px; right:-34px; background:url('/images/deco_apulainen.gif'); } #deco_akuProfile a, #deco_profileReasons a { text-decoration:underline; } #deco_akuProfile a:hover, #deco_profileReasons a:hover { text-decoration:none; } /* ----------------------------------------------------------------------------- GENERIC FORMS */ .selectRow { float:left; clear:both; width:100%; margin-bottom:12px; } .selectRow select.long { width:70px; } .selectRow select.short { width:70px; } .selectRow .selectBlock { float:left; margin-right:12px;} .selectRow label { font-weight:bold; font-size:0.9em; display:block; } .checkboxRow { clear:both; margin-bottom:8px; width:100%; float:left; } .checkboxRow input { float:left; margin-right:4px; } .checkboxRow label { float:left; width:auto; height:auto; font-weight:normal; font-size:smaller; } .formRow { margin-bottom:16px; clear:both; } .formRow select.long { width:100px; padding: 2px; } .formRow label, .colContainer label { float:left; width: 270px; font-weight:bold; font-size: 14px; } .formRow .submit { float:right; } .formRow input { width: 350px; height: 18px; background:white url(/images/input_bg.gif) top left repeat-x; border: solid 1px #000;} .formText { font-size:90%; margin-left: 270px; width: 350px; } .formText label { vertical-align: top; padding: 5px } /*input.submit { border: solid 1px #000; padding: 2px; }*/ input.submit { border: none; padding: 2px; } div.registration { width: 600px; background:url('/images/bg_forumpen.gif') right bottom no-repeat; padding-bottom: 10px;} /* ----------------------------------------------------------------------------- REGISTRATION AND FEEDBACK */ .bigForm { margin-top:10px; } .bigForm label { width:200px; float:left; } .bigForm .text, .bigForm .fileField { width:374px; float:left; padding:2px; margin-top:2px; } .bigForm select { float:left; margin-top:2px; padding:2px; } .bigForm textarea { width:99.25%; clear:both; height:300px; } .bigForm .formRow, .bigForm .checkboxRow { width:100%; overflow:hidden; } .bigForm .checkboxRow input { margin:0px 5px 0px 200px; padding:0px; } .bigForm .checkboxRow label { width:345px; height:auto; } .fieldHelp { margin-left:200px; font-size:90%; } /* ----------------------------------------------------------------------------- FOOTER */ #footer { height:120px; padding-top:15px; width:805px; background:url('/images/deco_mailbox.gif') 0px 4px no-repeat; margin-top: 40px; margin-left:40px; margin-bottom: 40px; } #related { width:606px; margin:0px auto 20px auto; height:33px; background:transparent url(/images/related_bg.gif) top left no-repeat; } #related li { display:block; float:left; height:33px; } #related li a { display:block; height:33px; } #related #related_disney a { position:absolute; top:5px; left:28px; width:100px; background:url(/images/branding_disney.gif) top left no-repeat; } #related #related_aku a { width:129px; } #related #related_aku a:hover { background:url(/images/related_bg.gif) 0 -33px no-repeat; } #related #related_tasku a { width:116px; } #related #related_tasku a:hover { background:url(/images/related_bg.gif) -129px -33px no-repeat; } #related #related_roope a { width:117px; } #related #related_roope a:hover { background:url(/images/related_bg.gif) -245px -33px no-repeat; } #related #related_iines a { width:106px; } #related #related_iines a:hover { background:url(/images/related_bg.gif) -362px -33px no-repeat; } #related #related_ekstra a { width:138px; } #related #related_ekstra a:hover { background:url(/images/related_bg.gif) -468px -33px no-repeat; } #links { height:36px; width:715px; float:left; margin-left:80px; } #links li { font-family:verdana,arial,sans-serif; float:left; margin-left:8px; } #links a { height:12px; display:block; margin-right:10px; } #links a:hover { border-bottom:1px solid rgb(65,65,65); height:12px; } #links a span { display:none; } li#links_palaute { border-left:none; margin-left:0; } li#links_palaute { width:69px; background:url(/images/ft_links.gif) 0px 0px; margin-left:0px; } li#links_asiakaspalvelu { width:126px; background:url(/images/ft_links.gif) 0px -12px; } li#links_tilaalehti { width:91px; background:url(/images/ft_links.gif) 0px -24px; } li#links_mediatiedot { width:101px; background:url(/images/ft_links.gif) 0px -36px; } li#links_netiketti { width:77px; background:url(/images/ft_links.gif) 0px -48px; } li#links_kayttoehdot { width:109px; background:url(/images/ft_links.gif) 0px -60px; } li#links_tietosuoja { width:92px; background:url(/images/ft_links.gif) 0px -72px; } #copyright { width:325px; margin-left:255px; height:12px; background:url(/images/ft_links.gif) 0px -84px no-repeat; float:left; display:inline; } #copyright span { display:none; } /* ------------------------------------------------------------------------------SITEMAP */ .siteMapSections { width:100%; overflow:hidden; margin-bottom:20px; } .siteMapSections div { width:125px; margin-left:10px; float:left; } .siteMapSections h3 a { display:block; height:165px; width:100%; } .siteMapSections h3 a span { display:none; } .siteMapSections a{ text-decoration: none; } .siteMapSections a:hover{ text-decoration: underline; } .siteMapSections li{ margin-bottom:6px; } #sitemapTietolaari { margin-left:0; } #sitemapTietolaari h3 { background: url(/images/tietolaari.gif) no-repeat;} #sitemapTietolaari a{ color: #72bf00; } #sitemapKirjasto h3 { background: url(/images/kirjasto.gif) no-repeat; } #sitemapKirjasto a { color: #ff2828; } #sitemapGalleria h3 { background: url(/images/galleria.gif) no-repeat; } #sitemapGalleria a { color: #10a6d1; } #sitemapPelitJaPuuhat h3 { background: url(/images/pelitjapuuhat.gif) no-repeat; } #sitemapPelitJaPuuhat a { color: #ff6bab; } #sitemapKeskustelu h3 { background: url(/images/keskustelu.gif) no-repeat; } #sitemapKeskustelu a { color: #ba6aff; } #sitemapKauppa h3 { background: url(/images/kauppa.gif) no-repeat; } #sitemapKauppa a { color: #ff9c00; } #sitemapTukitoiminnot { width:700px; height:240px; background-image:url(/images/deco_apulainen_small.gif); background-repeat: no-repeat; left: 40px; background-position: right 0px; padding-top:50px; } #sitemapTukitoiminnot h4 {font-weight:bold; font-size:0.7ems; text-align:center;} #sitemapTukitoiminnot a {color:#999;} #sitemapTukitoiminnot li {display:inline;} /* ----------------------------------------------------------------------------- HEADER & BRANDING */ #header { position:relative; width:827px; } .branding_aku { background:url(/images/branding_aku.gif) top left no-repeat; } /* set silhouette images */ #page_Keskustelu .branding_aku { background-image:url(/images/char_veljenpojat2.gif); } /* {color:#ba6aff;} */ #page_Palaute .branding_aku { background-image:url(/images/char_apulainen.gif); } /* {color:#cdcdcd;} */ #page_Rekisteroidy .branding_aku { background-image:url(/images/char_apulainen.gif); } /* {color:#cdcdcd;} */ #page_Tietolaari .branding_aku { background-image:url(/images/char_taavi.gif); } /* .news a .simpleList a */ /* {color:#72bf00;} */ #page_PelitjaPuuhat .branding_aku {background-image:url(/images/char_juoksija.gif);} /* {color:#ff6bab;} */ #page_Galleria .branding_aku { background-image:url(/images/char_iines.gif); } /* {color:#10a6d1;} */ #page_Kirjasto .branding_aku { background-image:url(/images/char_akujump.gif); } /* {color:#ff2828;} */ #page_Rekisteroidy .branding_aku { background-image:url(/images/char_akujump.gif); } #page_Ohjeet .branding_aku { background-image:url(/images/char_pelle.gif); } /* #page_Kauppa a {color:#ff9c00;} */ #branding { padding-left:20px; width:806px; height:178px; } p#branding { background-image:url(/images/branding_bg_alasivu.gif); } #branding a { position:absolute; display:block; width:320px; height:100px; top:55px; left:265px; background:url(/images/branding_dd_logo.gif) top left no-repeat; } #branding span { display:none; } #search { position:absolute; top:131px; right:-10px; width:180px; height:3em; } #search input.text { width:111px; margin:5px 0;} #search input.submit { position:absolute; top:0; right:0; } #search a { position:absolute; bottom:-10px; right:65px; font-size:110%; text-decoration:underline; } #search a:hover { text-decoration:none; } .subPage #navi { height:56px; } #page_Etusivu #navi { height:32px; } /* temp fix until more menu items are added */ #page_Kauppa #navi { height:32px; } /* temp fix until more menu items are added */ #page_Ohjeet #navi { height:32px; } /* temp fix until more menu items are added */ #page_Palaute #navi { height:32px; } /* temp fix until more menu items are added */ #page_Feeds #navi { height:32px; } /* temp fix until more menu items are added */ #page_Netiketti #navi { height:32px; } /* temp fix until more menu items are added */ #page_Kayttoehdot #navi { height:32px; } /* temp fix until more menu items are added */ #page_Rekisteroidy #navi { height:32px; } /* temp fix until more menu items are added */ #page_Ankkaprofiili #navi { height:32px; } /* temp fix until more menu items are added */ #page_Sivukartta #navi { height:32px; } /* temp fix until more menu items are added */ #navi { margin-left:31px; width:809px; height:31px; margin-bottom:15px; } #navi li { display:block; float:left; height:32px; } #navi span { display:none; } #navi a { display:block; height:32px; background-image:url(/images/navi_main_bg.gif); background-repeat:no-repeat; font-size:1.1em; } #navi #navi_Kotisivu { display:none; } /* hide homepage to prevent navigation breakups in IE */ #navi #navi_Tietolaari a { width:135px; background-position:0 0; } #navi #navi_Tietolaari a:hover { background-position:0 -32px; } #navi #navi_Tietolaari a.active { background-position:0 -64px; } #navi #navi_Kirjasto a { width:134px; background-position:-135px 0; } #navi #navi_Kirjasto a:hover { background-position:-135px -32px; } #navi #navi_Kirjasto a.active { background-position:-135px -64px; } #navi #navi_PelitJaPuuhat a { width:134px; background-position:-269px 0; } #navi #navi_PelitJaPuuhat a:hover { background-position:-269px -32px; } #navi #navi_PelitJaPuuhat a.active { background-position:-269px -64px; } #navi #navi_Galleria a { width:134px; background-position:-403px 0; } #navi #navi_Galleria a:hover { background-position:-403px -32px; } #navi #navi_Galleria a.active { background-position:-403px -64px; } #navi #navi_Keskustelu a { width:134px; background-position:-537px 0; } #navi #navi_Keskustelu a:hover { background-position:-537px -32px; } #navi #navi_Keskustelu a.active { background-position:-537px -64px; } #navi #navi_Kauppa a { width:135px; background-position:-671px 0; } #navi #navi_Kauppa a:hover { background-position:-671px -32px; } #navi #navi_Kauppa a.active { background-position:-671px -64px; } ul#userNavigation { position:absolute; top:14px; left:205px; width:300px; text-align:right; } ul#userNavigation li { display:inline; background:url(/images/navi_divider.gif) 0 3px no-repeat; padding-left:.7em; padding-right:.5em; height:auto; font-size:115%; } ul#userNavigation li.first { padding-left:0px; background:none; } ul#userNavigation li.last { padding-right:0px; } #navi ul { position:absolute; left:31px; background:url(/images/alanavi_bg.gif) top left no-repeat; width:806px; height:23px;} #navi ul li { height:23px; } #navi ul a { height:23px; font-size:1em; background:none; } #navi #navi_Tietolaari ul li a { background-image:url(/images/navi_tietolaari_bg.gif); } /* set main BG */ #navi #alanavi_Akupedia a { margin-left:16px; width:80px; background-position:-16px 0px; } #navi #alanavi_Akupedia a:hover { background-position:-16px -23px; } #navi #alanavi_Akupedia a.active { background-position:-16px -46px; } #navi #alanavi_ToimituksenBlogi a { width:136px; background-position:-96px 0px; } #navi #alanavi_ToimituksenBlogi a:hover { background-position:-96px -23px; } #navi #alanavi_ToimituksenBlogi a.active { background-position:-96px -46px; } #navi #alanavi_AnkkaTV a { width:80px; background-position:-232px 0px; } #navi #alanavi_AnkkaTV a:hover { background-position:-232px -23px; } #navi #alanavi_AnkkaTV a.active { background-position:-232px -46px; } #navi #alanavi_Ajankohtaista a { width:113px; background-position:-312px 0px; } #navi #alanavi_Ajankohtaista a:hover { background-position:-312px -23px; } #navi #alanavi_Ajankohtaista a.active { background-position:-312px -46px; } /*#navi #alanavi_SudenpentujenKasikirja a { width:176px; background-position:-425px 0px; } #navi #alanavi_SudenpentujenKasikirja a:hover { background-position:-425px -23px; } #navi #alanavi_SudenpentujenKasikirja a.active { background-position:-425px -46px; }*/ #navi #navi_PelitJaPuuhat ul { } #navi #navi_PelitJaPuuhat ul li a { background-image:url(/images/navi_pelitjapuuhat2_bg.gif); } #navi #alanavi_Pelit a { margin-left:16px; width:116px; background-position:-16px 0px; } #navi #alanavi_Pelit a:hover { background-position:-16px -23px; } #navi #alanavi_Pelit a.active{ background-position:-16px -46px; } #navi #alanavi_Kilpailut a { width:79px; background-position:-135px 0px; } #navi #alanavi_Kilpailut a:hover { background-position:-135px -23px; } #navi #alanavi_Kilpailut a.active{ background-position:-135px -46px; } #navi #navi_Keskustelu ul { } #navi #navi_Keskustelu ul li a { background-image:url(/images/navi_keskustelu_bg.gif); } /* set main BG */ #navi #alanavi_Hahmot a { margin-left:16px; width:73px; background-position:-16px 0px; } #navi #alanavi_Hahmot a:hover { background-position:-16px -23px; } #navi #alanavi_Hahmot a.active { background-position:-16px -46px; } #navi #alanavi_Tekijat a { width:65px; background-position:-89px 0px; } #navi #alanavi_Tekijat a:hover { background-position:-89px -23px; } #navi #alanavi_Tekijat a.active { background-position:-89px -46px; } #navi #alanavi_Sarjat a { width:62px; background-position:-154px 0px; } #navi #alanavi_Sarjat a:hover { background-position:-154px -23px; } #navi #alanavi_Sarjat a.active { background-position:-154px -46px; } #navi #alanavi_Julkaisut a { width:81px; background-position:-216px 0px; } #navi #alanavi_Julkaisut a:hover { background-position:-216px -23px; } #navi #alanavi_Julkaisut a.active { background-position:-216px -46px; } #navi #alanavi_Animaatiot a { width:93px; background-position:-297px 0px; } #navi #alanavi_Animaatiot a:hover { background-position:-297px -23px; } #navi #alanavi_Animaatiot a.active { background-position:-297px -46px; } #navi #navi_Keskustelu #alanavi_Akupedia a { margin:0px; width:80px; background-position:-390px 0px; } #navi #navi_Keskustelu #alanavi_Akupedia a:hover { background-position:-390px -23px; } #navi #navi_Keskustelu #alanavi_Akupedia a.active { background-position:-390px -46px; } #navi #alanavi_Keraily a { width:70px; background-position:-390px 0px; } #navi #alanavi_Keraily a:hover { background-position:-390px -23px; } #navi #alanavi_Keraily a.active { background-position:-390px -46px; } #navi #alanavi_Nettisivut a { width:87px; background-position:-460px 0px; } #navi #alanavi_Nettisivut a:hover { background-position:-460px -23px; } #navi #alanavi_Nettisivut a.active { background-position:-460px -46px; } #navi #alanavi_Kyselyt a { width:140px; background-position:-547px 0px; } #navi #alanavi_Kyselyt a:hover { background-position:-547px -23px; } #navi #alanavi_Kyselyt a.active { background-position:-547px -46px; } #navi #alanavi_Pulinat a { width:72px; background-position:-687px 0px; } #navi #alanavi_Pulinat a:hover { background-position:-687px -23px; } #navi #alanavi_Pulinat a.active { background-position:-687px -46px; } #navi #navi_Kirjasto ul { } #navi #navi_Kirjasto ul li a { background-image:url(/images/navi_kirjasto_bg.gif); } /* set main BG */ #navi #alanavi_AkuAnkka a { margin-left:16px; width:89px; background-position:-16px 0px; } #navi #alanavi_AkuAnkka a:hover { background-position:-16px -23px; } #navi #alanavi_AkuAnkka a.active { background-position:-16px -46px; } #navi #alanavi_AkuAnkkaExtra a { width:128px; background-position:-105px 0px; } #navi #alanavi_AkuAnkkaExtra a:hover { background-position:-105px -23px; } #navi #alanavi_AkuAnkkaExtra a.active { background-position:-105px -46px; } #navi #alanavi_RoopeSeta a { width:93px; background-position:-233px 0px; } #navi #alanavi_RoopeSeta a:hover { background-position:-233px -23px; } #navi #alanavi_RoopeSeta a.active { background-position:-233px -46px; } #navi #alanavi_Taskukirjat a { width:96px; background-position:-326px 0px; } #navi #alanavi_Taskukirjat a:hover { background-position:-326px -23px; } #navi #alanavi_Taskukirjat a.active { background-position:-326px -46px; } #navi #alanavi_Iines a { width:49px; background-position:-422px 0px; } #navi #alanavi_Iines a:hover { background-position:-422px -23px; } #navi #alanavi_Iines a.active { background-position:-422px -46px; } #navi #alanavi_MuutJulkaisut a { width:119px; background-position:-471px 0px; } #navi #alanavi_MuutJulkaisut a:hover { background-position:-471px -23px; } #navi #alanavi_MuutJulkaisut a.active { background-position:-471px -46px; } #navi #alanavi_Arkisto a { width:70px; background-position:-590px 0px; } #navi #alanavi_Arkisto a:hover { background-position:-590px -23px; } #navi #alanavi_Arkisto a.active { background-position:-590px -46px; } #navi #navi_Galleria ul { } #navi #navi_Galleria ul li a { background-image:url(/images/navi_galleria_bg.gif); } /* set main BG */ #navi #alanavi_Ankallisgalleria a { width:127px; background-position:-16px 0px; } #navi #alanavi_Ankallisgalleria a:hover { background-position:-16px -23px; } #navi #alanavi_Ankallisgalleria a.active { background-position:-16px -46px; } #navi #alanavi_Piirustuskoulu a { width:120px; background-position:-144px 0px; } #navi #alanavi_Piirustuskoulu a:hover { background-position:-144px -23px; } #navi #alanavi_Piirustuskoulu a.active { background-position:-144px -46px; } #navi #alanavi_Taustakuvat a { width:102px; background-position:-264px 0px; } #navi #alanavi_Taustakuvat a:hover { background-position:-264px -23px; } #navi #alanavi_Taustakuvat a.active { background-position:-264px -46px; } #navi #alanavi_Ekortit a { width:73px; background-position:-365px 0px; } #navi #alanavi_Ekortit a:hover { background-position:-365px -23px; } #navi #alanavi_Ekortit a.active { background-position:-365px -46px; } #login { position:absolute; top:10px; right:-10px; width:315px; height:3em; } #login input.text, #login input.password { font-size:11px; width:102px !important; margin:0 8px 5px 0; padding-bottom: 2px; } #login input.submit { position:absolute; top:-3px; right:0; } #login .portlet-msg-error { display:none; } #login form .portlet-msg-error { display:block; border:0px; background:none; padding:0px; color:crimson; } .rememberMe { clear:both; width:100%; height:1.5em; } .rememberMe label { font-size:11px; float:left; padding:0px 0px 0px; margin:0px;} #rememberUsername { padding:0px; margin:-2px 6px 0px 0px; float:left; } /* ----------------------------------------------------------------------------- TABS */ .AkuTabs { height:38px; background:transparent url('/images/tabs_bg.gif') right top no-repeat; } .AkuTabs li { display:block; float:left; height:19px; margin-right:5px; } .AkuTabs li a { height:19px; display:block; font-size:1.1em; } #tab_Akupedia li a { background-image:url('/images/tabs_akupedia.gif'); background-repeat:no-repeat; } .AkuTabs #Akupedia_article a { width:92px; background-position:0px 0px; } .AkuTabs #Akupedia_article a:hover { background-position:0px -19px; } .AkuTabs #Akupedia_article a.active, .AkuTabs #Akupedia_article a.active:hover { background-position:0px -37px; } .AkuTabs #Akupedia_draft a { width:92px; background-position:-92px 0px; } .AkuTabs #Akupedia_draft a:hover { background-position:-92px -19px; } .AkuTabs #Akupedia_draft a.active, .AkuTabs #Akupedia_draft a.active:hover { background-position:-92px -37px; } #tab_ecard li a { background-image:url('/images/tabs_ecard.gif'); background-repeat:no-repeat; } .AkuTabs #eCard_mostPopular a { width:150px; background-position:0px 0px; } .AkuTabs #eCard_mostPopular a:hover { background-position:0px -19px; } .AkuTabs #eCard_mostPopular a.active, .AkuTabs #eCard_mostPopular a.active:hover { background-position:0px -37px; } .AkuTabs #eCard_latestCards a { width:176px; background-position:-150px 0px; } .AkuTabs #eCard_latestCards a:hover { background-position:-150px -19px; } .AkuTabs #eCard_latestCards a.active, .AkuTabs #eCard_latestCards a.active:hover { background-position:-150px -37px; } #tab_profile li a { background-image:url('/images/tabs_duckprofile.gif'); background-repeat:no-repeat; } .AkuTabs #profile_profile a { width:120px; background-position:0px 0px; } .AkuTabs #profile_profile a:hover { background-position:0px -19px; } .AkuTabs #profile_profile a.active, .AkuTabs #profile_profile a.active:hover { background-position:0px -37px; } .AkuTabs #profile_registration a { width:140px; background-position:-120px 0px; } .AkuTabs #profile_registration a:hover { background-position:-120px -19px; } .AkuTabs #profile_registration a.active, .AkuTabs #profile_registration a.active:hover { background-position:-120px -37px; } /* ----------------------------------------------------------------------------- PORTLET SPECIFIC */ .akupediaSearch .text, #deco_profileSearch .text { float:left; width:110px; margin-right:10px; margin-top:6px; } .akupediaSearch .button { } .akupediaWikiContent li { list-style-type: disc; margin-left:25px; } #deco_ankkapaino .text { float:left; width:110px; margin-right:10px; margin-top:6px; } #deco_ankkapaino .searchLink { text-align:right; } #deco_ankkapaino a { text-decoration:underline; } #deco_ankkapaino a:hover { text-decoration:none; } #deco_ankkapaino .formRow label { display:block; float:none; height:auto; margin:0px; padding:0px; } #deco_ankkapaino .formRow { margin-bottom:6px; } #deco_ankkapaino .checkboxRow { margin-bottom:6px; } #ankkapaino_advanced_search { clear:both; margin:0px; padding:0px; width:99%; } #ankkapaino_advanced_search fieldset { padding:0px; margin:0px; } #ankkapaino_advanced_search input.text { width:100%; margin:0px; padding:0px; } #ankkapaino_advanced_search input.yearField { width:50px; display:inline; margin:0px 8px 0px 8px; padding:0px; float:none; } #ankkapaino_advanced_search input.first { margin-left:0px; } .advSearchButtons { height:30px; } .advSearchButtons img { float:left; } .advSearchButtons input { float:right; } /* ----------------------------------------------------------------------------- AKUPEDIA */ .acceptedArticle { } #akupedia_text, .akupediaSubject { width:99.5%; } .akupediaTargetOk { } .akupediaTargetNotExist { } h2.akupediaSubject { margin-bottom:12px; } .akupediaWikiContent { line-height:1.5em; margin-bottom:16px; } .akupediaWikiContent h2, .akupediaHeadline { border-bottom:1px solid rgb(150,150,150); font-size:1.4em; margin-top:24px; margin-bottom:-4px; padding-bottom:2px; } .akupediaHeadline { margin-bottom:8px; } .akupediaWikiContent p { margin-bottom:20px; } .akupediaAuthors, .akupediaAuthors a { color:rgb(150,150,150); } .akupediaAuthors a { text-decoration:none; } .akupediaAuthors a:hover { text-decoration:underline; } .akupediaAuthors h6 { display:inline; font-size:1em; margin-right:4px; font-weight:normal; } .akupediaAuthors ul { display:inline; } .akupediaAuthors ul li { display:inline; margin-right:4px; } .forumLink { margin-bottom:26px; padding-left:15px; background:url('/images/i_speechbubble.gif') 0em 0.25em no-repeat; } .forumStartnBack {margin-bottom:15px;} .forumComments p {margin-bottom:15px;} .akupediaLinks { margin-bottom:26px; } .akupediaLinks ul a { margin-right:8px; } .akupediaLinks input { margin-right:4px; font-size:0.9em; } .linkAdd { border:2px solid #c0c0c0; padding:8px; margin-bottom:6px; } .akupediaRevisionContainer { border:2px solid rgb(220,220,220); padding:8px; margin-bottom:8px; } .akupediaRevisionInfo { border-bottom:1px dotted rgb(220,220,220); margin-bottom:8px; padding-bottom:8px; } .akupediaRevisionInfo form { margin-top:4px; } .akupediaRevisionAcceptor { color:rgb(115,190,0); font-weight:bold; margin:4px 0px 0px 0px; } .infoText { margin-bottom:12px; } #wikiLinkDiv { margin-bottom:8px; padding:5px; border:2px solid #000; display:none; } .categoryRow { margin-bottom:25px; color:rgb(115,190,0); } .categoryRow h3 { margin-bottom:8px; color:#000; } .categoryRow ul { margin-bottom:0.2em; } .categoryRow ul li { display:inline; margin-left:6px; line-height:150%; padding-left:6px; background:url('/images/bg_divider_green.gif') 0em 0.2em no-repeat; } .categoryRow ul li a { } .categoryRow ul li.first { background:none; margin-left:0px; padding-left:0px; } .categorySort { font-size:120%; color:rgb(115,190,0); margin-bottom:16px; margin-top:4px; } .akupediaHelp {position:relative; top:5px; float:right; margin-right:5px;} /* ----------------------------------------------------------------------------- LISTS */ ul.alphabeticalList { overflow:hidden; width:100%; margin-bottom:20px; } ul.alphabeticalList li { float:left; border-right:1px solid #000; padding-right:8px; margin-right:8px; } ul.alphabeticalList li.first { border:none; padding-left:0; margin-left:0; } ul.alphabeticalList li.current { font-weight:bold; } ul.alphabeticalList li a { color:#969792; } .profileList a { color:#969792; } .simpleList { margin-bottom:8px; } /* .simpleList li { margin-bottom:6px; } */ .simpleList span { color:rgb(150,150,150); } .simpleList a, .simpleList a:visited { color: #080 !important; } .simpleList2 { margin-bottom:2px; width: 300px; display: block; } .simpleList2 li { margin-bottom:0px;float:left;width:150px; } .simpleList2 span { color:rgb(150,150,150); } .simpleList2 a, .simpleList2 a:visited { color: #080 !important; } /* TEXTS & TITLES */ .marginTB15 {margin-top:15px; margin-bottom:15px;} .ingress { line-height:1.5em; margin-bottom:24px; } h3.sIFRbox { margin-bottom:6px; } h2.sIFR { margin-bottom:15px; font-size:200%; color:#000; line-height:100%; } h3.sIFR { margin-bottom:10px; font-size:150%; color:#000; } h4.sIFR { margin-bottom:10px !important; } .sIFR span, .sIFRbox span { display:none; } /* sIFR SETTINGS, use this to fine tune font sizes */ label.sIFR { font-size:14px; margin-top:4px; } .sIFR-hasFlash h2.sIFR { font-size:26px; line-height:40px; letter-spacing:-2px; margin-bottom:0; } .sIFR-hasFlash h3.sIFR { font-size:24px; line-height:32px; letter-spacing:-1px; margin-bottom:0; } .sIFR-hasFlash h4.sIFR { font-size:20px; line-height:24px; } .sIFR-hasFlash label.sIFR { font-size:24px; line-height:32px; letter-spacing:-1px; margin-top:0px; height:28px; } .boxtitle_searchAkupedia { background:url('/images/boxtitle_akupd_search.gif') top left no-repeat; height:24px; } .boxtitle_writeAkupedia { background:url('/images/boxtitle_akupd_write.gif') top left no-repeat; height:24px; } .boxtitle_searchAnkkapaino { background:url('/images/boxtitle_ankkapaino_search.gif') top left no-repeat; height:24px; } .boxtitle_profileSearch { background:url('/images/boxtitle_profilesearch.gif') top left no-repeat; height:24px; } .boxtitle_rateThisPublication { background:url('/images/boxtitle_ratethisnumber.gif') top left no-repeat; height:55px; } .boxtitle_searchGalleria { background:url('/images/boxtitle_galleria_search.gif') top left no-repeat; height:24px; } .boxtitle_searchBlogi { background:url('/images/boxtitle_blogi_search.gif') top left no-repeat; height:24px; } .boxtitle_searchUutiset { background:url('/images/boxtitle_uutiset_search.gif') top left no-repeat; height:24px; } .boxtitle_searchKeskustelut { background:url('/images/boxtitle_keskustelut_search.gif') top left no-repeat; height:24px; } .boxtag_categories { background:url('/images/boxtag_topics.gif') top left no-repeat; height:24px;} .boxtag_category { background:url('/images/boxtags.gif') 0px -24px no-repeat; } .boxtag_cardthemes { background:url('/images/boxtag_cardthemes.gif') top left no-repeat; height:24px; } .boxtag_newsArchive { background:url('/images/boxtags.gif') 0px -254px no-repeat; height:24px; } .boxtag_writers { background:url('/images/boxtags.gif') 0px -120px no-repeat; height:24px; } .boxtag_archive { background:url('/images/boxtags.gif') 0px -96px no-repeat; height:24px; } .boxtag_office_recommends { background:url('/images/boxtags.gif') 0px -72px no-repeat; height:24px; } .boxtag_medals { background:url('/images/boxtags.gif') 0px -350px no-repeat; height:38px; } .boxtag_akuProfile { background:url('/images/boxtags.gif') 0px -426px no-repeat; height:24px; } .boxtag_search { background:url('/images/boxtags.gif') 0px -182px no-repeat; height:24px; } .boxtag_forumWriters { background:url('/images/boxtags.gif') 0px -536px no-repeat; height:36px; } .boxtag_forums { background:url('/images/boxtags.gif') 0px -572px no-repeat; height:24px; } .boxtag_bestPlayers { background:url('/images/boxtags.gif') 0px -596px no-repeat; height:24px; } .boxtag_games { background:url('/images/boxtags.gif') 0px -644px no-repeat; height:24px; } .boxtag_activities { background:url('/images/boxtags.gif') 0px -668px no-repeat; height:24px; } .boxtag_namegenerator { background:url('/images/boxtags.gif') 0px -692px no-repeat; height:39px; } .boxtag_profileReasons { background:url('/images/boxtags.gif') 0px -388px no-repeat; height:38px; } .boxtitle_searchAnkkapaino { background:url('/images/boxtitle_ankkapaino_search.gif') top left no-repeat; height:24px; } /* ----------------------------------------------------------------------------- PAGING */ .paging {width:100%; overflow:hidden; margin-bottom:12px; } .paging li { display:inline; margin-right:4px; float:left; } .paging .current { font-weight:bold; } /*--------------------------------------------------------------------- AKKARIDEKKARI */ .akkariClose { position:absolute; top:19px; right:0; height:28px; width:38px; display:block; } .akkariClose span { display:none; } #akkariDekkari { background:url(/images/bg_akkaridekkari_pages.gif) no-repeat; height: 600px; width: 816px; margin-left: -9px; position:relative; } #akkariDekkari .help{ position:absolute; right: 25px; top: 156px; width: 350px; height: 385px; background:url(/images/bg_akkaridekkari_helpbox.gif) no-repeat; } #akkariDekkari .story{ position:absolute; right: 25px; top: 156px; width: 350px; height: 385px; background:url(/images/bg_akkaridekkari_textbox.gif) no-repeat; } #akkariDekkari .inner { padding:15px 25px; line-height:150%; } #akkariDekkari .btns_add { float: right; margin-top: 40px; background-image: url(/images/btns_add.gif); width:48px; height:20px; } #akkariDekkari .storyImage { position:absolute; top:156px; left:22px; width:380px; } #akkariDekkari .storyImage img { border:2px solid #000; display:block; margin:auto; } #akkariDekkari .menu{ position:absolute; left: 74px; top: 140px; width: 306px; height: 237px; } #akkariDekkari ul {} #akkariDekkari ul li{ background-image: url(/images/btn_dekkari1.gif); background-repeat: no-repeat; height:35px; width:123px; margin-top:8px; } #akkariDekkari .storyTitle { position:absolute; top:120px; left:42px; } #akkariDekkari .storyPage { position:absolute; top:126px; right:272px; } #akkariDekkari .menu h3 { background:url('/images/title_choose_dekkari.gif') no-repeat; height:15px; margin-bottom:20px; } #akkariDekkari .menu h3 span { display:none; } #akkariDekkari .deco { position:absolute; bottom:30px; left:28px; background:url('/images/deco_dekkari.gif'); width:203px; height:163px; } #akkariDekkari .buttons { height:35px; position:absolute; bottom:45px; } #akkariDekkari .buttons .prev { float:left; margin-left:45px; } #akkariDekkari .buttons .next { float:right; margin-right:33px; } /*-------------------------------------------------------------------- SEARCH */ #deco_customSearch { padding-top:0px; margin-top:5px; background:rgb(204,204,204); height: 96px; } #deco_customSearch .deco { width:119px; height:132px; top:-9px; right:-12px; background-color: transparent; background-image: url(/images/deco_aku_customsearch.gif); background-repeat: no-repeat; } #subSearch input.text { margin:5px 0;} #subSearch input.submit { position:absolute; top:12px; right:115px; } .searchResults { margin-bottom:20px;} .searchResults h3 { font-size:100%; font-weight:normal; margin-bottom: 2px; } .searchResults p {margin-bottom:20px;} .searchPagination { margin-bottom:40px; width:100%; overflow:hidden; } .searchPagination li {float:left; margin-right:4px; } .searchInfoText{ padding-left:3px;} .searchHeaderTietolaari { color:#000000; background-color:#72bf00; width: 100%; height: 16px; font-weight: bold; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; padding-left: 3px; border: 2px solid #000000; padding-top: 2px; } .searchTermTietolaari {background:#FFF; color:#72bf00; padding-left: 3px; } .searchHeaderGalleria { color:#000000; background-color:#10a6d1; width: 100%; height: 16px; font-weight: bold; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; padding-left: 3px; border: 2px solid #000000; padding-top: 2px; } .searchTermGalleria {background:#FFF; color:#10a6d1; padding-left: 3px; } .searchTermKauppa {background:#FFF; color:#10a6d1; padding-left: 3px; } .searchHeaderKauppa { color:#000000; background-color:#ff9c00; width: 100%; height: 16px; font-weight: bold; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; padding-left: 3px; border: 2px solid #000000; padding-top: 2px; } .searchTermKauppa {background:#FFF; color:#ff9c00; padding-left: 3px; } .searchHeaderKirjasto { color:#000000; background-color:#ff2828; width: 100%; height: 16px; font-weight: bold; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; padding-left: 3px; border: 2px solid #000000; padding-top: 2px; } .searchTermKirjasto {background:#FFF; color:#ff2828; padding-left: 3px; } .searchHeaderPelitjaPuuhat { color:#000000; background-color:#ff6bab; width: 100%; height: 16px; font-weight: bold; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; padding-left: 3px; border: 2px solid #000000; padding-top: 2px; } .searchTermPelitjaPuuhat {background:#FFF; color:#ff6bab; padding-left: 3px; } .searchHeaderKeskustelu { color:#000000; background-color:#ba6aff; width: 100%; height: 16px; font-weight: bold; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; padding-left: 3px; border: 2px solid #000000; padding-top: 2px; } .searchTermKeskustelu {background:#FFF; color:#ba6aff; padding-left: 3px; } /* ----------------------------------------------------------------------------- CAPTCHA */ .captchaForm label { margin-bottom:2px; font-weight:bold; } #captchaImage { margin-bottom:8px; } #captchaImage img { display:block; margin-bottom:4px; } #captchaImage p { margin-bottom:8px; } .captchaForm textarea { margin-bottom:8px; width:99.25%; height:120px; } .captchaFields .text { display:block; width:161px; margin:3px 0px 4px 0px; } /* ----------------------------------------------------------------------------- ADMIN */ .formMessage { clear:both; margin-left:200px; color:rgb(190,30,5); font-weight:bold; font-size:90%; background:url('/images/i_formmessage.gif') 0em 0.1em no-repeat; padding-left:16px; } .sysMessage { background:white; border:2px solid rgb(150,150,150); padding:8px 12px 8px 8px; margin-bottom:14px; width:200px; position:relative; line-height:1.5em; } .sysMessage .nib { position:absolute; bottom:-11px; left:20px; width:12px; height:12px; background:url('/images/bg_nib.gif') bottom left no-repeat; } .sysMessage .close { position:absolute; top:4px; right:4px; width:8px; height:8px; cursor:pointer; background:url('/images/i_close.gif') top left no-repeat; } .adminMessage { border:2px solid rgb(115,190,0); color:rgb(115,190,0); width:200px; font-weight:bold; } .adminMessage .nib { background-image:url('/images/bg_nib_admin.gif'); } .adminMessage .close { display:none; } /* dont's show close button for admin */ .noteBox .sysMessage { width:auto; } .errorMessage { margin-bottom:12px; color:crimson; padding:8px; } /* ----------------------------------------------------------------------------- ECARD */ p.extraLink { margin-bottom:0px; } .eCard { width:275px; float:left; } .eCard a { color:rgb(0,228,255); font-weight:bold; } .eCard img { width:271px; border:2px solid black; display:block; margin-bottom:6px; } .eCardContainer .right { float:right; } .eCardForm .formRow { margin-bottom:20px; } .eCardForm .formRow label, .eCardForm .colContainer label { display:block; width:auto; margin-bottom:2px; } .eCardForm .text { width:346px; padding:2px; } .eCardForm textarea { width:575px; height:90px; } .eCardForm .selectRow h6 { font-size:1em; font-weight:bold; color:rgb(150,150,150); margin:0px 0px 4px 0px; } .eCardForm .colContainer { float:left; width:100%; clear:both; } .eCardForm .leftCol { width:201px; float:left; } .eCardForm .rightCol { width:346px; float:right; } .eCardForm .leftCol .text { width:98%; } .eCardForm .rightCol .text { width:98%; } .eCardFull { margin-bottom:35px; } .eCardFull img { /*width:576px;*/ border:2px solid black; display:block; } .textLabel { font-weight:bold; margin-bottom:2px; } .emailList li { margin-bottom:2px; } .formPreview { margin-bottom:12px; } .formPreview p { margin-bottom:8px; } /*.buttonRow input, .buttonRow img { margin-right:8px; } oldie but goodie? */ .buttonRow { text-align:right; width:100%; clear:both; margin-top:8px; } .buttonRow input, .buttonRow img { margin-left:8px; } .eCardShow { } .eCardShow img { border:2px solid black; margin-bottom:24px; } .eCardShow h4 { margin:0px auto 12px auto; } .eCardShow p { margin:0px auto 24px auto; line-height:150%; } .eCardShow p.senderName { margin-bottom:2px; } .eCardShow p.senderEmail { margin-bottom:20px; } p.ecardSendLink { color:rgb(115,190,0); margin-bottom:0px; } /* ----------------------------------------------------------------------------- BLOG */ .blogEntryMini { margin-bottom:26px; } .blogEntryMini .date { color:rgb(150,150,150); margin-bottom:4px; } .blogEntryMini .content { line-height:150%; margin-bottom:4px; } .blogEntryMini .readMore { color:rgb(115,190,0); } .blogEntry { line-height:150%; /*background:url('/images/bg_blog_pen.gif') right top no-repeat; padding-top:52px; */ background-image: url(/images/bg_blog_pen.gif); background-repeat: no-repeat; background-position: right bottom; } .topEntry { background:none; padding-top:0px; } .blogEntry .author { margin:0px 0px 24px 0px; color:rgb(150,150,150); } .blogFunctions li { display:inline; background:transparent url('/images/bg_divider_green.gif') 0em 0.15em no-repeat; padding:0 4px 0 6px; } .blogFunctions li.first { padding-left:0px; background:none; } .blogComments .headerLink { background:url('/images/i_speechbubble.gif') 0 0.25em no-repeat; margin-bottom:12px; } .blogComments .headerLink a { padding-left:15px; } .blogComments .blogComment { margin-bottom:10px; padding-top:10px; border-top:1px solid rgb(154,153,148); } .blogComments .first { border:none; padding-top:0px; } .blogButtons { height:34px; margin-top:25px; margin-bottom:12px; } .blogButtons .prev { float:left; } .blogButtons .next { float:right; } .blogWriter { position:relative; padding-top:160px; } .blogWriter img { position:absolute; top:0px; left:-30px; } /* ----------------------------------------------------------------------------- GALLERY */ .galleryBox { border:2px solid #000; background:rgb(240,237,220); margin-bottom:12px; } .galleryBox a { color:rgb(15,165,210); } .galleryBox .content { padding:16px 20px; } .galleryBox p{margin-bottom:15px;} .galleryButtons { height:39px; margin-bottom:12px; } .galleryButtons .prev { float:left; } .galleryButtons .next { float:right; } /* .galleryImage { margin:auto; margin-bottom:20px; background:rgb(180,178,165); padding:0px 3px 3px 0px; } .galleryImage img { border:1px solid #000; display:block; } */ .galleryImage .imageName {background-color:transparent;} .galleryImage .category {background-color:transparent;} .galleryImage .author {background-color:transparent;} .visualRating { margin:12px auto 10px auto; width:133px; height:121px; background:url('/images/bg_imagerating.gif'); position:relative; } .visualRating img { position:absolute; top:28px; left:21px; } #gallerySidebar { } #gallerySidebar .galleryImage { margin-bottom:12px; background:#b4b2a5; padding:0 3px 3px 0; } #gallerySidebar .galleryImage img { margin:0; } #gallerySidebar .galleryRating h3 { font-size:100%; } #gallerySidebar .galleryRating p { width:100%; overflow:hidden; } #gallerySidebar .galleryRating p strong { float:left; margin:15px 0 0 0; font-style:italic; text-align:right; width:110px; } #gallerySidebar .galleryRating p img { float:right; margin-right:5px; } .galleryImage { margin-bottom:20px; background:none; text-align:center; } .galleryImage img { margin:auto; display:block; border:1px solid #000; } .galleryImage div { background:#b4b2a5; margin:auto; padding:0 3px 3px 0px; } .galleryRating p { margin-bottom:10px; } .imageAuthor { margin-bottom:12px; } #galleryMain .imageAuthor { text-align:center; } #galleryMain .content { padding:10px 8px 16px 8px; } /* #galleryMain .galleryImage { width:460px; } */ #galleryMain .galleryRating { width:460px; margin:auto; } .rateMe { font-size:90%; } .galleryRating p, .galleryRating h3 { text-align:center; } .galleryRating h3 { margin-bottom:8px; } .galleryRating .imageDescription { margin-bottom:8px; line-height:150%; } .galleryRating ul { height:33px; margin:8px auto; width:184px; } .galleryRating li { float:left; background:url('/images/rating_scale_faces.gif') 0px 0px no-repeat; } .galleryRating li a { width:32px; height:33px; display:block; } .galleryRating li a span { display:none; } .galleryRating li.rating1 { background-position:0px 0px; margin-right:6px; } .galleryRating li.rating2 { background-position:-32px 0px; margin-right:6px; } .galleryRating li.rating3 { background-position:-64px 0px; margin-right:6px; } .galleryRating li.rating4 { background-position:-96px 0px; margin-right:6px; } .galleryRating li.rating5 { background-position:-128px 0px; } .galleryView { margin-top:16px; } .galleryView .cleaner { height:20px; } .galleryContainer, .galleryContainer a { color:rgb(15,165,210); } .galleryContainer .galleryImage { background-color:transparent; float:left; padding:0px; margin:0px 0px 0px 19px; width:122px; } .galleryContainer .first { margin-left:0px; } .galleryContainer .galleryImage img { border:2px solid #000; margin-bottom:8px; } .galleryContainer .readMore {background-color:transparent; text-align:left;} #drawingSchoolMain { } #drawingSchoolMain h3, #drawingSchoolMain p { text-align:center; } .drawingSchoolImage { width:460px; margin:12px auto; background:rgb(180,178,165); padding:0px 3px 3px 0px; } .drawingSchoolImage img { width:100%; border:1px solid #000; display:block; } .drawingSchoolSteps { margin:8px auto; } .drawingSchoolSteps ul { height:33px; } .drawingSchoolSteps li { float:left; margin-right:6px; width:32px; height:33px; background:url('/images/rating_scale.gif') 0px 0px no-repeat; } .drawingSchoolSteps li a { width:32px; height:33px; display:block; } .drawingSchoolSteps li span { display:none; } .drawingSchoolSteps li.stepPrevious { background-position:-320px 0px; } .drawingSchoolSteps li.stepPreviousDisabled { background-position:-320px -33px; } .drawingSchoolSteps li.stepNext { background-position:-352px 0px; margin-right:0px; } .drawingSchoolSteps li.stepNextDisabled { background-position:-352px -33px; margin-right:0px; } .drawingSchoolSteps li.step1 { background-position:0px 0px; } .drawingSchoolSteps li.step1Current { background-position:0px -33px; } .drawingSchoolSteps li.step2 { background-position:-32px 0px; } .drawingSchoolSteps li.step2Current { background-position:-32px -33px; } .drawingSchoolSteps li.step3 { background-position:-64px 0px; } .drawingSchoolSteps li.step3Current { background-position:-64px -33px; } .drawingSchoolSteps li.step4 { background-position:-96px 0px; } .drawingSchoolSteps li.step4Current { background-position:-96px -33px; } .drawingSchoolSteps li.step5 { background-position:-128px 0px; } .drawingSchoolSteps li.step5Current { background-position:-128px -33px; } .drawingSchoolSteps li.step6 { background-position:-160px 0px; } .drawingSchoolSteps li.step6Current { background-position:-160px -33px; } .drawingSchoolSteps li.step7 { background-position:-192px 0px; } .drawingSchoolSteps li.step7Current { background-position:-192px -33px; } .drawingSchoolSteps li.step8 { background-position:-134px 0px; } .drawingSchoolSteps li.step8Current { background-position:-134px -33px; } .drawingSchoolSteps li.step9 { background-position:-224px 0px; } .drawingSchoolSteps li.step9Current { background-position:-224px -33px; } .drawingSchoolSteps li.step10 { background-position:-256px 0px; } .drawingSchoolSteps li.step10Current { background-position:-256px -33px; } /* ----------------------------------------------------------------------------- NEWS */ h3.newsHeadline { font-size:100%; margin-bottom:4px; } h3.newsHeadline span { color:rgb(155,154,152); margin-right:4px; } p.newsItem { display:block; padding-bottom:20px; margin-bottom:20px; line-height:150%; background:url('/images/bg_blog_pen.gif') right bottom no-repeat; } .news { margin-bottom:12px; clear:both; } .news .simpleList span { margin-right:4px; } /* ----------------------------------------------------------------------------- MITALIT */ .medals { margin-bottom:8px; width:100%; overflow:hidden; } .medals h4 { font-size:125%; margin-bottom:8px; text-decoration:none; } .medals p { display:block; width:100%; clear:both; } .medals .medal { float:left; margin-bottom:8px; } .medals .first { margin-left:0px; } /* ----------------------------------------------------------------------------- ANKKAPROFIILI */ .profileRegistrationInfo { background:url('/images/bg_blog_pen.gif') bottom right no-repeat; margin-bottom:20px; } .duckProfileWrapper { position:relative; padding-bottom:16px; margin-top:16px; background:url('/images/bg_blog_pen.gif') bottom right no-repeat; zoom:1; } .duckProfileInfo { margin-top:0; } .duckProfileStats { background:none; } .duckProfileWrapper .profileImage { border:2px solid #000; position:absolute; top:0px; left:0px; } .duckProfileInfo .text { display:block; margin-bottom:-12px; } .duckProfileWrapper ul.simpleList { width:280px; margin-left:20px; float:left; } .duckProfileWrapper ul.first { margin-left:0px; } .duckProfileWrapper li {display:block; width:500px;} .duckProfileInfo p { margin-left:165px; line-height:160%; } .duckProfileStats p { position:relative; line-height:160%; padding-left:300px; zoom:1; } .duckProfileStats strong { position:absolute; top:0px; left:0px; width:280px; display:block; } .ageBox { margin-left:20px; } .profileRegistrationInfo .formRow .submit { float:none; margin-left:200px; } .duckProfileInfo .text { width:280px; } /* ----------------------------------------------------------------------------- ANKKAPAINO */ .imgMarginSmall{margin-right:12px; margin-bottom:12px;} #publicationView { margin-top:16px; } #publicationView .cleaner { height:25px; } #publicationView .galleryContainer, .galleryContainer a { color:rgb(255,0,0); } #deco_ratings { background-color:#f00; } #storyRatings ul { height:33px; margin:8px 0px 0px 0px; width:184px; } #storyRatings li { float:left; background:url('/images/ratings_kirjasto.gif') 0px 0px no-repeat; } #storyRatings li a { width:32px; height:33px; display:block; } #storyRatings li a span { display:none; } #storyRatings li.rating1 { background-position:0px 0px; margin-right:5px; } #storyRatings li.rating2 { background-position:-32px 0px; margin-right:5px; } #storyRatings li.rating3 { background-position:-64px 0px; margin-right:5px; } #storyRatings li.rating4 { background-position:-96px 0px; margin-right:5px; } #storyRatings li.rating5 { background-position:-128px 0px; } #deco_ratings h3 { font-size:120%; margin:0px 0px 8px 0px; } #deco_ratings h4 { font-size:110%; margin:0px; } #publicationSingleView { border-top:0px; } #publicationSingleView .content { padding-top:8px; } #publicationSingleView .description { margin-bottom:16px; } #publicationSingleView .stories p { margin-bottom:12px; } .publicationImage img { display:block; margin:16px auto 16px auto; border:2px solid #000; } .publicationSelector { border:2px solid black; border-bottom:none; background:white; height:50px; padding-top:4px; } .publicationSelector h2 { float:left; margin:3px 10px 0px; font-size:100%; display:inline; } .publicationSelector label { padding:0px; margin:3px 4px 0px 0px; float:left; display:inline; } .publicationSelector .selector { float:left; margin-left:10px; margin-bottom:15px; margin-top:-15px; display:inline;} .publicationSelector .selector .button { float:right; display:inline; margin-right:18px; margin-left:20px; margin-top:5px;} .stories h4 { font-size:110%; color:#000; margin-bottom:2px; } .ratedStory { margin-bottom:6px; } .archiveSearchForm { margin-top:26px; } .archiveSearchForm img { margin:0 auto 4px; display:block; } .archiveSearchForm select { font-size:90%; width:175px; } /* ----------------------------------------------------------------------------- FORM RETURN DIALOG */ .formDialog { border:2px solid rgb(214,214,209); border-top:1px solid rgb(234,234,232); border-left:1px solid rgb(234,234,232); padding:20px; background:white; margin-bottom:30px; position:relative; } .formDialog .sIFR { margin-bottom:10px; } .formDialog .nib { position:absolute; left:20px; bottom:-20px; width:20px; height:20px; background:url(/images/bg_dialog_nib.gif); } /* ----------------------------------------------------------------------------- REGISTRATION CONFIRM */ .registrationConfirm { border:2px solid rgb(214,214,209); border-top:1px solid rgb(234,234,232); border-left:1px solid rgb(234,234,232); padding:20px; background:white; margin-bottom:30px; position:relative; } .registrationConfirm .sIFR { margin-bottom:10px; } .registrationConfirm .nib { position:absolute; left:20px; bottom:-20px; width:20px; height:20px; background:url(/images/bg_dialog_nib.gif); } /* ----------------------------------------------------------------------------- CONTEST */ .contestImage { display:block; margin:0px auto 12px auto; } input.fileField { margin-left:5px; background-color:white; } .fieldStatic { float:right; text-align:left; width:384px; margin-top:-25px; font-weight:bold; } /* ----------------------------------------------------------------------------- PRESS */ .pressDescription { margin-bottom:12px; } .pressDescription .date { margin-bottom:4px; } .pressImages { width:100%; overflow:hidden; padding-top:20px; margin-bottom:20px; } .pressImage { float:left; width:130px; margin-right:20px; height: 300px;} .pressImage img { border:2px solid #000; width:126px; display:block; margin-bottom:8px; } .pressImage span { color:rgb(150,150,150); } #pressList ul li span { color:#000; } #pressList ul li a { color:#999999; } .pressLink{float:left; clear:both; margin-top:20px;} .pressLink a{text-decoration:underline;} /* ----------------------------------------------------------------------------- WALLPAPERS */ .wallpapers { margin-bottom:12px; } .wallpapers .first { margin-left:0px; } .wallpaper { float:left; width:250px; height: 280px; margin-bottom:20px; margin-right: 15px;} .wallpaper img { border:2px solid #000; width:246px; height: 184px; display:block; margin-bottom:4px; } .wallpaper h3 { font-size:100%; margin-bottom:4px; } .wallpaper a { color:rgb(35,170,200); } /* ----------------------------------------------------------------------------- PELIT JA PUUHAT */ /* HIDE LATER */ .leftColumn { width:280px; } /* mainColumn sub columns */ .rightColumn { width:280px; } /* mainColumn sub columns */ .score { background:url('/images/bg_scoredot.gif') bottom left repeat-x; position:relative; text-align:right; margin-top:4px; } .score span { float:left; background:rgb(255,107,171); } .score a { background:rgb(255,107,171); padding-left:2px; } #deco_games h4, #deco_activities h4 { margin-bottom:10px; } #deco_games .content, #deco_activities .content { padding-right:80px; color:rgb(63,57,43); } #game_akudo { background:url('/images/game_akudo.gif') right 0px no-repeat; } #game_hessu_1 { background:url('/images/game_hessunpahkina.gif') right 0px no-repeat; } #game_ankallisvisa { background:url('/images/game_ankallisvisa.gif') right 0px no-repeat; } #game_kuplat { background:url('/images/game_kuplat.gif') right 20px no-repeat; } #game_identify { background:url('/images/game_identify.gif') right 20px no-repeat; } #game_maalaakoristele { background:url('/images/game_maalaakoristele.gif') right 0px no-repeat; } #game_palapeli { background:url('/images/game_palapeli.gif') right 0px no-repeat; } #game_sanaristikko { background:url('/images/game_sanaristikko.gif') right 0px no-repeat; } #game_akkaridekkari { background:url('/images/game_mikki.gif') right 0px no-repeat; } #game_beagleboys { background:#4F4F4F url(/images/game_beagleboys.jpg) no-repeat; color:white; border:2px solid #000; width: 577px;} #game_beagleboys .content { padding:125px 0 2px 20px; } #game_beagleboys .content p { margin-bottom:10px; width:380px; } /* ----------------------------------------------------------------------------- GALLUPARCHIVE */ .gallupPercentBlack{ background-color:#000; color:#FFF; border-top: 1px solid #000; border-right: none; border-bottom: 1px solid #000; border-left: 1px solid #000; width: 30px; height:16px; float:left; font-size: 0.8em; text-align: center; margin-right:0px; padding-right:0px; vertical-align: middle; } .gallupPercentYellow{ background-color:#FFFF00; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: none; height:16px; float:left; padding-left:0px; } .gallupOptionText{ padding-left:15px; float:left; } .gallupHeader{ margin-bottom:20px; } /* ----------------------------------------------------------------------------- USER NAME BUBBLE */ .bubbleContent { display:none; } .userInfoBubble { display:none; } .userNameBubble { display:none; width:200px; height:125px; background:url('/images/bubble.gif') top left no-repeat; position:absolute; top:-20px; left:0px; font-size:100%; text-align:center; } .IE6 .userNameBubble {background:url('/images/bubble.gif') top left no-repeat;} .userNameBubble .userInfoWrapper { padding:16px 40px 0; } .userNameBubble .userInfoRow { margin-bottom:3px; margin-top:2px;} .userNameBubble strong { display:block; font-weight:bold; } .userNameBubble .userMedal { float:left; width:54px; height:54px; background:yellow; margin:30px 0 0 20px; display:inline; } /* ----------------------------------------------------------------------------- FORUM */ #forumSearch { background:rgb(185,105,255); width:190px; position:absolute; top:-75px; right:0px; } #forumSearch .content { padding:8px 12px 12px 18px; } #forumSearch select { width:98.5%; } #forumSearch h3 { font-size:100%; margin-bottom:3px; } #forumSearch .deco { background:red; width:169px; height:108px; top:-35px; left:-155px; background:url('/images/deco_aku_smug.gif'); } .threadList { width:100%; margin-bottom:12px; } .threadList a { color:rgb(185,105,255); } .threadList thead th { border-top:2px solid black; border-bottom:2px solid black; background:rgb(185,105,255); padding:3px 6px; color:#000; } .threadList thead th.first { border-left:2px solid black; } .threadList thead th.last { border-right:2px solid black; } .threadList tbody td { vertical-align:top; padding:10px 6px 12px 6px; line-height:150%; border-bottom:1px solid rgb(154,153,148); ) bottom left repeat-x; } .threadList tbody td.last { background:url('/images/bg_forum_pen_2.gif') bottom right no-repeat; } .threadList tbody .zebra td.last { background:rgb(247,244,235) url('/images/bg_forumpen.gif') bottom right no-repeat; border-bottom: solid 0px #000;} .threadList tbody .zebra td { background-color:rgb(247,244,235); } .forumContainer { position:relative; } .forumMessages { width: 800px; margin-bottom:12px; background:url('/images/bg_forumbody.gif'); top left repeat-y; zoom:1; } .forumMessage { height:100%; } .forumMessage .footer { clear:both; width:100%; height:25px; background:url('/images/bg_forumpen.gif') bottom right no-repeat; position:relative; } .forumMessage a { color:rgb(185,105,255); } .forumMessage .messageInfo { float:left; width:200px; } .forumMessage .messageInfo img { border:2px solid #000; margin-bottom:4px; } .forumMessage .content { float: left; padding:20px 20px 0px 20px; width: 550px; overflow: hidden; } .forumMessage .messageBody { float: left; width:590px; padding-bottom:20px; } .forumMessage .footer .reply { position:absolute; bottom:15px; left:225px; } .forumMessage .footer .locking { position:absolute; bottom:30px; left:225px; } .forumMessage .footer .deleting { position:absolute; bottom:30px; left:668px; } .forumMessage .footer .lift { position:absolute; bottom:30px; left:425px; } .forumMessage .footer .ip_ban { position:absolute; bottom:45px; left:425px; } .forumMessage .footer .edit { position:absolute; bottom:45px; left:225px; } .forumMessage .footer .tell_friend { position:absolute; bottom:15px; left:425px; } .forumMessage .footer .inform { position:absolute; bottom:15px; right:20px; } .forumMessage .messageBody .content { adding-top:10px; margin-bottom: 15px; } .forumMessage .messageBody h3 { font-size:100%; border-bottom:1px solid rgb(154,153,148); margin-bottom:8px; padding-bottom:8px; } .forumMessage .messageBody h3 span { font-weight:normal; } .forumMessage p { line-height:150%; } .forumMessage blockquote { padding:10px; margin-bottom:8px; border:2px solid #fff; } /* ADMIN USER IN FORUM */ .adminMsg { height:100%; } .adminMsg .footer { clear:both; width:100%; height:25px; background:url('/images/bg_forumpen.gif') bottom right no-repeat; position:relative; } .adminMsg a { color:#FFF; } .adminMsg .messageInfo { float:left; width:205px; background-color:#ba6aff; } .adminMsg .messageInfo img { border:2px solid #000; margin-bottom:4px; } .adminMsg .content { padding:20px 20px 0px 20px; } .adminMsg .messageBody { float:left; width:600px; padding-bottom:20px; } .adminMsg .footer .reply { position:absolute; bottom:15px; left:225px; } .adminMsg .footer .inform { position:absolute; bottom:15px; right:20px; } .adminMsg .messageBody .content { padding-top:10px; } .adminMsg .messageBody h3 { font-size:100%; border-bottom:1px solid rgb(154,153,148); margin-bottom:8px; padding-bottom:8px; } .adminMsg .messageBody h3 span { font-weight:normal; } .adminMsg p { line-height:150%; } .adminMsg blockquote { padding:10px; margin-bottom:8px; border:2px solid #fff; } .threadTree { margin-bottom:12px; width:100%; } .threadTree a { color:rgb(185,105,255); } .threadTree td { vertical-align:top; padding:5px 0px; } .threadTree .thread { width:70%; } .threadTree .thread strong { display:block; } .threadTree .writer, .threadTree .date { text-align:center; padding-right:10px; } .threadTree .date { text-align:right; } .threadTree .zebra td { background-color:rgb(247,244,235); } .forumPagination { margin: 10px; width:100%; overflow:hidden; } .forumPagination li {float:left; margin-right:4px; } .forumPagination li a{color:#b969ff;} /* ----------------------------------------------------------------------------- DAILY STRIP */ .dailyStrip .date { margin-bottom:4px; color:#999999; } .dailyStrip div { margin-bottom:20px; } /* ----------------------------------------------------------------------------- ERRORS */ .errors li{clear:both; margin-left:20px; margin-bottom:10px; margin-top:5px; color:rgb(190,30,5); font-weight:bold; font-size:90%; background:url('/images/i_formmessage.gif') 0em 0.1em no-repeat; padding-left:16px; } .error404 img { margin:auto; display:block; } /* ----------------------------------------------------------------------------- UI */ .UIrollOutSwitch span { cursor:pointer; padding-right:10px; } .UIrollOutSwitch span { background:transparent url('/images/UIrollOutSwitch_closed.gif') right 0.5em no-repeat; } .UIrollOutSwitch span.active { background:transparent url('/images/UIrollOutSwitch_open.gif') right 0.5em no-repeat; } /* ----------------------------------------------------------------------------- MISC */ #category_suggest {margin-top:15px; margin-bottom:15px;} #category_suggest input{ border: 1px solid #999999; } .confirmationDialog { border:2px solid #000; background:white; padding:16px 20px; margin-bottom:20px; } .errorDialog { color:crimson; border:2px solid crimson; padding:8px; margin-bottom:20px; } .imageButton { cursor:pointer; margin-right:2px; } .basicTable { width:100%; } .basicTable thead tr { font-weight:bold; } .basicTable td { padding:2px 8px 2px 8px; xborder-bottom:1px solid rgb(150,150,150); } .basicTable .first { padding-left:0px; } .basicTable .last { padding-right:0px; text-align:right; } .basicTable tr.zebra td { background-color:rgb(240,240,240); } .userContent { margin-bottom:12px; width:100%; overflow:hidden; line-height:150%;} /* help floated images stay inside the content box */ .sideColumn .userContent, .rightColumn .userContent, .leftColumn .userContent { overflow:visible; } .multiListWrapper ul { float:left; width:50%; } p.rightButtons { text-align:right; } /* Changes by Marko 7.4.2009 */ /* - */ #layout-column_column-1 { width: 800px; } div.profileSearchBox { width: 213px; height: 156px; background: url(../images/profile_search_bg.gif) no-repeat; margin-bottom: 15px; } div.profileSearchBox input.text { background:white url(../images/input_bg.gif) top left repeat-x; border: solid 1px #000; width: 100px; margin-top: 110px; margin-left: 15px; } div.profileSearchBox input.submit { vertical-align: middle; } div.profileCreateBox { width: 227px; height: 151px; background: url(../images/profile_create_bg.gif) no-repeat; } div.profileCreateBox div.PF { padding-top: 35px; padding-left: 15px; color: #000; } div.profileCreateBox div.PF a { color: #000; } div.registration { width: 800px; } #column_right { float: right; width: 200px; } #content_slot { width: 580px; } /* Changes by Ville 12.7.2010 */ .galleria #column_right { width: 450px; } .galleria #content_slot { width: auto; } /* END changes by Ville */ #content_slot a, #content_slot a:visited { color: #080; } .ankkatv { background-image: url('/images/ankka-tv-tausta.jpg'); background-repeat: no-repeat; padding-top: 60px; padding-left: 57px; width: 775px; height: 534px; padding-bottom: 0; margin-bottom: 0; } .ankkatv_buttons { float: right; position: relative; top: -190px; left: -27px; } .ankkatv_buttons img { margin-bottom: 10px; clear: right; } .ankkatv_container { width: 800px; } .ankkatv_nytkanavalla { background-image: url('/images/nyt_kanavalla_background.gif'); background-repeat: repeat-y; } .ankkatv_nytkanavalla div { margin-top: 10px; margin-bottom: 10px; margin-left: 30px; font-size: 14px; } .ankkatv_nytkanavalla div a { text-decoration: underline; } .ankkatv_nytkanavalla div a:hover { color: #000; } .library_publication { float: left; padding-right: 20px; margin-bottom: 20px; } .library_publication img { border: solid 2px #000; margin-bottom: 10px; } .library_publication a { color: #c00; } .library_issue { float: left; } .library_issue_rate { float: right; width: 205px; } .library_issue_details { width: 540px; padding: 10px 20px; border-left: solid 2px #000; border-bottom: solid 2px #000; border-right: solid 2px #000; background: #f0eddc; } .library_issue_header { width: 540px; padding: 20px; border-left: solid 2px #000; border-top: solid 2px #000; border-right: solid 2px #000; background: #fff; } .library_issue_image { text-align: center; padding-top: 20px;} .library_issue_image img { border: solid 2px #000; } .marko_pakottaa_leveaksi { width: 804px; } .duck_gallery_item_border { border: solid 2px #000; background: #F0EDDC; } .duck_gallery_item_content img.item { } .duck_gallery_item_content { padding: 20px; text-align: center; } .duck_gallery_item_content h4 { text-align: center; } .duck_gallery_item_content_item { border-right: solid 0px #B7B39E; border-bottom: solid 0px #B7B39E; text-align: center; padding: 0; margin: 0; } .duck_gallery_item_content_item img { border: solid 1px #000; } .duck_gallery_item_previous_image { float: left; padding: 15px; text-align: center; } .duck_gallery_item_previous_image img { border: solid 1px #000; } .archive_issue { float: left; margin-right: 20px; margin-bottom: 20px; width: 120px; text-align: center; color: #f00; } .archive_issue img { border: solid 2px #000; } .archive_search { text-align: center; } .archive_search select { font: normal 10px Arial; width: 190px; } .archive_search img { margin: 15px 0 7px 0; } .subnavi { font: bold 12px "Trebuchet MS"; width: 100%; text-align: center; } .subnavi a { padding: 0 5px; text-decoration: underline;} .subnavi a:hover { color: #000; } /* PELIT & PUUHAT */ #games_wrapper { position: relative; left: -10px; width: 816px; height: 599px; background-image: url(/images/bg_akkaridekkari_pages.gif); background-repeat: no-repeat; padding-top: 130px; } #games_wrapper h1 { color: #000; font-size: 1.5em; } #games_wrapper h2 { font-size: 1.0em; padding-left: 40px; padding-bottom: 11px;} #games_left_page { float: left; padding-left: 35px; width: 350px; margin-right: 60px; } #games_right_page { float: left; } #games_description { border: solid 2px #444; width: 310px; height: 260px; background: #fff; padding: 10px; } #games_links { padding-top: 30px; } #games_links .prev { float: left; } #games_links .next { float: right; } #games_left_page .frame { height: 300px; } #flash_area { position: relative; left: -30px; } #page_Keskustelu li a { color: #70a; text-decoration: none; } #page_Keskustelu h4 a { color: #000; text-decoration: none; display: inline; } /* MAINOKSET */ .adspace { margin: 10px 0;} #front_ad_bottom_wide { position: fixed; left: 0; bottom: 0; width: 100%; margin: auto; } #front_ad_top_right { position: fixed; top: 0; right: 0; } #front_ad_bottom_wide_fixed { width: 100%; position: fixed; bottom: 0; text-align: center; border: solid 1px #0f0; overflow: hidden;} .comment { border: solid 1px #aaa; padding: 10px; background: #eee; margin-bottom: 3px;} .comment_author { margin-left: 10px; margin-top: 10px; font-style: italic; } .profileBrowseHeadline { font-size: 1.4em; } .profileBrowseHeadline a { color: #000; } .general_error { border: solid 1px #f00; background: #fff url(/images/icon_error.gif) no-repeat; background-position: 7px 50%; padding: 10px 30px; margin-bottom: 10px; } #close_page { float: right; display: block; width: 30px; height: 20px; margin-top: -110px; cursor: hand; } #kansi img { border: solid 1px #700; } #parent_content { background: #fff; padding: 10px; border: solid 1px #ddd; } .gallery_item_thumbnail { width: 150px; height: 150px; } .gallery_item_thumbnail_frontpage { width: 150px; height: 150px; float: left; border: solid 1px #888; margin-right: 10px; margin-bottom: 10px; position:relative } .gallery_item_thumbnail_frontpage_container { width: 120px; height: 120px; position: absolute; top:15px; left: 15px; } .forum_quote { background: #fff; padding: 10px; border: solid 1px #ddd; } .inline_replyform { padding: 10px; } table.small_list { border-top: solid 1px #ddd; } .small_list td { font: normal 12px Verdana; padding: 2px 2px;} .small_list tr.odd td { border-bottom: solid 1px #ddd; } table.profile { width: 100%; background: #fff; border-bottom: solid 1px #999; border-right: solid 1px #999; } table.profile td { padding: 6px; border-left: solid 1px #999; border-top: solid 1px #999; } table.profile td .large { font-size: 16px; line-height: 25px; } .medals { } .medal { background: #fff; padding: 6px; float: left; width: 240px; height: 95px; border: solid 1px #999; text-align: center; font-size: 14px; line-height: 25px; margin: 0 10px 10px 0; } .hakutulos_otsikko { font: bold 12px Verdana; padding-bottom: 5px; } .hakutulos_tarkennus { font: normal 12px Verdana; padding-bottom: 5px; } #taskari-wrapper { width: 774px; background-image: url(/images/taskari-background.gif); padding: 10px; border: solid 3px #000; font-family: "Trebuchet MS"; font-size: 14px; } #taskari-wrapper #inside { margin: 10px 30px; } #taskari-wrapper p { margin-bottom: 15px; } #taskari-wrapper a { color: #000; text-decoration: underline; } #taskari-wrapper a.taskari-button { color: #000; text-transform: uppercase; text-decoration: none; font-weight: bold; } #taskari-wrapper a:hover { color: #050; } #taskari-front-right-wrapper { float: right; width: 270px; background-image: url(/images/taskari-etusivu-green-background.gif); padding: 15px; border: solid 3px #000; margin-top: 40px; padding-top: 60px; font-size: 14px; } #taskari-front-right-wrapper #kansi { text-align: center; margin: 15px; } #taskari-front-deco { position: absolute; background-image: url(/images/taskari-etusivu-juhlalogo.gif); width: 233px; height: 100px; margin-left: -165px; margin-top: -104px; } #taskari-button { text-transform: uppercase; } #taskari-front-left { float: left; background-image: url(/images/taskari-etusivu-kuplat.jpg); width: 458px; height: 726px; } #taskari-front-left #etusivu-uutta-ja-ajankohtaista { position: absolute; margin-top: 117px; margin-left: 25px; line-height: 22px; } #taskari-front-left #etusivu-keskustelut { position: absolute; margin-top: 210px; margin-left: 240px; text-align: right; width: 180px; } #etusivu-pelit-ja-puuhat { position: absolute; margin-top: 320px; margin-left: 125px; width: 110px; height: 25px; cursor: pointer; } #etusivu-metsastajat { position: absolute; margin-top: 450px; margin-left: 245px; width: 180px; height: 50px; cursor: pointer; } #etusivu-testaa-taskaritietosi { position: absolute; margin-top: 610px; margin-left: 295px; width: 140px; height: 50px; cursor: pointer; } #etusivu-blogi { position: absolute; margin-top: 470px; margin-left: 25px; width: 140px; height: 50px; } #etusivu-blogi-linkki { position: absolute; margin-top: 420px; margin-left: 80px; width: 140px; height: 30px; cursor: pointer; } #taskari-wrapper #inside h1 { padding-top: 40px; font-size: 15px; } .blog_authors { } .blog_authors .author { width: 500px; float: left; margin-bottom: 20px; } .blog_authors .author .image { width: 150px; float: left; } .blog_authors .author .description { margin-left: 150px; font-size: 14px; } .quiz_answers td, .quiz_answers th { padding: 4px 0; vertical-align: top; border-bottom: solid 1px #555; } #sf_admin_container .double_list_select, #sf_admin_container .double_list_select-selected { width:350px; } .double_list_select { min-width: 250px; } .double_list_select-selected { min-width: 250px; } .wiki_history_preview { border: 1px solid black; width: 590px; margin: 10px; padding: 5px; } .history_preview_updater { cursor: pointer; } .game_codebraker_image_1 { position: absolute; top: 670px; left: 590px; } .game_codebraker_image_1_hidden { display: none; }