/* CSS for AfterDawn v4.0 */ /* define sprites loaded from icon-file */ .continue_reading, a.comments, .userComments a, #showMoreComments, .relatedLinksForForum li, .groupTableHolder .last_post .thread, .goToPrevious, .settingsTable a.messagesYourMessagesForum, .settingsTable a.feedbackFeedbackForum, a.writeComment, .uc .reportLink a, .post .reportLink, .uc .nick.active, .magicWand { background-image: url(https://cdn.afterdawn.fi/v4/aftericons_main.110406.png); background-repeat: no-repeat; } .promotedHeader, .thumbsUp, .thumbsDown, .voteReview .votesYes, .voteReview .votesNo, .thumbsUpBar, .thumbsDownBar, .voteIcon, .hardware_picture_link .magnGlass { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); } /* */ #innerLevel { font-size: 13px; padding: 10px 20px 10px 20px; } #innerLevel a { color: #0000bf; } #innerLevel a:visited { color: #42359c; } #innerLevel h1 { font-size: 20px; margin: 0 0 10px 0; } .crumbs, #page-info-crumbs { color: #ff8c00; font-size: 11px; font-weight: bold; padding: 6px 20px 1px 20px; } .crumbs a, #page-info-crumbs a { color: blue; } .crumbs span, #page-info-crumbs span { color: #30303d; } .crumbs.bottom { margin-bottom: 10px; } .secondary_top { position: relative; clear: both; left: -20px !important; top: 0 !important; padding: 6px 4px 3px 4px; background-color: #dddddd; width: 982px; } .frontpage .secondary_top { left: 0 !important; top: -25px !important; padding: 4px 4px 4px 4px; background-color: #dddddd; } .category_info .secondary_top { left: -18px !important; } .secondary_top * { background-color: white; border: 1px solid #505050; } #mainColumn { width: 600px; float: left; padding: 10px 50px 40px 0px; } #mainColumn.leftSideBar { float: right; padding: 10px 0px 40px 50px; } #mainColumn.narrowSideBar { width: 700px; } #mainColumn.noSideBar { width: 100%; } #mainColumn h2, #mainColumn h3 { border-bottom: 1px solid gray; clear: both; font-weight: normal; } #mainColumn h2 a, #mainColumn h3 a { text-decoration: none; } #mainColumn h2 { font-size: 18px; } #mainColumn h3 { font-size: 14px; } /*.toggleThis { visibility: hidden; }*/ /* etusivun viestiboxi */ #updateNoticeContainer { position: absolute; top: 0px; left: 50%; z-index: 900; text-align: center; } #updateNoticeContainer #updateNotice { position: relative; width: 500px; height: 100px; left: -250px; background: #fdaf4a; display: none; padding: 10px 15px 20px 15px; border: 2px solid white; } #updateNoticeContainer #updateNotice h1 { font-size: 18px; margin-top: 0; } #updateNoticeContainer #updateNotice a { color: blue !important; } #updateNoticeContainer #closeNotice { position: absolute; right: 10px; top: 5px; font-weight: bold; } .ni_spot { background-color: white; float: right; margin: 0 0 20px 20px; } .post { clear: both; line-height: 17px; color: #303030; } .post img { max-width: 600px; } .post img.alignleft { border: 0; float: left; margin: 0 20px 20px 0; max-width: 300px; } .post .meta { color: #606060; font-size: 11px; margin-top: 8px; } .post .meta .divider { margin-left: 10px; } .post .meta a.comments { background-repeat: no-repeat; font-weight: normal; padding-left: 24px; height: 24px; padding-bottom: 5px; margin-left: 10px; } .post hr { clear: both; border: 0; border-bottom: 1px solid silver; padding-top: 15px; margin-bottom: 15px; } .post ul, .post ol { clear: left; } .post h2 { border-bottom-style: none; margin: 20px 0 0 0; padding: 0; } .storycontent, .storyOptions { clear: both; } .storycontent { font-size: 14px; line-height: 18px; } .storycontent h3.aboveQuote { border-bottom:0 !important; margin:0 0 0 20px !important; padding: 0 !important; font-weight: bold !important; position: relative; top: 10px; } .storycontent blockquote { margin: 0 0 0 20px; padding: 10px 5px 10px 32px; background-color: #f3f1f0; background-image: url(https://cdn.afterdawn.fi/v4/news/quote.gif); background-repeat: no-repeat; background-position: 6px 12px; clear: both; } .storyOptions a { float: left; clear: both; } .storytitle { border: 0 !important; font-size: 19px !important; font-weight: normal; display: inline; font-weight: bold; } .storytitle a { text-decoration: underline !important; } .rss_icon { float: right; } .rss_icon img { border: 0; width: 22px; } .newsTopics, .keyWords { font-size: 12px; margin-top: 20px; margin-bottom: 20px; } .keyWords { clear: both; } .post .all_options { border: 1px solid #c0c0c0; padding: 1px 12px 3px 12px; text-align: right; } .newsArticle .all_options { margin-top: 0 !important; } .replyHolder.msgOptions { margin: 12px 0 8px 0; } .replyHolder.msgOptions .edit { float: right; margin-right: 100px; padding-top: 2px; } a.continue_reading, .feedback a { background-position: 0 1px; background-repeat: no-repeat; padding-left: 24px; display: block; float: left; clear: left; height: 22px; } a.fb_share_link { background-image: url(https://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?7:26981); } a.continue_reading { background-position: 0 -825px; } a.comments { background-position: 0 -525px; } a.writeComment { background-position: 0 -450px; background-repeat: no-repeat; display: block; float: right; font-size: 12px; font-weight: normal; margin-right: 10px; padding-left: 20px; } h3.commentHeader, a.writeComment { border-style: none !important; color: #3a3a3a; font-weight: bold !important; height: 20px; margin: 30px 10px 10px 10px; } .newsArticle .commentHeader { clear: none !important; } .platforma { clear: left; padding-top: 10px; text-align: center; } .prev_next { border-collapse: collapse; margin-top: 20px; width: 100%; } .prev_next td.prevTitle, .prev_next td.nextTitle { width: 200px; padding: 10px; vertical-align: middle; height: 64px; } .prev_next td.prevTitle { text-align: left; } .prev_next td.nextTitle { text-align: right; } .prev_next a { font-weight: bold; } .prev_next .prevArrow, .prev_next .nextArrow { background-repeat: no-repeat; width: 100px; } .prev_next.browse_news .prevArrow, .prev_next.browse_news .nextArrow { width: 20px; } .prev_next .prevArrow { background-position: right; text-align: left; } .prev_next .nextArrow { background-position: left; text-align: right; } .prev_next .prevArrow a, .prev_next .nextArrow a { background-repeat: no-repeat; border: 0; display: block; height: 64px; width: 32px; text-decoration: none; } .prev_next .prevArrow a { background-image: url(https://cdn.afterdawn.fi/v4/blackArrowLeft.png); background-position: left; float: left; width: 100%; } .prev_next .nextArrow a { background-image: url(https://cdn.afterdawn.fi/v4/blackArrowRight.png); background-position: right; width: 100%; } .searchForm { margin-bottom: 10px; padding: 0; } .searchForm .advSearch { background-color: #fbfdff; border: 1px solid silver; border-top: 0; font-size: 11px; } .searchForm .basicSearch { background-color: white; border: 1px solid silver; line-height: 23px; font-size: 15px; font-weight: bold; padding: 5px 10px; } .searchForm .advSearch div { clear: left; height: 20px; padding: 10px; } .searchForm .advSearch input, .searchForm .advSearch select { font-size: 11px; } .searchForm label { clear: left; display: block; float: left; width: 100px; margin: 0 10px 0 0; padding: 0; } .searchForm label.clickable { cursor: pointer; } .searchForm label.inline { display: inline; float: none; margin-left: 5px; margin-right: 20px; } .searchForm label.inline input { position: relative; top: 2px; margin: 0 5px 0 0; } .searchForm label.wide { width: auto; } .searchForm .row_0, .searchForm .row_1 { line-height: 21px; padding: 2px 10px; } .searchForm .row_0 { background-color: #f4f6fc; } .searchForm .advSearch .searchDatePicker { margin: 0 30px 0 10px; } .searchForm .advSearch #adv_minComments { margin-left: 20px; } /*.searchForm .toggleThis { cursor: pointer; float: right; font-size: 10px; color: blue; text-decoration: underline; text-align: right; }*/ .toggleSearchOptions { color: #0000bf; cursor: pointer; font-size: 12px; float: right; text-decoration: underline; } .searchForm .basicSearch input { width: 250px; } .searchForm .basicSearch .submit { font-weight: bold; margin-left: 5px; width: auto; } .searchResults { margin-top: 20px; } .searchResults .imgHolder { background-color: white; float: left; margin: 2px 22px 2px 0; height: 64px; width: 64px; overflow: hidden; } .searchResults img { border: 0; } .searchResults .textHolder { margin: 2px 0 2px 85px; } .news_search_result { margin-bottom: 15px; } .news_search_result a { font-size: 16px; } .news_search_result .introtext { display: block; } .news_search_result .meta_info { font-size: 12px; color: gray; } /* hardware bar >>>>>>>>>> */ .hardware_bar { border: 1px solid #c23405; padding: 0px; } .hardware_bar table { border-collapse: collapse; width: 100%; } .hardware_bar td { background-image: url(https://cdn.afterdawn.fi/v3/hardware_bar_bg_b.gif); background-repeat: repeat-x; background-position: top; padding: 10px 3px 3px 3px; } .hardware_bar table table td { background-image: none; background-color: white; padding-top: 0; font-size: 11px; text-align: center; vertical-align: top; } .hardware_bar a br { display: block; } .hardware_bar thead th { padding: 3px 3px 3px 9px; background-color: #e64707; background-image: url(https://cdn.afterdawn.fi/v4/sidebar/sidebar_h3_orange.gif); background-position: top; background-repeat: repeat-x; color: white; } /* black version */ .hardware_bar { border: 0px } .hardware_bar thead th { background-color: #303030; background-image: url(https://cdn.afterdawn.fi/v4/promotedHeader_bg_01.gif); background-position: top; background-repeat: repeat-x; color: white; font-size: 14px !important; font-weight: bold; line-height: 30px; height: 30px; padding: 0 0 0 10px; text-align: left; } /* /black version */ /* <<<<<<<<<< hardware bar */ /* glossary/index >>>>>>>>>> */ .firstLetters { height: 20px; margin-bottom: 10px; } .firstLetters a { display: block; float: left; font-weight: bold; margin-right: 10px; } .glossaryItems .goToTop { background-image: url(https://cdn.afterdawn.fi/v4/bulletArrowUp.gif); background-position: 0 5px; background-repeat: no-repeat; display: block; float: right; padding-left: 20px; } .glossaryItems .goToTop span { font-size: 11px; } .glossaryItems h2 { width: 100%; clear: both; } .glossaryIndexPage ul { float: left; margin: 0 0 20px 0; padding: 0;list-style: none; } .glossaryItems ul { width: 33% !important; } .fileExtensions ul { width: 20% !important; } .glossaryItems li { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/bullet_purple.png); background-position: 10px 50%; background-repeat: no-repeat; font-size: 12px; margin-bottom: 4px; padding-left: 30px; } p.note { clear: both; margin-bottom: 20px; width:100%; } /* <<<<<<<<<< glossary/index */ /* glossary/related >>>>>>>>>> */ ul.related_glossary_terms { list-style: none; padding:0 ; } ul.related_glossary_terms li { background-image:url(https://cdn.afterdawn.fi/famfamfam_mini_icons/bullet_black.png); background-position: 0 50%; background-repeat: no-repeat; font-weight: bold; padding: 0px 20px; margin-bottom: 4px; } /* <<<<<<<<<< glossary/related */ /* featured >>>>>>>>>> */ .featuredBox { clear: both; padding-top: 20px; text-align: center; } .featuredBox:after { content: ""; display: block; clear: both; } .promotedHeader { background-color: #303030; background-position: 0 -450px; background-repeat: repeat-x; color: white; font-size: 14px !important; font-weight: bold !important; line-height: 30px; height: 30px; padding-left: 10px !important; position: relative; text-align: left; } .promotedHeader a { color: white !important; } .shareButtonsHolder { margin: -20px; padding-top: 10px; } .shareButtonsHolder .promotedHeader { margin-bottom: 0; } .featuredItem { float: left; margin: 0 10px; width: 130px; } .featuredItem img { border: 0; width: 120px; height: 120px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding-bottom: 0; } .featuredItem span { clear: both; display: block; } .section { color: #505050; font-size: 11px; font-weight: bold; text-transform: uppercase; } .title { font-size: 12px; font-weight: bold; } a .title { text-decoration: underline; } .shareLink { display: inline; margin: 0 20px; width: 100px; } .shareLink img { border: 0; position: relative; } .shareLink:hover img { top: -3px; } .featuredList { background-color: #303030; border: 1px solid #303030; clear: both; height: 120px; } .featuredList .titleHolder { background-color: #303030; float: left; height: 60px; width: 120px; text-align: center; padding: 30px 5px; } .featuredList h2 { color: white; font-size: 14px; } .featuredList li { background-color: white; border: 1px solid #303030; border-top: 0; display: block; clear: left; height: 120px; margin: 0; padding: 0; width: 450px; } .featuredList ul { display: block; height: 121px; list-style: none; margin: 0 0 0 130px; padding: 0; position: absolute; overflow: hidden; } .featuredList .imgHolder { float: left; } .featuredList .textHolder { float: left; height: 100px; width: 300px; padding: 10px; } .featuredList .textHolder span { font-size: 13px; } .showMore { color: white; cursor: pointer; float: right; font-size: 22px; font-weight: bold; margin-top: 45px; padding-right: 2px; } .featuredList.closed ul { height: 121px; } .hardware_bar { border: 0px } .hardware_bar thead th { background-color: #303030; background-image: url(https://cdn.afterdawn.fi/v4/promotedHeader_bg_01.gif); background-position: top; background-repeat: repeat-x; color: white; font-size: 14px !important; font-weight: bold; line-height: 30px; height: 30px; padding: 0 0 0 10px; text-align: left; } /* <<<<<<<<<< featured */ /* guides >>>>>>>>>> */ #mainColumn.guideOutput { line-height: 17px; } #mainColumn.guideOutput h1 { margin: 0 !important; padding: 0 !important; } #mainColumn.guideOutput h3 { font-size: 18px; margin: 30px 0 0 0 !important; } #mainColumn.guideOutput ul { margin: 0; } #mainColumn.guideOutput li { margin-bottom: 2px; } .guidePrevNext, .guideNavigation { margin: 15px 0; } .guidePrevNext *, .guideNavigation * { margin: 0; } .guidePrevNext { text-align: right; } .guidePrevNext .next { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_go.png); background-repeat: no-repeat; background-position: right 50%; display: block; font-size: 16px; font-weight: bold; height: 20px; margin: 30px 0 10px 10px; padding-right: 25px; } .guidePrevNext span { display: none; } .guidePrevNext .prev { display: none; } .guideNavigation { border: 1px solid #6d1d6b; font-size: 14px; } .guideNavigation h4 { background-color: #6d1d6b; color: white; padding: 2px 10px; text-transform: capitalize; } .guideNavigation ol { list-style: none; padding: 0; } .guideNavigation li { margin: 0 !important; padding: 2px 10px; height: 20px;border-top: 1px solid #dda7da; } .guideNavigation li.currentPage { font-weight: bold; } .guideNavigation .row_1 { background-color: #e4d0e3; } .guideNavigation .row_0 { background-color: #e1c4e0; } .dateCreated { font-size: 11px; text-align: right; } .dateCreated .updated { color: #c50000; } /* <<<<<<<<<< guides */ /* userComments >>>>>>>>>> */ /* for download.fi v4.0 */ .uc { display: block; width: 100% !important; clear: left; } .uc .row_1, .uc .row_0, /* /for download.fi v4.0 */ .uc .oneComment { background-color: white; border: 1px solid silver; margin-bottom: 5px; padding: 0; } * html .uc .oneComment { position: relative; width: 928px; } .uc pre { background-color: white; overflow: auto; min-height: 56px; } * html .uc pre { position: relative; padding-bottom: 20px !important; } .uc .comments_header { padding: 10px 10px 0 10px; height: 20px; } .uc .nickHolder { min-width: 155px; float:left; } .uc .nick { display: block; line-height: 14px; padding-top: 4px; float: left; font-size: 16px; font-weight: bold; margin-right: 20px; text-decoration: none; width: auto; padding-right: 25px; padding-bottom: 1px; } .uc .nick.active { background-repeat: no-repeat; background-position: right -1121px; color: navy; cursor: pointer; } .uc .nick.active:hover { background-position: right -1196px; } .uc .nick.inactive { color: gray; width: 300px; } .uc .userOptions { background-color: white; border: 1px solid #add8e6; padding: 0px; position: absolute; display: none; z-index: 10;} .uc .userOptions a { background-position: 2px 3px; background-repeat: no-repeat; display: block; font-size: 12px; font-weight: normal; padding: 3px 4px 3px 26px; } .uc .userOptions a.goToMy { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/house_go.png); } .uc .userOptions a.sendPM { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/email_edit.png); } .banUser { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/user_delete.png); } .uc .userOptions a:hover { background-color: #ffffe0; } .uc .rank { line-height: 22px; } .uc .content { clear: both; font-size: 14px; line-height: 18px; padding: 2px 10px; } .uc .all_options { background-color: #e0e0e0; color: #606060; font-size: 12px; margin-top: 10px; padding: 2px 10px; } .uc .all_options .edit { color: gray; float:right; } .uc .all_options a { margin-right: 20px; } .uc .all_options .linkToThis { color: gray !important; margin-left: 2px; margin-right: 0; } .uc .smaller { font-size: 11px; } .uc hr { border: 0; border-bottom: 1px solid silver; } .uc blockquote { background-color: #f0f0f0; border: 1px solid #d0d0d0; color: #505050; margin: 0; padding: 5px 10px; margin-bottom: 10px; } .uc blockquote blockquote { background-color: #e6e6e6; border-color: #c7c7c7;color: #4c4c4c; } .uc blockquote blockquote blockquote { background-color: #dcdcdc; border-color: #bebebe; color: #494949; } * html .uc blockquote { overflow: hidden; width: auto; border-left: 0; border-right: 0; padding-left: 0; padding-right: 0; width: 706px; } .uc blockquote hr { border: 0; margin: 0; height: 5px; } .uc blockquote b i {margin-right: 5px;} .uc .reportLink { float: right; } .uc .reportLink a { background-position: 0 -675px; background-repeat: no-repeat; display: block; float: right; text-decoration: none; width: 16px; height: 16px; } .uc .reportLink.wText a { text-decoration: underline; } blockquote.code { background-color: white !important; border: 1px dashed silver; padding: 0px !important; } blockquote.code hr { height: 0; } blockquote.code pre { padding: 5px !important; margin: 0;} .all_options .deleteComment, .all_options .editComment { background-repeat: no-repeat; padding-left: 25px; } .all_options .deleteComment { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_delete.png); } .all_options .editComment { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_edit.png); } .uc p { margin-bottom: 0; } .post .reportLink { background-position: 0 -675px; } .post .editEntry { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_edit.png); } .post .deleteEntry { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_delete.png); } .post .reportLink, .post .editEntry, .post .deleteEntry { background-repeat: no-repeat; padding-bottom: 1px; padding-left: 20px; margin-left: 10px; } .oneComment .replyHolder { clear: both; display: block; height: 20px; position: relative; width: 100%; } .quickReply { padding: 0 10px; text-align: right; position: absolute; right: 0px; top: 0;} .quickReply .answerButton { background-color: #accbff; border: 1px solid #164084; cursor: pointer; color: #011c4a; font-size: 12px; font-weight: bold; padding-bottom: 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; } .quickReply .answerButton:hover { background-color: #ffffe0; border-color: #002000; color: black; } .uc .info { clear: both; line-height: 20px; margin-top: 10px; } .uc .info .rating { background-repeat: no-repeat; background-position: -5px 0; display: block; float: left; width: 75px; height: 19px; margin-right: 20px; } .uc .info .rating.stars_5 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_5_0_b.gif); } .uc .info .rating.stars_4 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_4_0_b.gif); } .uc .info .rating.stars_3 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_3_0_b.gif); } .uc .info .rating.stars_2 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_2_0_b.gif); } .uc .info .rating.stars_1 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_1_0_b.gif); } /* forums */ a.forum_link { color: black !important; border-bottom: 1px dotted #303030; text-decoration: none; } a.forum_link:hover { border-bottom-style: solid; } .uc .mainMessageArea.content { padding: 10px !important; } .uc .first_forum_mainos/*, .uc .last_forum_mainos*/ { display: block; text-align: center; margin: 15px;} /*.uc .leftHand_mainos, .uc .rightHand_mainos { display: inline; margin: 15px; }*/ .uc .first_forum_mainos */*, .uc .leftHand_mainos *, .uc .rightHand_mainos **/ { border: 1px solid #f5e19d; } .last_forum_mainos { min-height: 290px; position: relative; } .last_forum_mainos:after { content:""; clear: both; display: block; } /*.leftHand_mainos { text-align: right; } .rightHand_mainos { left: 330px; text-align: right; } .leftHand_mainos, .rightHand_mainos { position: absolute; top: 15px; width: 460px; }*/ .leftHand_mainos { float: left; margin-left: 150px; } .rightHand_mainos { float: right; margin-right: 150px; } /* stylet edukkaan nostoa varten 29.12.2011 */ .last_forum_mainos.adfin_forums .leftHand_mainos { float: none; margin-left: 0; position: relative; top: 10px; } .last_forum_mainos.adfin_forums .rightHand_mainos { float: none; margin-right: 0; position: absolute; right: 0; top: 10px; width: 602px; box-shadow: 0 0 0 5px #62a453; border-radius: 3px; } .last_forum_mainos.adfin_forums .leftHand_mainos iframe { border-color: white; } .last_forum_mainos.adfin_forums .rightHand_mainos iframe, .rightHand_mainos .iframe { border: 1px solid #96c28c !important; } /* /stylet edukkaan nostoa varten 29.12.2011 */ /*.rightHand_mainos iframe, .leftHand_mainos iframe { border: 1px solid #4c5a89; }*/ .uc .forumPost.oneComment { background-image: url(https://cdn.afterdawn.fi/v4/forums/message_bgContent_02.gif); background-position: left; background-repeat: repeat-y; border-color: #c2bba3; } .uc .forumPost .comments_header { float: left; width: 180px; } .uc .forumPost .comments_header span.rank { clear: both; display: block; padding-top: 10px; } .uc .forumPost .content { clear: none; margin-left: 200px; min-height: 60px; } .uc .forumPost .topBar { background-color: #ffeaa0; background-image: url(https://cdn.afterdawn.fi/v4/forums/forums_allOptions_bg.gif); background-position: right; background-repeat: repeat-y; border-bottom: 1px solid #c2bba3; font-size: 12px; padding: 2px 10px; } .uc .mainMessageArea { font-size: 14px; line-height: 18px; } .uc .forumPost .topBar span, .uc .forumPost .topBar span a { color:#5f4400 !important;} .uc .forumPost .topBar .msgRow { float: right; } .uc .forumPost .msgOptions { margin-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 100px; position: relative; text-align: right; } .uc .forumPost .msgOptions form { } .uc .msgOptions a { margin-right: 20px; padding-left: 20px; background-repeat: no-repeat; padding-bottom: 1px; } .uc .msgOptions .editComment { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_edit.png); } .uc .msgOptions .deleteComment { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_delete.png); } .uc .forumPost.row_1 { } .uc .forumPost.row_0 { } .uc .forumPost .rank { line-height: 14px; padding-top: 14px !important; } .uc .rank_Admin .rank, .uc .rank_Moderator .rank { font-weight: bold; } .uc .rank_Suspended .rank, .uc .rank_Inactive .rank, .uc .rank_Account .rank { color: #8b0000; } .uc .dateEdited { color: #505050; font-size: 11px; font-weight: bold; margin-top: 10px; } .uc .msgOptions { height: 18px; } .uc .forumPost img { max-width: 728px; } .uc .forumPost blockquote img { max-width: 710px; } .threadHolder .post { margin-bottom: 40px; } .threadHolder .tags { background-color: white; border: 1px solid silver; font-weight: bold; padding: 5px; margin-bottom: 5px; } .threadHolder .tagsTitle { padding-left: 20px; background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/tag_green.png); background-repeat: no-repeat; } .threadHolder .tagsTitle, .threadHolder .tags a { margin-right: 5px; } .relatedLinksForForum { margin-bottom: 30px; } .relatedLinksForForum h3 { font-size: 16px !important; font-weight: bold !important; } .relatedLinksForForum ul { padding-left: 0; } .relatedLinksForForum li { background-position: 0 -148px; background-repeat: no-repeat; line-height: 20px; list-style: none; margin-bottom: 10px; padding-left: 20px; } .relatedLinksForForum a { display: block; font-size: 14px; font-weight: bold; margin-right: 10px !important; } /* /forums */ /* list of reviews of a user */ .listUserReviews .product_name { font-size: 18px; } .listUserReviews .productPicture { float: left; margin: 10px; } .listUserReviews .meta { color: gray; margin: 20px 0 0 100px; } .listUserReviews .content { margin-top: 0 !important; padding-top: 0 !important; } .listUserReviews .price a { color: red !important; float: right; font-size: 18px; margin-right: 10px; } .listUserReviews .features { width: 320px; } /* forums & guides index */ .groupTableHolder .promotedHeader { border-bottom: 0 !important; margin-bottom: 0; } .groupTableHolder table { background-color: white; border: 1px solid #303030; clear: both; margin: 0 0 10px 0; width: 100%; } .groupTableHolder th { background-color: #606060; color: #e0e0e0; padding: 2px 10px 2px 10px; font-size: 12px; white-space: nowrap; } .groupTableHolder .headerDropShadow th{ border-top: 2px solid #505050; padding-top: 0; } .groupTableHolder td { border-top: 1px solid white; padding: 4px 10px; } .groupTableHolder .posts, .groupTableHolder .threads { text-align: right; width: 80px; } .groupTableHolder .last_post { width: 200px; } .groupTableHolder .row_1 td { background-color: #f6f6f6; border-bottom: 1px solid #d6d6d6; } .groupTableHolder .row_0 td { background-color: #f2f2f2; border-bottom: 1px solid #d2d2d2; } .groupTableHolder .forum_title { background-image: url(https://cdn.afterdawn.fi/v4/forums/icon_folder.gif); background-position: 8px 50%; background-repeat: no-repeat; padding-left: 70px; } .groupTableHolder td.guide_title { background-image: url(https://cdn.afterdawn.fi/v4/guides/book.gif); background-position: 20px 50%; background-repeat: no-repeat; padding-left: 70px; } .groupTableHolder .last_post .thread { background-position: 0 -150px; background-repeat: no-repeat; padding-left: 20px; display: block; } .groupTableHolder .thread_info { font-size: 12px; padding-left: 20px; } .groupTableHolder h3 { border-bottom: 0 !important; font-size: 17px !important; font-weight: bold !important; margin: 5px 0 !important; } .groupTableHolder h3 a { text-decoration: underline !important; } .groupTableHolder p { margin-top: 0 !important; } .groupTableHolder .thread_icon { background-image: url(https://cdn.afterdawn.fi/v4/forums/threadIcons.110223.gif); background-repeat: no-repeat; background-position: 9px 50%; font-size: 0; padding: 0; width: 24px; } .groupTableHolder .status_1 .thread_icon { background-position: -91px 50%; } .groupTableHolder .status_2 .thread_icon { background-position: -141px 50%; } .groupTableHolder .replied .thread_icon { background-position: -191px 50%; } .groupTableHolder .status_2 .thread_title a { color: #525252 !important; text-decoration: line-through; } .groupTableHolder .status_2 .thread_title a:visited { color: #808080 !important; } .groupTableHolder .sticky .thread_icon { background-position: -41px 50%; } .groupTableHolder .thread_title { padding-top: 7px; padding-bottom: 7px; } .groupTableHolder .sticky .thread_title { font-weight: bold; } .groupTableHolder .thread_title .thread_status { color: #505050; } .groupTableHolder .forum_room { width: 140px; } .groupTableHolder .date { font-size: 12px; } .groupTableHolder .date { white-space: nowrap; width: 100px; } .groupTableHolder .admin_options { font-size: 12px;height: 20px;} .groupTableHolder .admin_options .edit { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/pencil.png); background-repeat: no-repeat; display: block; float: left; height: 20px; padding-left: 20px; } .groupTableHolder .keywords { color: gray; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .groupTableHolder .keywords a { color: gray !important; } .groupTableHolder .price, .groupTableHolder .rating { width: 100px; } .groupTableHolder .price { text-align: right; } .groupTableHolder .comparisonTable .price { text-align: left; } .groupTableHolder .price a { color: #e00000 !important; font-size: 18px; } .groupTableHolder .rating { text-align: center; } .groupTableHolder .rating a { text-decoration: none; } .groupTableHolder .rating img { margin: 0 20px; } .groupTableHolder .list_thumb { padding-left: 10px; padding-right: 20px; width: 62px; } .groupTableHolder .model { width: 516px; } .groupTableHolder .model a { font-size: 15px !important; font-weight: bold; } .groupTableHolder .toggleThis { background-image: url(https://cdn.afterdawn.fi/v4/bulletArrowWhite.png); background-position: 0 -16px; cursor: pointer; display: block; width: 16px; height: 16px; float: right; margin: 8px 11px 1px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0; } .groupTableHolder.open .toggleThis { background-position: 0 0; } .groupTableHolder .toggleThis:hover { background-color: #636363; border: 1px solid silver; margin: 7px 10px 0px 0px; } .groupTableHolder .toggleThis span { display: none; } .promotedHeader .toggleThis { position: absolute; top: -1px; right: 2px; } .groupTableHolder .question { margin: 0 0 17px 14px; } .groupTableHolder.closed .question { display: none; } /* /forums &guides index */ /* toggle for hardware */ .mainCategory .toggleThis { background-image: url(https://cdn.afterdawn.fi/v4/bulletArrowBlue.png); background-position: 0 -16px; cursor: pointer; display: block; width: 16px; height: 16px; float: right; margin: 1px 11px 1px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0; } .mainCategory.open .toggleThis { background-position: 0 0; } .mainCategory .toggleThis:hover { background-color: #f0f0f0; border: 1px solid silver; margin: 0px 10px 0px 0px; } .mainCategory .toggleThis span { display: none; } /* /toggle for hardware */ /* hardware */ .productSearch { border: 3px solid #149409 !important; position: relative; left: -2px; } .productSearch form { background-color: #fffea9; border: 1px solid white; padding: 5px !important; } .productSearch h3 { background-color: transparent !important; background-image: none !important; color: black !important; font-size: 12px !important; margin: 3px 0 7px 0 !important; padding: 0 !important; } .productSearch input { width: 200px; } .productSearch input, .productSearch select { font-size: 11px; margin: 2px 0 3px 0; padding: 0; } .productSearch option { padding: 0 !important; width: 185px; } /* hardware index */ .compare_button_holder { float: left; } #compareBasket { z-index: 100; background: wheat none repeat scroll 0% 0%; position: fixed; bottom: 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; left: 0pt; width: 100%; text-align: center; display: none; } .reviewedBox .featuredItem { background-color: white; padding: 10px; width: 274px !important; } .reviewedBox .featuredItem img { width: 80px; height: 60px; float: left; margin: 0 10px 10px 0; } .reviewedBox .featuredItem p { color: red; display: block !important; margin-left: 90px !important; width: 183px; } .listReviews .oneItem { border: 0; margin: 1px; cursor: pointer; } .listReviews .oneItem.selected { background-color: #ffffe0; cursor: default; border: 1px solid black; margin: 0; } .mainCategory h1, .subCategory { border-bottom: 1px solid silver; } .mainCategory h1 { font-size: 14px !important; margin: 10px 0 0 0; padding: 25px 0 5px 0; } .manufacturerList { margin-bottom: 20px; } .manufacturerList div { font-size: 12px; margin-bottom: 2px; } .manufacturerList span { color: gray; } .subCategory h2 { font-size: 14px; margin: 10px 0 2px 0; padding: 0; } .subCategory { padding: 0 0 8px 0; } .subCategory .quickLinks { font-size: 12px; margin-bottom: 2px; } .reviewedBox .featuredItem p { color: #404040; font-size: 12px; margin: 0; } .reviewedBox .oneItem { background-color: white; margin-bottom: 2px; padding: 2px 5px; } .ratingHolder { height: 20px; margin-top: 5px; } .ratingHolder span.user { display: inline; margin-left: 10px; color: gray; } .starHolder { background-image: url(https://cdn.afterdawn.fi/v4/download/star5.gif); background-position: 0 0; background-repeat: no-repeat; height: 16px; width: 17px; float: left; clear: none; } .starHolder.s_1, .rating_2 .s_2, .rating_3 .s_2, .rating_4 .s_2, .rating_5 .s_2, .rating_3 .s_3, .rating_4 .s_3, .rating_5 .s_3, .rating_4 .s_4, .rating_5 .s_4, .rating_5 .s_5 { background-position: 0 -32px; } .topListHolder { clear: both; padding-top: 10px; } .topListHolder.columns_3 .oneList { width: 32%; float: left; margin-right: 8px; margin-top: 0; } .oneList h3 { font-weight: bold !important; margin: 0 0 5px 0; } /* /hardware index */ /* forums paging */ .forumPagingHolder { clear: both; } .forumPaging { margin: 5px auto; } .forumPaging td { padding: 2px; text-align: center; vertical-align: middle; white-space: nowrap; } .forumPaging td a { background-repeat: no-repeat; display: block; } .forumPaging td.page a { background-image: url(https://cdn.afterdawn.fi/v4/paging_page2.gif); background-position: 50% 0; color: blue !important; font-weight: bold; line-height: 24px; width: 28px; height: 24px; text-align: center; text-decoration: none; } .forumPaging td.page a:hover { color: #4040ff !important; } .forumPaging td.page.current a { background-position: 50% -24px; color: orange !important; } .forumPaging td.button a { background-image: url(https://cdn.afterdawn.fi/v4/paging_arrow.gif); font-size: 0; width: 32px; height: 32px; } .forumPaging td.button span { display: none; } .forumPaging td.button.first a { background-position: 0 0; } .forumPaging td.button.first.disabled a { background-position: -32px 0; } .forumPaging td.button.prev a { background-position: 0 -96px; } .forumPaging td.button.prev.disabled a { background-position: -32px -96px; } .forumPaging td.button.next a { background-position: 0 -64px; } .forumPaging td.button.next.disabled a { background-position: -32px -64px; } .forumPaging td.button.last a { background-position: 0 -32px; } .forumPaging td.button.last.disabled a { background-position: -32px -32px; } .forumPaging .label { font-weight: bold; width: 100px; text-align: right; padding-right: 20px; } /* /forums paging */ /* pagination-default */ .pagination-default { clear: both; margin: 5px auto; } .pagination-default td { padding: 2px; text-align: center; vertical-align: middle; white-space: nowrap; } .pagination-default td a { background-repeat: no-repeat; display: block; } .pagination-default td.page a { background-image: url(https://cdn.afterdawn.fi/v4/paging_page2.gif); background-position: 50% 0; color: blue !important; font-weight: bold; line-height: 24px; width: 28px; height: 24px; text-align: center; text-decoration: none; } .pagination-default td.page a:hover { color: #4040ff !important; } .pagination-default td.page.current a { background-position: 50% -24px; color: orange !important; } .pagination-default td.button a { background-image: url(https://cdn.afterdawn.fi/v4/paging_arrow.gif); font-size: 0; width: 32px; height: 32px; } .pagination-default td.button span { display: none; } .pagination-default td.button.first a { background-position: 0 0; } .pagination-default td.button.first.disabled a { background-position: -32px 0; } .pagination-default td.button.prev a { background-position: 0 -96px; } .pagination-default td.button.prev.disabled a { background-position: -32px -96px; } .pagination-default td.button.next a { background-position: 0 -64px; } .pagination-default td.button.next.disabled a { background-position: -32px -64px; } .pagination-default td.button.last a { background-position: 0 -32px; } .pagination-default td.button.last.disabled a { background-position: -32px -32px; } .pagination-default .label { font-weight: bold; width: 100px; text-align: right; padding-right: 20px; } /* /pagination-default */ .forumButtons { height: 46px; } .forumButtons.upper { margin-bottom: 5px; } .forumButtons.lower { position: relative; top: -5px; } span.newThread { background-image: url(https://cdn.afterdawn.fi/v4/forums/newThreadBg.gif); background-position: 0 50%; background-repeat: repeat-x; border: 1px solid black; display: block; float: right; margin: 5px 0; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; } span.newThread a { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/add.png); background-position: 7px 50%; background-repeat: no-repeat; border-width: 2px; border-style: solid; border-top-color: #edff7d; border-right-color: #51b720; border-bottom-color: #369e02; border-left-color: #58c423; color: blue !important; font-weight: bold; display: block; padding: 7px 10px 7px 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } span.newThread a:hover { border-bottom-color: #78ff04; border-left-color: #51b720; border-top-color: #6bd138; border-right-color: #58c423; } .forumView .forumPagingHolder { clear: none; margin: 0 160px; } span.threadSubscribe { background-image: url(https://cdn.afterdawn.fi/v4/forums/subscribeButtonBg.gif); background-position: 0 50%; background-repeat: repeat-x; border: 1px solid black; display: block; float: right; margin: 5px 0; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; } a.unsubscribeButton { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/action_stop.gif); background-position: 7px 50%; background-repeat: no-repeat; padding: 7px 10px 7px 30px !important;} a.subscribeButton { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/add.png); background-position: 7px 50%; background-repeat: no-repeat; padding: 7px 10px 7px 30px !important;} span.threadSubscribe a { border-width: 2px; border-style: solid; border-top-color: #c3d9ff; border-right-color: #6382b6; border-bottom-color: #49689c; border-left-color: #6d8cc0; color: blue !important; font-weight: bold; display: block; padding: 7px 10px 7px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } span.threadSubscribe a:hover { border-bottom-color: #8aa9dd; border-left-color: #6382b6; border-top-color: #7d9cd0; border-right-color: #6d8cc0; } .forumButtons.nextToTools { float: right; clear: none; } .threadStatusInfo { border: 2px solid gray; font-weight: normal; margin-top: 20px; padding: 10px; } .threadStatusInfo.closed { overflow: hidden; min-height: 75px; padding-left: 45px; position: relative; } .threadStatusInfo.closed .iconContainer { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); background-repeat: no-repeat; background-position: -60px -558px; position: absolute; top: 10px; left: 17px; width: 12px; height: 55px; } .threadTools { width: 660px; } .threadTools span { display: block; float: left; height: 20px; min-width: 220px; } .threadTools span a { padding-left: 25px; background-position: 0 50%; background-repeat: no-repeat; } .threadTools a.moveThread { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/folder_page_white.png); } .threadTools a.closeThread { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/lock.png); } .threadTools a.openThread { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/lock_open.png); } .threadTools a.editThread { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/pencil.png); } .threadTools a.hideThread { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_delete.png); } .threadTools a.addNote { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/note.png); } .threadTools a.stickyThis { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_ruby.png); } /* forum search */ .searchForm .fieldUsers, .searchForm .fieldWords { background-color: white; clear: both; display: none; border-left: 1px solid black; border-right: 1px solid black; padding: 10px 0;} .searchForm .fieldForums { border: 1px solid black; border-top: 0; padding-bottom: 10px; } .searchForm.users .fieldUsers, .searchForm.words .fieldWords { display: block; } .searchForm .labels { border-bottom: 1px solid black; font-size: 12px; padding: 3px; } .searchForm .labelWords, .searchForm .labelUsers { background-color: silver; border: 1px solid black; cursor: pointer; font-weight: bold; margin: 0 5px; padding: 3px 10px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; } .searchForm.words .labelWords, .searchForm.users .labelUsers { background-color: white; border-bottom-color: white; } .searchForm label { display: block; float: left; margin: 5px; width: auto; min-width: 120px; } .searchForm .radio_label { cursor: pointer; display: inline; float: none; } .searchForm hr { clear: both; border: 0; } /* /forum search */ /* <<<<<<<<<< userComments */ /*.leftSideBar.narrowSideBar { padding-left: 0 !important; width: 730px !important; }*/ /* hardware */ /* new index 11.1.2010 */ .productCategories { width: 950px; } .productCategories .ni_spot { border: 1px solid green; width: 300px; height: 250px; float: right; clear: none; } .productCategories h1 { border-bottom: 0; } .productCategories .mainCategory { background-position: 0 15px; background-repeat: no-repeat; float: left; margin-right: 15px; width: 150px; padding-left: 40px; } .mainCategory.column_1 { background-image: url(https://cdn.afterdawn.fi/v4/icons/tango/32x32/devices/consumer-electronics.png); } .mainCategory.column_2 { background-image: url(https://cdn.afterdawn.fi/v4/icons/tango/32x32/devices/computer.png); } .mainCategory.column_3 { background-image: url(https://cdn.afterdawn.fi/v4/icons/tango/32x32/devices/multimedia-player.png); } .productCategories ul { font-size: 12px; margin: 0; padding: 0; list-style: none; } .productCategories li { font-size: 13px; margin-bottom: 5px; } .toggleSubCategories { cursor: pointer; text-decoration: underline; } .hiddenByDefault { display: none; } .popManufacturers { margin: 0; padding: 0; list-style: none; } .popManufacturers li { margin-bottom: 10px; } .popManufacturers a { font-weight: bold; } .manufacturerCategories { font-size: 11px; } .manufacturerCategories a { font-weight: normal; } .featuredHolder { clear: both; width: 950px; min-height: 400px; position: relative; } .featuredHolder .title { display: block; font-size: 15px; margin-bottom: 3px; width: 250px; } .featuredHolder .section { display: block; width: 250px; } .featuredHolder .price { font-size: 15px; font-weight: bold;position: absolute; right: 0; top: 0; } .featuredHolder .price a { color: red !important; } .featuredHolder .commentInfo { display: block; line-height: 18px;margin: 10px 0; } .featuredHolder .commentInfo a { font-weight: bold; } .featuredHolder .date { color: #505050; } .ratingDetails { float: right; font-weight: bold; width: 330px; } .featuredHolder h2 { padding-top: 30px !important; } .featuredHolder .oneItem { padding-left: 170px; position: relative; width: 440px; float: left !important; clear: none; margin: 0 !important; } .featuredHolder .oneItem.not-selected { display: none; } .thumbHolder { position: absolute; left: 0; top: 0; width: 150px; } .listThumbHolder { margin: 0; position: relative; } .listThumbHolder span { background-color: rgba(230, 230, 230, 0.5); position: absolute; width: 109px; bottom: 1px; left: 1px; padding: 2px 0 3px 30px; } .thumbHolder img { border: 0; margin-top: 20px; width: 150px; } .listThumbHolder img { background-color: white; border: 1px solid silver; width: 133px; padding: 0px 3px 10px 3px; } .listThumbHolder:hover img { border-color: gray; } .otherFeaturedItems { float: right; width: 310px; } .otherFeaturedItems .listItem { float: left; margin-left: 10px; } .otherFeaturedItems .listItem { border-width: 1px; border-style: solid; padding-bottom: 0; margin-bottom: 8px; height: 114px; } .otherFeaturedItems .listItem.not-selected { border-color: white; } .otherFeaturedItems .listItem.selected { border-top-color: white; border-left-color:white; border-right-color: silver; border-bottom-color: #a0a0a0; } .otherFeaturedItems .listItem.selected img { border-color: #fedc60 !important; } .listThumbHolder { border-width: 1px; border-style: solid; } .not-selected .listThumbHolder { border-color: white; } .selected .listThumbHolder { border-color: orange; } .otherFeaturedItems .not-selected:hover .listThumbHolder { border-color: gray; } .otherFeaturedItems .listItem a { display: block; height: 112px; margin: 0 !important; padding: 0 !important; } .commentHolder .user { color: #777777; font-size: 15px; font-weight: bold; line-height: 30px; } .topListHolder.compareIndex .oneList { position: relative; } .topListHolder.compareIndex h3 { padding: 2px; } .topListHolder.compareIndex .prices_from_title { position: absolute; top: 4px; right: 12px; width: 80px; text-align: right; font-size: 11px; color: #505050;} .topListHolder.compareIndex .oneItem { padding: 2px; position: relative; margin-right: 10px; margin-bottom: 4px;} .topListHolder.compareIndex .row_0 { background-color: #f0f0f0; } .topListHolder.compareIndex .title { display: block; max-width: 230px; } .topListHolder.compareIndex .price { font-size: 12px; font-weight: bold; position: absolute; right: 2px; top: 2px; } .topListHolder.compareIndex .price a { color:red !important; } /* /new index */ #compareBasket { background-color: transparent !important; z-index: 100; position: fixed; bottom: 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; left: 0pt; width: 100%; text-align: center; background-image: url(https://cdn.afterdawn.fi/v4/compare/basketBg.gif); background-repeat: repeat-x; background-position: 0 16px; } #compareBasket .dropShadow { background-image: url(https://cdn.afterdawn.fi/v4/compare/basketDropShadow2.png); height: 16px; } #compareBasket h3 { margin: 0; display: none; } #compareBasket .compareHolder { border-top: 1px solid silver; height: 45px; width: 990px; margin-left: auto; margin-right: auto; position: relative; } #compareBasket .compareHolder div { margin: 8px 20px; } #compareBasket .compareTitle { position: absolute; left: 0px; top: 5px; } #compareBasket .compareHolder form { position: absolute; left: 20px; top: 10px; } #compareBasketDeviceContainer { position: absolute; left: 100px; top: 5px; text-align: left; margin-right: 150px; } #compareBasket .productInBasket { background-color: transparent !important; font-weight: bold; padding: 0 5px;} #compareBasket .productInBasket a { background-color: #aabdad; padding: 3px 18px 3px 5px; border: 1px solid #eaeaea; text-decoration: underline !important; background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/bullet_delete.png); background-position: right; background-repeat: no-repeat; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; white-space: nowrap;} #compareBasket .productInBasket a:hover { background-color: rgba(255, 255, 255, 0.5); } .hardware_category h1, .hardware_category p { margin-left: 10px !important; } .hardware_category p { display: block; clear: both; } .drilldownNavigation { padding-top: 0 !important; } .drilldownNavigation .rightBar_box { border: 0 !important; } .drilldownNavigation h3 { background-color: transparent !important; background-image: none !important; border-bottom: 1px solid silver; color: #505050 !important; float: left; font-size: 13px !important; margin: 10px 0 0 5px !important; padding: 0 !important; } .drilldownNavigation ul { clear: left; } .drilldownNavigation li { background-color: transparent !important; } .drilldownNavigation li span { color: #505050; font-size: 11px; margin-left: 5px; } .compareTopSection { margin-bottom: 10px; width: 100%; } .hwpic_holder { width: 222px; vertical-align: top; } .hwpic_holder div { margin: 5px 15px 5px 5px; width: 200px !important; } .hardware_picture { width: 200px; } .hwdetails_holder { padding: 5px; vertical-align: top; } .hwdetails_holder h1 { font-size: 18px !important; margin: 0 !important; width: 220px; } .hwdetails_holder div { font-size: 12px; line-height: 20px; } .hwdetails_holder .manufacturerInfo { font-size: 12px; padding: 8px 0 0 0;} .hwdetails_holder .features { clear: both; ; font-size: 14px; } .hwoptions_holder { background-color: #ebf3ea; border: 2px solid #9dc399; margin-top: 15px; } .hwoptions_holder hr { clear: both; margin: 0; visibility: hidden; } .hwdetails_holder .hwTitleHolder table { width: 100%; } .hwdetails_holder .priceHolder { text-align: right; } .hwdetails_holder a.price { color: red !important; font-size: 20px; font-weight: bold; line-height: 33px; } .hardware_picture_link { border: 1px solid white; display: block; padding: 4px; position: relative; width: 100%; } .hardware_picture_link .magnGlass { position: absolute; top: 0; right: 0; width: 16px !important; height: 16px; margin: 0 !important; background-repeat: no-repeat; background-position: -160px -520px; } .hardware_picture_link:hover { border-color: silver; } .hardware_picture_link:hover .magnGlass { background-position: -160px -500px; } .hwrating_holder { padding: 8px 0; } .hwrating_holder img { float: left; position:relative; left: -4px; } .hwoptions { font-size: 12px; padding: 5px; } .hwoptions a { background-position: 0 4px; background-repeat: no-repeat; display: block; float: left; height: 22px; margin: 0 5px; overflow: hidden; white-space: nowrap; width: 40%; padding-left: 22px; } .review_hwitem { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/star.png); background-position: 0 2px !important; } .submit_new_picture { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/picture_add.png) } .add_to_cart { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/basket_put.png); } .compare_hwitem { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/application_tile_horizontal.png); } .product_specs, .product_price { clear: both; } .paging, .display_items, .sorting_options { color: #404040; padding: 5px 11px; font-size: 12px; } .display_items { float: left; } .sorting_options { float: right; } .hardware_table td { padding: 5px 10px; } .hardware_table th { background-color: #303030; background-image: url(https://cdn.afterdawn.fi/v4/hw_tableHeaderBg.gif); background-repeat: repeat-x; background-position: 0 -10px; color: #f0f0f0; font-size: 12px; padding: 2px 10px; } .hardware_table th a { color: #f0f0f0 !important; } .hardware_table { border: 1px solid #d0d0d0; clear: both; width: 100%; } #hardware_list.hardware_table { border-color: #8d8d8d; } td.check_to_compare { width: 23px; padding: 5px 0 5px 1px !important; } td.check_to_compare input { cursor: pointer; } td.list_thumb { width: 60px; height: 60px; vertical-align: middle !important; } td.list_thumb img { background-color: white; border: 1px solid #dadada; width: 60px; height: 45px; } .popularity { text-align: left; width: 69px; } th.model a { margin-left: 15px; } td.list_thumb { padding-left: 24px; } td.model { padding-left: 0; } th.popularity a, td.popularity img { margin-left: 15px; } th.model.sort_by_abc, th.popularity.sort_by_pop, th.price.sort_by_price { background-color: #606040; background-position: 0 -50px; } th.model.sort_by_abc a, th.popularity.sort_by_pop a, th.price.sort_by_price a { background-image:url(https://cdn.afterdawn.fi/v3/hardware/hw_arrow_d.gif); background-position: 0 3px; background-repeat: no-repeat; padding-left: 15px; margin-left: 0px; } td.popularity img { /*display:none;*/ } td.popularity div { background-image: url(https://cdn.afterdawn.fi/v4/compare/hw_pop.png); background-repeat: no-repeat; margin-left: 14px; width: 40px; height: 17px; } .hw_pop_06 { background-position: 0 -17px; } .hw_pop_05 { background-position: 0 -34px; } .hw_pop_04 { background-position: 0 -51px; } .hw_pop_03 { background-position: 0 -68px; } .hw_pop_02 { background-position: 0 -85px; } .hw_pop_01 { background-position: 0 -102px; } th.price span.price_in_uk, th.price span.price_in_us, th.price span.price_in_de, th.price span.price_in_fi { background-position: 0 50%; background-repeat: no-repeat; display: block; min-width: 53px;} th.price span.price_in_uk { background-image: url(https://cdn.afterdawn.fi/v4/topBar/flags/gb.gif); } th.price span.price_in_us { background-image: url(https://cdn.afterdawn.fi/v4/topBar/flags/us.gif); } th.price span.price_in_de { background-image: url(https://cdn.afterdawn.fi/v4/topBar/flags/de.gif); } th.price span.price_in_fi { background-image: url(https://cdn.afterdawn.fi/v4/topBar/flags/fi.gif); } #hardware_list .price { text-align: right; } #hardware_list td.price { font-size: 15px; font-weight: bold; } .add_to_shopping_list { width: 16px; } a.add_to_basket { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/basket_put.png); background-repeat: no-repeat; display: block; width: 16px; height: 16px; } a.add_to_basket span { display: none;} td.model .synonyms { background-color: rgba(0,0,0,0.1); border: 1px solid silver; display: block; float: left; font-size: 11px; margin: 5px 0; padding: 5px; } td.model .synonyms:after { content: ""; clear: both; display: block; } td.model .features { color: #505050; clear: both; font-size: 12px; margin-top: 3px; } a.model_name { font-size: 18px; } .model a.rating { background-repeat: no-repeat; background-position: -5px 0; display: block; float: left; width: 75px; height: 19px; padding-left: 75px; font-size: 11px; line-height: 20px;} .model a.rating.stars_50 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_5_0_b.gif); } .model a.rating.stars_45 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_4_5_b.gif); } .model a.rating.stars_40 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_4_0_b.gif); } .model a.rating.stars_35 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_3_5_b.gif); } .model a.rating.stars_30 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_3_0_b.gif); } .model a.rating.stars_25 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_2_5_b.gif); } .model a.rating.stars_20 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_2_0_b.gif); } .model a.rating.stars_15 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_1_5_b.gif); } .model a.rating.stars_10 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_1_0_b.gif); } .product_specs .row_1, .product_specs .row_0 { border: 1px solid #d0d0d0; clear: both; height: auto; margin: 2px 0; position: relative; } .product_specs .row_1, .hardware_table .row_1 td { background-color: #fcfcfc !important; } .product_specs .row_0, .hardware_table .row_0 td { background-color: #f4f4f4; } .hardware_table .row_1 td.list_thumb.sort_by_abc, .hardware_table .row_1 td.model.sort_by_abc, .hardware_table .row_1 td.popularity.sort_by_pop, .hardware_table .row_1 td.price.sort_by_price { background-color: #fefee5 !important; } .hardware_table .row_0 td.list_thumb.sort_by_abc, .hardware_table .row_0 td.model.sort_by_abc, .hardware_table .row_0 td.popularity.sort_by_pop, .hardware_table .row_0 td.price.sort_by_price { background-color: #fdfcda !important; } .hardware_table .row_1 td.check_to_compare { background-color: #e8e8e8 !important; } .hardware_table .row_0 td.check_to_compare { background-color: #e0e0e0 !important; } .product_specs table { width: 100%; } .product_specs td { padding: 8px 10px; vertical-align: top; } .product_specs .label { width: 200px; } .product_specs .feature_explanation { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/help.png); background-repeat: no-repeat; display: block; float: right; font-size: 0; font-weight: normal; margin-left: 5px; width: 16px; height: 16px; } .product_specs .label, .hardware_table .feature_name { font-size: 14px; font-weight: bold; margin-right: 10px; text-align: right; width: 200px; } .hardware_table td.price { font-size: 18px; padding: 5px 10px; } .hardware_table .desc { font-size: 10px; } .hardware_table .date { font-size: 10px; width: 70px; } .hardware_table td.price a { color: red !important; } .product_specs span.value { width: 500px; } .product_specs .feature_unknown { display: block; padding: 10px 20px; text-align: center; } .product_specs .strikethrough { color: #505050; text-decoration: line-through; } .comparisonTable select { width: 200px !important } .comparisonTable .feature_name { font-weight: bold; } .comparisonTable .child_feature { font-weight: normal; padding-left: 25px; } .comparisonTable .addToList { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/basket_add.png); background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; } .comparisonTable .comparison_picture img { border: 1px solid silver; } .comparisonTable .compare_header a { color: white !important; display: block; float: left; font-size: 15px; padding: 5px 0 0 0; } .comparisonTable .compare_header select { float: left; font-size: 11px;clear: both; margin-top: 10px; } .comparisonTable .compare_header select { float: left; font-size: 11px;clear: both; margin-top: 10px; } .comparisonTable .rating { text-align: left; vertical-align: bottom; } .comparisonTable .rating img { margin: 0; position: relative; left: -8px; } .comparisonTable .rating a { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/pencil.png); background-repeat: no-repeat; padding-left: 20px; text-decoration: underline; } .goToPrevious { background-position: 0 -225px; background-repeat: no-repeat; padding-left: 20px; } .explanations { border: 1px solid silver; margin-top: 5px; padding: 5px; } .explanations .anchor { font-size: 1px; float: left; } .explanations ul { font-size: 12px; margin: 0 !important; padding: 0 0 0 20px; } .explanations .shortName{ font-weight: bold; } .explanations .featureName { font-style: italic; } .explanations p { margin: 0 0 10px 0 !important; } .storeRating .oneStar { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); background-position: -70px -627px; background-repeat: no-repeat; float: left; width: 12px; height: 16px; } .storeRating.rating_5_0 .oneStar.s_1, .storeRating.rating_5_0 .oneStar.s_2, .storeRating.rating_5_0 .oneStar.s_3, .storeRating.rating_5_0 .oneStar.s_4, .storeRating.rating_5_0 .oneStar.s_5, .storeRating.rating_4_5 .oneStar.s_1, .storeRating.rating_4_5 .oneStar.s_2, .storeRating.rating_4_5 .oneStar.s_3, .storeRating.rating_4_5 .oneStar.s_4, .storeRating.rating_4_0 .oneStar.s_1, .storeRating.rating_4_0 .oneStar.s_2, .storeRating.rating_4_0 .oneStar.s_3, .storeRating.rating_4_0 .oneStar.s_4, .storeRating.rating_3_5 .oneStar.s_1, .storeRating.rating_3_5 .oneStar.s_2, .storeRating.rating_3_5 .oneStar.s_3, .storeRating.rating_3_0 .oneStar.s_1, .storeRating.rating_3_0 .oneStar.s_2, .storeRating.rating_3_0 .oneStar.s_3, .storeRating.rating_2_5 .oneStar.s_1, .storeRating.rating_2_5 .oneStar.s_2, .storeRating.rating_2_0 .oneStar.s_1, .storeRating.rating_2_0 .oneStar.s_2, .storeRating.rating_1_5 .oneStar.s_1, .storeRating.rating_1_0 .oneStar.s_1 { background-position: -110px -627px; } .storeRating.rating_4_5 .oneStar.s_5, .storeRating.rating_3_5 .oneStar.s_4, .storeRating.rating_2_5 .oneStar.s_3, .storeRating.rating_1_5 .oneStar.s_2, .storeRating.rating_0_5 .oneStar.s_1 { background-position: -90px -627px; } .storeRating .rateStore { clear: left; display: block; font-size: 10px; float: left; } /* rate store */ .storeInfo { float: left; width: 44%; } .storeReviewInfo { font-size: 11px; position: relative; float: right; min-height: 100px; width: 55% } .storeReviewInfo .thumbContainer { float: left; height: 100px; position: relative; width: 53px; } .storeReviewInfo .reviewDetails { position: absolute; bottom: 20px; width: 110px; text-align: center; z-index: 15; } .storeReviewInfo .reviewThumb { top: 5px; left: 50%; } .storeReviewInfo .reviewThumb.thumbDown { z-index:5; } .storeReviewInfo .reviewThumb.thumbUp { z-index: 10; } .avgRatings { float: right; width: 70%; white-space: nowrap; } .avgRatings .oneItem { clear: left; } .avgRatings .starsContainer { clear: none; width: 65px; float: right; } .avgRatings .specificRatingTitle { font-weight: normal; line-height: 20px; min-width: 145px; text-align: right; float: left; } .avgRatings .item_1 .specificRatingTitle { font-size: 13px; } div.reviewThumb { background-image: url(https://cdn.afterdawn.fi/v4/hardware/largeThumbIcons.gif?101203); background-repeat: no-repeat; width: 54px; height: 83px; position: absolute; left: 0; top: 4px; } .not-recommended div.reviewThumb.thumbDown { background-position: 0 0; } .not-recommended div.reviewThumb.thumbUp { background-position: -120px 0; } .recommended div.reviewThumb.thumbDown { background-position: -180px 0; } .recommended div.reviewThumb.thumbUp { background-position: -60px 0; } .content div.reviewThumb { width: 42px; } .content div.reviewThumb.thumbDown { background-position: -238px 0; } .content div.reviewThumb.thumbUp { background-position: -283px 0; } .store_reviews .info { font-size: 11px; font-weight: bold; min-height: 80px; padding-left: 65px; position: relative; } .mainQuestionContainer { height: 30px; } .specificRatingTitle { font-weight: bold; } .mainQuestion { font-size: 15px; margin-right: 30px; } .mainQuestionContainer label { cursor: pointer; margin-right: 15px; } .specificRatings, .commentAreaContainer { font-size: 12px; clear: both; margin-bottom: 15px; } .specificRatings { /*min-height: 75px;*/ } .specificRatings .oneItem { clear: both; height: 16px; margin-bottom: 5px; } .ownShopReview .oneItem { width: 450px; } .content .oneItem { width: 280px; } .content .oneItem.item_1 { font-size: 15px; } .specificRatings .oneItem.disabled { color: silver; } .specificRatings .oneItem.disabled .starsContainer { visibility: hidden; } /*.specificRatings .oneItem.item_1 { background-color: ##eaeaea; }*/ .avgRatings .specificRatingTitle, .specificRatings .specificRatingTitle, .specificRatings .starsContainer, .specificRatings .valueAsText { display: block; float: left; margin-right: 15px; } .specificRatings .specificRatingTitle { min-width: 130px; text-align: right; } .specificRatings .starsContainer, .specificRatings .valueAsText { min-width: 100px; } .commentAreaContainer textarea { display: block; clear: left; width: 450px; height: 150px; } .oneStar { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); background-repeat: no-repeat; background-position: -70px -627px; width: 12px; height: 16px; float: left; } .starsContainer.rating_5 .oneStar, .starsContainer.rating_4_5 .oneStar.star_1, .starsContainer.rating_4_5 .oneStar.star_2, .starsContainer.rating_4_5 .oneStar.star_3, .starsContainer.rating_4_5 .oneStar.star_4, .starsContainer.rating_4 .oneStar.star_1, .starsContainer.rating_4 .oneStar.star_2, .starsContainer.rating_4 .oneStar.star_3, .starsContainer.rating_4 .oneStar.star_4, .starsContainer.rating_3_5 .oneStar.star_1, .starsContainer.rating_3_5 .oneStar.star_2, .starsContainer.rating_3_5 .oneStar.star_3, .starsContainer.rating_3 .oneStar.star_1, .starsContainer.rating_3 .oneStar.star_2, .starsContainer.rating_3 .oneStar.star_3, .starsContainer.rating_2_5 .oneStar.star_1, .starsContainer.rating_2_5 .oneStar.star_2, .starsContainer.rating_2 .oneStar.star_1, .starsContainer.rating_2 .oneStar.star_2, .starsContainer.rating_1_5 .oneStar.star_1, .starsContainer.rating_1 .oneStar.star_1 { background-position: -110px -627px; } .starsContainer.rating_4_5 .oneStar.star_5, .starsContainer.rating_3_5 .oneStar.star_4, .starsContainer.rating_2_5 .oneStar.star_3, .starsContainer.rating_1_5 .oneStar.star_2 { background-position: -90px -627px; } /* /rate store */ /* relatedSoftware >>>>>>>>>> */ .relatedSoftware { border: 1px solid silver; } .relatedSoftware td { background-position: top; background-repeat: repeat-x; border-top: 1px solid white; border-bottom: 1px solid #dadce5; font-size: 12px; padding: 4px; } .relatedSoftware .icon { width: 51px; text-align: center; } .relatedSoftware a { font-weight: bold; } .relatedSoftware .flag { margin-left: 20px; } .relatedSoftware .rating { text-align: center; width: 100px; } .relatedSoftware tr.row_1 td { background-color: #ebedf6; background-image: url(https://cdn.afterdawn.fi/v4/download/software_list_bg_1.gif); } .relatedSoftware tr.row_0 td { background-color: #f3f3f3; background-image: url(https://cdn.afterdawn.fi/v4/download/software_list_bg_2b.gif); } .relatedSoftware p { margin: 5px 0 !important; } /* <<<<<<<<<< relatedSoftware */ /* relatedThreads >>>>>>>>>> */ .relatedThreads ul { border: 1px solid #cdcdcd; clear: both; list-style: none; margin: 0; padding: 0; } .relatedThreads li { background-position: 5px 50%; background-repeat: no-repeat; border: 1px solid #ececec; clear: both; margin: 3px; padding: 8px 10px 0px 58px; } .relatedThreads li.row_1 { background-image: url(https://cdn.afterdawn.fi/v4/download/discussion_icon_1.gif); background-color: #f2f2f2; } .relatedThreads li.row_0 { background-image: url(https://cdn.afterdawn.fi/v4/download/discussion_icon_0.gif); background-color: #f6f6f6; } .relatedThreads h3 { border-bottom-style: none !important; font-weight: normal; margin: 0 0 10px 0; } .relatedThreads h3 a { font-weight: bold; margin-right: 5px; } .relatedThreads span { bottom: 6px; color: #6e6e6e; display: block; font-size: 11px; position: relative; } .relatedThreads span.forumroom a { white-space: nowrap; } .relatedThreads span.date { float: left; width: 200px; } form#newThread { margin: 30px; width: 100%; text-align: center; } form#newThread input { font-size: 15px; font-weight: bold; padding: 10px 20px; } /* <<<<<<<<<< relatedThreads */ /* rightBar >>>>>>>>>> */ #rightBar { float: left; padding-top: 10px; width: 300px; } #rightBar.narrow { width: 200px; } .rightBar_box { border-style: solid; border-width: 1px; margin-bottom: 10px; width: 300px !important; clear: both; } .rightBar_box.fb_connect { border:0; } #rightBar.narrow .rightBar_box { width: 200px !important; } .rightBar_box h3 { background-position: 0 50%; background-repeat: repeat-x; font-size: 14px; padding: 2px 5px 3px 5px; margin: 0;} .rightBar_box h3 .toggle { font-size: 10px; } #rightBar p { margin: 5px; padding: 0; } #rightBar form { margin: 0; padding: 0 5px 5px 5px; } #rightBar ul { list-style: none; margin: 0; padding: 0; width: 100%; } #rightBar li { padding: 2px 5px 2px 5px; } .topList td { font-size: 12px; padding: 5px; } .topList img { background-color: white; border: 1px solid navy; } .topList a { font-weight: bold; } .topList span.date { font-weight: bold; } .topList span a { color: black !important; font-weight: normal; text-decoration: none; } .topList a.comments { background-repeat: no-repeat; font-weight: normal; padding-left: 24px; } .topList .thumb img { border: 1px solid #b19b61; box-shadow: 0px 0px 4px rgba(177,155,97, 0.3); max-width: 64px; } .userComments { overflow: hidden; } .userComments a { background-position: 0 -973px; background-repeat: no-repeat; padding: 2px 2px 2px 24px; display: block; } .userComments .anonymous a { background-position: 0 -1048px; } #rightBar .rss_buttons { margin-bottom: 10px; } #rightBar .rss_buttons img { border: 0; } #rightBar .more_link a { font-size: 11px; font-weight: bold; padding-left: 25px; } #rightBar form.newsArchive { padding: 5px; } #rightBar form.newsArchive select { font-size: 12px; } .rightBar_box.ni_box { border: 0; background-color: transparent; color: #ff8c00; font-size: 20px; text-align: center; } /* ad-box (DO NOT TOUCH!) */ .rightBar_box.ni_box.shape_160x600 { height: 600px; } .rightBar_box.ni_box.shape_300x250 { height: 250px; width: 300px !important; } #rightBar .adminOptions { border-color: red; } #rightBar .adminOptions h3 { background-color: white; background-image: none; color: red; } #rightBar .adminOptions .row_1, #rightBar .adminOptions .row_0 { background-color: white; } #rightBar .adminOptions a { font-weight: bold; } #moreComments { padding: 3px 0 4px 0; text-align: center; } #showMoreComments { background-position: 0 -75px; background-repeat: no-repeat; font-size: 11px; font-weight: bold; padding: 0 0 2px 20px; } #rightBar .productList li { height: 80px; position: relative; } #rightBar .productList .thumb { width: 80px; height: 60px; background-repeat: no-repeat; background-color: silver; background-position: 0 50%; margin-top: 10px; } #rightBar .productList .thumb a { display: block; width: 80px; height: 60px; } #rightBar .productList .thumb span { display: none; } #rightBar .productList .info { margin-left: 100px; position: absolute; top: 10px;} #rightBar .productList .info a.model { font-size: 16px; font-weight: bold; } #rightBar .productList .info a.price { font-size: 15px; font-weight: bold; color: #e00000 !important; line-height: 30px; } #rightBar .productList .thumb { border: 1px solid green; display: block; } /*.rightBar_box.products table { width: 100%; }*/ .rightBar_box.products .thumbCell { width: 108px; } .rightBar_box.products .infoCell { width: 192px; } .rightBar_box.products td { padding: 5px; } .rightBar_box.products .thumb { background-color: white; border: 1px solid #065801; width: 80px; height: 60px; margin: 5px; } .rightBar_box.products .thumb a { text-decoration: none; } .rightBar_box.products .model, .rightBar_box.products .price { font-size: 15px; font-weight: bold; } .rightBar_box.products .price { color: #e00000 !important; display: block; margin: 10px 0; } .rightBar_box.products .info { min-height: 60px; } .rightBar_box_bottom { background-color: black; padding: 10px; text-align: center; } .rightBar_box_bottom a { color: white !important; font-weight: bold !important; } /* <<<<<<<<<< rightBar */ /* glossary rightBar stuff >>>>>>>>>> */ .glossaryIndex { margin-top: 10px; } .glossaryIndex div { float: left; font-size: 11px; width: 33%; margin-bottom: 10px; } .glossaryIndex .initial { font-weight: bold; margin-top: 10px; } .glossaryIndex .initial.firstOfList { margin-top: 0; } .glossaryIndex p { clear: both; } .glossaryIndex p.note { font-size: 12px; font-weight: bold; text-align: center; width: 266px; padding: 0 10px !important; margin-bottom: 20px !important; } .glossaryIndex form { margin-bottom: 5px !important; } .glossaryIndex select { font-size: 11px; width: 290px; } .glossaryIndex option { width: 250px; } .glossaryIndex p.footer { height: 1px; } /* <<<<<<<<<< glossary rightBar stuff */ /* paging */ .pagingHolder { height: 28px; } .paging { clear: both; color: #202020; display: block; float: left; font-size: 12px; line-height: 16px; margin: 1px 1px 1px 0px; padding: 2px 2px 2px 0; /*background-color: #e6e6e6;*/ /*border: 1px solid gray;*/ white-space: nowrap; vertical-align: bottom; height: 20px; } .paging.position_top { margin-top: 20px; } .paging.position_bottom { margin-bottom: 10px; } .paging strong { display: block; float: left; padding: 0 12px 0 10px; margin: 1px; } .paging span, .paging a { background-color: #e6e6e6; background-image: url(https://cdn.afterdawn.fi/v4/download/paging_bg.gif); background-repeat: repeat-x; border: 1px solid #505050; color: #202020 !important; padding: 0; width: 25px; display: block; float: left; clear: none; font-weight: bold; text-align: center; text-decoration: none; height: 16px; margin: 1px; } .paging span.page_first, .paging span.page_last, .paging span.page_prev, .paging span.page_next { background-image: none; border-color: silver; color: gray !important; margin: 1px; } .paging img { border: 0; } .paging span.divider { background-color: transparent; background-image: none; border: 0; font-weight: normal; width: 10px; } .paging span.page_number { background-color: #f0b977; background-position: top; border-color: black; } .paging a { margin: 1px; background-color: #f0f0f0; background-position: 0 -32px; } .paging a:hover { background-position: 0 -16px; border-color: black; } /* /paging */ /* embedded login >>>>>>>>>> */ .loginValidateThis { clear: left; margin: 2px 2px 20px 2px; background-color: #eaf2ff; border-bottom: 1px solid #757980; } .loginValidateThis h2 { border-bottom: 0 !important; border-left: 1px solid #757980; border-right: 1px solid #757980; font-size: 16px !important; font-weight: bold !important; padding: 10px; margin: 0; } .loginValidateThis p { border-left: 1px solid #757980; border-right: 1px solid #757980; margin: 0; padding: 0 10px 10px 10px; } .loginValidateThis textarea { clear:left; display: block; } .ui-tabs-nav { background-color: white; border-bottom: 1px solid gray; clear: both; display: block !important; height: 26px; margin: 0 !important; } .ui-tabs-panel { border-left: 1px solid #757980; border-right: 1px solid #757980; margin: 0 !important; padding: 10px; } .miniTabsForLogin { position: relative; } .miniTabsForLogin ul { display: none; } .miniTabsForLogin ul, .miniTabsForLogin li { padding: 0 !important; } .miniTabsForLogin li { background-color: #c5c6d6; border: 1px solid gray; display: block; float: left; margin: 0 0 0px 5px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; } .ui-tabs-selected a { color: #101010 !important; } .miniTabsForLogin li a { color: #202020 !important; display: block; font-weight: bold; height: 20px; padding: 5px 10px 0 10px; text-decoration: none; } .ui-tabs-selected { background-color: #eaf2ff !important; background-image: none; border-bottom-color: #eaf2ff !important; } .ui-tabs .ui-tabs-hide { display: none !important; } #postAsNewUIser1, #postAndLogin1 { clear: both; display: block; margin-bottom: 10px; } .loginValidateThis.no-tabs #postAsNewUser1, .loginValidateThis.no-tabs #postAndLogin1 { margin-bottom: -2px; padding: 10px; border: 1px solid gray; border-bottom: 0; } .loginInstructions { display: block; clear: left; margin-bottom: 10px; } .loginErrorMessages p, .loginInstructions p { border: 0; color: red; margin-top: 10px; padding: 0; } .miniTabsForLogin label { cursor: pointer; display: block; float: left; font-weight: bold; height: 10px; width: 160px; } .miniTabsForLogin input { margin-bottom: 10px; clear: none; width: 150px; } .loginErrorMessages { display: none; border: 1px solid red; color: red; font-weight: bold; margin: 5px 0 15px 0; padding: 5px 10px; } .loginErrorMessages b { font-size: 16px; } .loggedIn { background-color: #eaf2ff; border: 1px solid #757980; border-bottom: 0; height: 10px; } .commentExtras, .loginValidateThis .errorNotification { border-left: 1px solid #757980; border-right: 1px solid #757980; padding: 0 10px 20px 10px; } .loginValidateThis .errorNotification { color: red; font-size: 16px; font-weight: bold; } .commentHelp, .commentButtons { background-repeat: repeat-x; background-position: bottom; border-bottom: 0 !important; padding: 5px 5px 0 5px; position: relative; bottom: -1px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } .commentHelp { background-color: #6b7380; background-image: url(https://cdn.afterdawn.fi/v4/icons/msg_help_bg.gif); border: 1px solid #48505d; display: none; color: white; font-size: 11px; } .commentHelp p { border: 0 !important; } .commentButtons { background-color: #a2adc0; background-image: url(https://cdn.afterdawn.fi/v4/icons/msg_edit_bg.gif); border: 1px solid #6b7380; float: left; white-space: nowrap; } .commentButtons img { cursor: pointer; } textarea#comment { display: block; clear: left; } .forum_holder #commentform { margin-top: 10px; margin: 20px 100px; } .forum_holder textarea#comment, .forum_holder textarea#aDMessage { width: 99.6% !important; height: 210px; } .errorNotification { clear: both; } .messageDetails label { float: left; display: block; width: 110px; margin-top: 3px; } .giveRatingsHolder { border-left: 1px solid #757980; border-right: 1px solid #757980; display: block; height: 60px; padding:10px; } .giveRatingsHolder label { font-weight: bold; display: block; float: left; clear: left; height: 25px; width: 160px; } .giveRatingsHolder select { margin-bottom: 5px; } #commentform label span { font-weight: bold; margin-right: 20px; } /* <<<<<<<<<< embedded login */ /* settings >>>>>>>>>> */ .settingsWelcome { font-size: 14px; } .settingsTable { font-size: 14px; } .settingsTable .leftColumn, .settingsTable .rightColumn { vertical-align: top; width: 50%; } .settingsTable .leftColumn { padding-right: 5px; } .settingsTable .rightColumn { padding-left: 5px; } .settingsTable div { margin-bottom: 30px; } .settingsTable p { margin: 10px; } .settingsTable ul { margin: 0; padding-left: 10px; } .settingsTable li { display: block; list-style: none; margin: 5px 5px 10px 5px; } .settingsTable li a { background-repeat: no-repeat; font-weight: bold; padding-left: 25px; } .settingsTable a.editMySettings { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/vcard.png); } .settingsTable a.editMyPersonalSettings { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/cog.png); } .settingsTable a.editMyProfileSettings { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/house.png); } .settingsTable a.newsletterOrder { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/newspaper.png); } .settingsTable a.campaignStatistics { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/report.png); } .settingsTable a.messagesYourMessagesForum { background-position: 0 -975px; } .settingsTable a.messagesYourMessagesForumPrivate { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/email.png); } .settingsTable a.myAccountProductReviews { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/star.png); } .settingsTable a.NotificationsShoppingLists { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/text_list_bullets.png); } .settingsTable a.notificationsForums { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/bell.png); } .settingsTable a.notificationsSoftware { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/bell.png); } .settingsTable a.NotificationsPriceAlerts { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/bell.png); } .settingsTable a.feedbackFeedbackForm { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white.png); } .settingsTable a.feedbackFeedbackForum { background-position: 0 -375px; } .settingsTable a.campaignCompanyInfo { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_edit.gif); } .personalSettings h3 { border-bottom: 0 !important; font-size: 17px; font-weight: bold !important; margin-top: 30px;} .personalSettings div { margin: 5px 0; } .personalSettings label { cursor: pointer; display: block; float: left; font-weight: bold; margin-right: 10px; width: 220px; } .personalSettings label.narrow { width: 100px; } .personalSettings .toggleTimeZones { font-size: 12px; padding-left: 110px; } .personalSettings .extension { font-style: italic; } .personalSettings .signatureArea { height: 100px; width: 500px } .personalSettings .activeNick { color: #505050; font-weight: bold; } .personalSettings label.forRadio { display: inline; float: none; width: auto; } .personalSettings hr { border: 1px solid silver; border-top: 0; margin: 15px 0; } .changePageLanguage a { font-weight: bold; } .languageSelection a { font-weight: bold; margin-right: 20px; } th.selectAll { cursor: pointer; padding: 0 0 0 15px; width: 20px; } th.selectAll:hover { background-color: #b0908d; border-top-color: #9a7a78; color: white; } .checkBox input { cursor: pointer; } .editSettingsTable td { padding: 5px 0 0 0; } .editSettingsTable label.narrow { min-width: 110px !important; width: auto !important; } .accountSettings label, .accountSettings span.label { display: block; clear: left; font-weight: bold; float: left; width: 200px; text-align: right; margin: 3px 20px 0 0; white-space: nowrap; overflow: hidden; } .accountSettings label { cursor: pointer; } .accountSettings .defaultTextInput, .accountSettings .passwordInput { width: 200px; } .accountSettings .passwordStrength { display: inline; } .accountSettings label.inlineLabel { clear: none; float: none; display: inline; } .accountSettings .oneRow { clear: both; margin: 10px 0; } .accountSettings hr.divider { height: 0; } .accountSettings .errorMsg { color: red; font-size: 16px; font-weight: bold; } #nickCheckStatus { background-color: white; border: 2px solid silver; padding: 10px; } /* <<<<<<<<<< settings */ /* fronty front */ #innerLevel.frontpage { border-top: 0; padding: 0 !important; } #topPromotion { width: 100%; } #topPromotion td { vertical-align: top; } .topPromotionMenuHolder { background-color: #ececec; padding-top: 0; } .topPromotionMenuHolder span { border-width: 1px; border-style: solid; cursor: pointer; display: block; height: 28px; margin: 0 2px 2px 2px; text-align: left; } .topPromotionMenuHolder a { font-size: 13px; font-weight: bold; line-height: 28px; margin: 0 10px; } .topPromotionMenuHolder span.activeMenu { margin-right: 0; margin-left: 0; padding-left: 2px; } .topPromotion-panel-holder { height: 380px; width: 820px !important; overflow: hidden !important; position: relative;} .topPromotion-panel-div { position: relative; width: 100%; height: 100%; } .topPromotion-panel { background-color: white; height: 380px; } .topPromotionSinglePanelTop .promoContent { width: 495px !important; height: 260px; overflow: hidden; padding: 10px; position: relative; } .topPromotionSinglePanelTop .promoContent img { float: left; margin: 0 10px 10px 0; } .topPromotionSinglePanelTop .hardwareTabPrice, .topPromotionSinglePanelTop .hardwareTabRating { display: block; height: 25px; position: relative; } .topPromotionSinglePanelTop .hardwareTabRating img { position: absolute; left: -85px; } .topPromotionSinglePanelTop .hardwareTabRating a { position: relative; left: 80px; } .topPromotionSinglePanelTop .hardwareTabPrice a { color: red !important; font-size: 20px; font-weight: bold; } .topPromotionSinglePanelNavi { height: 117px; position: absolute; bottom: 0; width: 820px; z-index: 20; padding: 0; } .topPromotionSinglePanelNavi span { border-width: 1px; border-style: solid; cursor: pointer; display: block; float: left; width: 152px; height: 112px; margin: 1px; position: relative; text-align: center; } .topPromotionSinglePanelNavi span img { width: 64px; height: 64px; } .topPromotionSinglePanelNavi span.activeNaviLink { border-top-width: 2px; margin-top: 0; } .topPromotionSinglePanelNavi span a { display: block; font-size: 11px; font-weight: bold; width: 152px; padding: 0px; position: absolute; bottom: 4px; left: 0; text-align: center; } .topPromotionSinglePanelNavi .promoArrow { border-width: 1px; border-style: solid; cursor: pointer; float: left; margin: 1px; width: 15px; height: 112px; } .topPromotionSinglePanelNavi .promoArrow div { color: #c0c0c0; font-weight: bold; height: 100%; line-height: 112px; text-align: center; } .topPromotionSinglePanelNavi span div { background-color: white; border: 1px solid silver; width: 64px; height: 64px; padding: 2px; position: absolute; left: 43px; top: 14px; line-height: 62px; } .topPromotionSinglePanelNavi span img { vertical-align: middle; } /* promon v?rit */ .topPromotionMenuHolder, .topPromotionSinglePanelNavi { background-color: #dddddd; } .topPromotionMenuHolder span, .topPromotionSinglePanelNavi span, .topPromotionSinglePanelNavi .promoArrow { background-color: #e7e7e7; border-color: #a1a1a1; } .topPromotionMenuHolder span:hover, .topPromotionSinglePanelNavi span:hover, .topPromotionSinglePanelNavi .promoArrow:hover { background-color: #eaedf8; border-color: #a1b2dc; } .promoContent, .topPromotionMenuHolder span.activeMenu, .topPromotionSinglePanelNavi span.activeNaviLink { background-color: #f5f5f5; border-color: #f5f5f5; } /* promon v?rit */ .promoContent img.alignleft, .topPromotionSinglePanelNavi div { box-shadow: 0 0 4px rgba(0,0,0,0.15); } .promoContent .storytitle { display: block; font-size: 16px !important; line-height: 20px; margin: 0 0 15px 0; } .promoContent img.alignleft { background-color: white; border: 1px solid silver; margin-bottom: 260px; padding: 3px; } .promoContent .storycontent { display: inline !important; clear: none !important; } .promoContent .continue_reading { margin-top: 10px; clear: none; float: right; text-decoration: underline; position: absolute; bottom: 20px; left: 228px; } /*#topPromotion .post { margin-right: 315px; }*/ #topPromotion .ni_holder { padding-left: 0px; } #topPromotion .ni_spot { background-color: white; width: 300px; height: 250px; margin-left: 12px; position:absolute; /*top: 10px; right: 10px;*/ top: 5px; right: 0; /*z-index: 10;*/ } .frontPageMidSection { padding: 0 10px; } .ni_sky, #frontPageNewsContainer, .frontPageSideBar { margin-bottom: 20px; } .ni_sky { float: left; width: 160px; height: 600px; } #frontPageNewsContainer { border: 0; float: left; width: 464px; margin: 0 20px; min-height: 550px; } #frontPageNews-all, #frontPageNews-news, #frontPageNews-software, #frontPageNews-reviews, #frontPageNews-answers, #frontPageNews-whitepaper { min-height: 450px; padding: 10px 0 0 0; } hr.divider { border: 0; clear: both; height: 12px; width: 100%; visibility: hidden; } #frontPageNewsContainer li, #frontPageNewsContainer ul { margin: 0; padding: 0; list-style: none; } #frontPageNewsContainer ul { border-bottom: 1px solid gray; height: 32px; } #frontPageNewsContainer li { background-color: #999999; border: 1px solid #282e41 !important; float: left; border: 1px solid #404040; height: 31px; margin: 0 0 0 5px; min-width: 30px; text-align: center; background: #999999; /* Old browsers */ background: -moz-linear-gradient(top, #999999 0%, #7b7b7b 80%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(80%,#7b7b7b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #999999 0%,#7b7b7b 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #999999 0%,#7b7b7b 80%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #999999 0%,#7b7b7b 80%); /* IE10+ */ background: linear-gradient(top, #999999 0%,#7b7b7b 80%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#7b7b7b',GradientType=0 ); /* IE6-9 */ text-shadow: -1px -1px 0 rgba(0,0,0,0.2) } #frontPageNewsContainer li a { color: white; font-weight: bold; text-decoration: none; display: block; padding: 8px 5px 5px 5px; } #frontPageNewsContainer li a:visited { color: white; } #frontPageNewsContainer li:hover { background: #adadad; /* Old browsers */ background: -moz-linear-gradient(top, #adadad 0%, #959595 80%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(80%,#959595)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #adadad 0%,#959595 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #adadad 0%,#959595 80%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #adadad 0%,#959595 80%); /* IE10+ */ background: linear-gradient(top, #adadad 0%,#959595 80%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#959595',GradientType=0 ); /* IE6-9 */ } #frontPageNewsContainer li.ui-state-active { text-decoration: none !important; border-color: #282e41; background: #ff9c33; /* Old browsers */ background: -moz-linear-gradient(top, #ff9c33 0%, #f66f00 80%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c33), color-stop(80%,#f66f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9c33 0%,#f66f00 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9c33 0%,#f66f00 80%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9c33 0%,#f66f00 80%); /* IE10+ */ background: linear-gradient(top, #ff9c33 0%,#f66f00 80%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c33', endColorstr='#f66f00',GradientType=0 ); /* IE6-9 */ text-shadow: -1px -1px 0 rgba(226,121,0,0.9) } #frontPageNewsContainer li.ui-state-active:hover { background: #ffb05b; /* Old browsers */ background: -moz-linear-gradient(top, #ffb05b 0%, #ff8a2b 80%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb05b), color-stop(80%,#ff8a2b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffb05b 0%,#ff8a2b 80%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffb05b 0%,#ff8a2b 80%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffb05b 0%,#ff8a2b 80%); /* IE10+ */ background: linear-gradient(top, #ffb05b 0%,#ff8a2b 80%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb05b', endColorstr='#ff8a2b',GradientType=0 ); /* IE6-9 */ } /* /fix 111111 */ #frontPageNewsContainer li.ui-state-active span { color: white !important; } .frontPageSideBar { padding-top: 0 !important; width: 300px; float: right !important; clear: right; } .frontPageSideBar .rightBar_box { border-color: #404040; margin-top: 0 !important; } .frontPageSideBar .rightBar_box h3 { font-size: 14px !important; border-bottom: 1px solid #404040 !important; color: white; padding: 5px; margin: 0 !important; height: 22px; line-height: 22px; border-top: 1px solid #ff9819; background: #f47e00; /* Old browsers */ background: -moz-linear-gradient(top, #f47e00 0%, #c46500 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47e00), color-stop(100%,#c46500)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f47e00 0%,#c46500 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f47e00 0%,#c46500 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f47e00 0%,#c46500 100%); /* IE10+ */ background: linear-gradient(top, #f47e00 0%,#c46500 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47e00', endColorstr='#c46500',GradientType=0 ); /* IE6-9 */ } #frontPageNewsContainer .subSelection { margin-bottom: 15px; } #frontPageNewsContainer .subSelection input { margin: 0 5px 0 0; position: relative; top: 2px; } #frontPageNewsContainer label { cursor: pointer; font-size: 12px; font-weight: bold; margin-right: 22px; } #frontPageNewsContainer div, #frontPageNewsContainer .oneItem { border: 0; clear: both; } #frontPageNewsContainer .oneItem { border-bottom: 1px solid #dadada; margin-bottom: 5px; min-height: 64px; padding-bottom: 5px; padding-left: 75px; position: relative; } #frontPageNewsContainer .newsThumb { position: absolute; left: 0; } #frontPageNewsContainer .newsThumb span { display: block; text-align: center; width: 52px; } #frontPageNewsContainer .newsThumb img { border: 0; height: 64px; width: 64px; } #frontPageNewsContainer .listItemTitle { font-weight: bold; } #frontPageNewsContainer .entryType_3 .listItemTitle, #frontPageNewsContainer .entryType_5 .listItemTitle { background-position: right; background-repeat: no-repeat; padding-right: 90px; } #frontPageNewsContainer .entryType_3 .listItemTitle.rating_1, #frontPageNewsContainer .entryType_5 .listItemTitle.rating_1 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_1_0_b.gif); } #frontPageNewsContainer .entryType_3 .listItemTitle.rating_2, #frontPageNewsContainer .entryType_5 .listItemTitle.rating_2 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_2_0_b.gif); } #frontPageNewsContainer .entryType_3 .listItemTitle.rating_3, #frontPageNewsContainer .entryType_5 .listItemTitle.rating_3 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_3_0_b.gif); } #frontPageNewsContainer .entryType_3 .listItemTitle.rating_4, #frontPageNewsContainer .entryType_5 .listItemTitle.rating_4 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_4_0_b.gif); } #frontPageNewsContainer .entryType_3 .listItemTitle.rating_5, #frontPageNewsContainer .entryType_5 .listItemTitle.rating_5 { background-image: url(https://cdn.afterdawn.fi/v4/download/rating_5_0_b.gif); } #frontPageNewsContainer p { font-size: 12px; margin: 0; } #frontPageNewsContainer .meta { color: gray; font-size: 11px; padding-top: 2px; } #frontPageNewsContainer .continue_reading { background-position: 0 -150px; padding-left: 17px; display: inline; float: none; white-space: nowrap; } /* topics >>>>>>>>>> */ #hub_first_cell { width: 100%; } #hub_third_cell.standard { width: 50%; } .standard, .boxed { vertical-align: top; } .hidden { display:none; } h3.list_date { font-weight: bold !important; padding: 4px; } h2.storytitle.nodesc { font-size: 15px !important; } .standard div { float: none; border: 1px solid #e8e8e8; padding: 3px !important; margin-bottom: 10px; } .standard div div { border: 0; margin-bottom: 0 !important; } .standard div, .standard div p { margin-top: 0 !important; margin-right: 0; margin-left: 0; } .standard ul { list-style: none; padding: 6px !important; } .standard li { padding: 0 0 20px 0; } .standard li span { font-size: 12px !important; } .standard .hub_title { padding: 5px; margin: 0 !important; font-size: 17px; font-weight: bold; clear: both; border-bottom: 0 !important; } .standard p.hub_desc { font-size: 13px; font-weight: bold; padding: 6px; } .standard h1.hub_title a { color: black; } .standard .shown, .standard .unhidden { border-width: 0px !important; padding: 0 !important; } td.boxed { width: 320px; padding-left: 10px; } .toggle span { background-repeat: no-repeat; background-position: 4px 10px; line-height: 35px; padding-top: 10px !important; padding-left: 23px !important; color: blue; text-decoration: underline; cursor: pointer; display: inline; } .toggle span.hidden_unhide { background-image: url(https://cdn.afterdawn.fi/v3/famfamfam_icons/bullet_arrow_down.png); } .toggle span.hidden_hide { background-image: url(https://cdn.afterdawn.fi/v3/famfamfam_icons/bullet_arrow_up.png); } /* hub_hardware */ .standard .hub_hardware ul { margin: 0; padding: 0; list-style: none; } .standard .hub_hardware li { height: 60px; display: block; padding-top: 20px !important; } .standard .hub_hardware img { border: 0; float: left; margin-right: 10px; margin-bottom: 10px; } /* /hub_hardware */ .boxed .oneArea { border-style: solid; border-width: 1px; margin-bottom: 10px; width: 300px !important; padding-bottom: 0; } .boxed .oneArea h2 { font-size: 15px !important;font-weight: bold !important; border-bottom: 0 !important; background-image: url(https://cdn.afterdawn.fi/v4/promotedHeader_bg_01.gif); background-position: 0 50%; color: white; background-repeat: repeat-x; font-size: 14px; padding: 5px; margin: 0 !important; } .boxed .oneArea h2 a { color: white !important; text-decoration: underline !important; } .boxed .oneArea p { margin: 10px; } .boxed .oneArea ul { padding: 0; list-style: none; margin: 0; } .boxed .oneArea li { padding: 5px 10px; } .boxed .oneArea .row_1, .boxed .oneArea .row_0 { border-style: solid; border-width: 1px; border-left: 0; border-right: 0; } .boxed .oneArea .row_1 { background-color: #f4f4f4; border-top-color: #fafafa; border-bottom-color: #dbdbdb; } .boxed .oneArea .row_0 { background-color: #eaeaea; border-top-color: #f7f7f7; border-bottom-color: #dadada; } .boxed .oneArea .hwPic { border-width: 1px; padding: 1px; } .boxed .oneArea .hwItem { float: right; width: 180px; } .boxed .oneArea .hwItem a { font-weight: bold; } .boxed .oneArea .hwItem span { display: block; margin-top: 5px; } .boxed .oneArea .hwItem a.price { color: red !important; } .boxed .ad_300x250 { border: 0; } /* <<<<<<<<<< topics */ .footer_advertisement { padding: 15px 0 15px 0; background-color: #181A22; border: 2px solid #757FA6; border-width: 2px 0 2px 0; } /* profile page styles */ /* general */ .profilePage .rss_feed_icon { background-image: url(https://cdn.afterdawn.fi/v3/rss_icon.gif); background-position: 0 50%; background-repeat: no-repeat; padding-left: 20px; clear: none; display: block; float: right; height: 18px; margin-bottom: 30px; } .profilePage .commentHeader { margin-left: 0; } #myShoutbox img { max-width: 577px; } /* page_numbers */ .profilePage .page_numbers { clear: both; font-size: 20px; margin-bottom: 20px; } .allImages .page_numbers { margin-left: 150px; } .imagesByTag .page_numbers { margin-top: 20px; } .profilePage .page_numbers span, .profilePage .page_numbers a { margin-right: 5px; } /* page_main_index */ .rightBar_box #myProfile .data { margin-left: 120px; padding: 3px 5px; } .rightBar_box #myProfile .label { font-weight: bold; float: left; padding: 3px 5px; width: 110px; } .rightBar_box .pictureThumbs { width: 100%; } .rightBar_box .pictureThumbs td { text-align: center; } .rightBar_box .pictureThumbs.count_1 td { width: 300px; } .rightBar_box .pictureThumbs.count_1 img { max-width: 280px; } .rightBar_box .pictureThumbs.count_2 td, .rightBar_box .pictureThumbs.count_4 td { width: 150px; } .rightBar_box .pictureThumbs.count_2 img, .rightBar_box .pictureThumbs.count_4 img { max-width: 130px; } .rightBar_box .pictureThumbs.count_3 td, .rightBar_box .pictureThumbs.count_5 td, .rightBar_box .pictureThumbs.count_6 td { width: 100px; } .rightBar_box .pictureThumbs.count_3 img, .rightBar_box .pictureThumbs.count_5 img, .rightBar_box .pictureThumbs.count_6 img { max-width: 80px; } .rightBar_box .pictureThumbs img { border: 1px solid silver; margin: 4px; padding: 3px; } #profile_latestblog h3 a { text-decoration: underline; } /* profile_site_main_frontpage */ #profile_desc p { font-size: 14px; line-height: 20px; } .profileMainTable { width: 100%; } .profileMainTable td { vertical-align: top; } .profileMainTable .column_1, .profileMainTable .column_2 { width: 50%; } .profileMainTable .column_1 { padding-right: 10px; } .profileMainTable .column_2 { padding-left: 10px; } .profileMainTable ul { list-style: none; padding: 0; } .profileMainTable li { margin-bottom: 20px; } .profileMainTable ul h3 { margin: 0; } .profileMainTable ul p { margin: 0 !important; } .profileMainTable .meta { color: #404040; margin: 4px 0; } .profileMainTable .meta .owner { font-weight: bold; } .profileMainIndex h3 { border-bottom: 0 !important; font-size: 15px !important; font-weight: bold !important; } #profile_create { text-align: center; } #profile_create img { border: 0; } #profile_topimages h2 { margin-bottom: 0; } #profile_topimages .topImagesHolder { width: 100% } .profilePage .oneImage { position: relative; } #profile_topimages .oneImage { float: left; text-align: center; width: 153px; height: 180px; } #profile_topimages .oneImageHolder { height: 130px; line-height: 130px; } #profile_randomimage .oneImageHolder { float: left; text-align: center; width: 153px; } .profilePage .oneImage img { background-color: white; border: 1px solid silver; padding: 3px; vertical-align: middle; } .profilePage .image_info { position: absolute; } #profile_topimages .image_info { bottom: 0; } #profile_randomimage .image_info { right: 0; } .profilePage .image_info span { display: block; font-size: 12px; } #profile_topimages .image_info span { text-align: center; width: 153px; white-space: nowrap; } #profile_randomimage .image_info span { width: 300px; } .profilePage .image_info .owner a { font-weight: bold; } /* all_blog_entries */ .profilePage.allBlogEntries .oneItem { border-bottom: 1px solid silver; padding-bottom: 10px; } .profilePage.allBlogEntries h2 { border-bottom: 0 !important; margin-bottom: 0; } /* all_links */ .allLinks h1 { float: left; } .allLinks .post { margin-bottom: 20px; } .allLinks .storycontent p { margin: 0 0 10px 0; } .allLinks form { float: left; } .allLinks input { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: 0; color: #0000bf; cursor: pointer; margin: 0 20px 0 0; padding: 0 0 0 20px; text-decoration: underline !important; } .allLinks input.edit { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/link_edit.png); } .allLinks input.delete_0 { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/link_delete.png); } .allLinks input.delete_1 { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/link.png); } /* all_images */ .allImagesHolder { clear: left; } #profile_allimages { width: 630px;} #profile_allimages .oneImageHolder { float: left; } #profile_allimages .image_info { float: left; position: relative; clear: left; margin: 10px 0; width: 134px; } #profile_allimages .image_info span { } #profile_allimages .comments_header { height: 24px; position: relative; } #profile_allimages .nickHolder { position: absolute; } #profile_allimages .rank { position: absolute; left: 180px; } #profile_allimages .oneImage .uc { margin: 10px 0 10px 150px; clear: none; width: auto !important; } #profile_allimages .oneImage .uc .comments_header { padding: 2px 10px; } #profile_allimages .oneImage .uc .content { clear: none; font-size: 12px; } #profile_allimages .oneImage .uc p { margin: 0; } #profile_allimages .oneImage .oneComment { } #profile_allimages .oneImage .noComments { margin: 0 20px; } #profile_allimages .oneImage { clear: both; margin: 0 0 20px 0; min-height: 100px; } /* show_image */ img.fullSize { border: 1px solid silver; max-width: 100%; padding: 3px; } .showOneImage .image_info { position: static; } .showOneImage .prev_next { width: auto; } .showOneImage .prevTitle, .showOneImage .nextTitle { width: 100px !important; } .showOneImage .prevArrow, .showOneImage .nextArrow { width: 150px !important; } .showOneImage .prevArrow { background-position: 24px 50%; } /* images by tag */ .taggedImages .oneImage { float: left; width: 150px; height: 200px; position: relative; text-align: center; vertical-align: middle; } .taggedImages .oneImage img { background-color: white; border: 1px solid silver; padding: 3px; } .taggedImages .oneImage .image_info { bottom: 0; } #myspace_edit_link h3 { border-bottom: 0; font-weight: bold; margin-bottom: 0; } #myspace_edit_link div.row_1, #myspace_edit_link div.row_0 { background-color: white; border: 1px solid silver; padding: 0 10px; } /* editor tools */ .editorTools label { display: block; float: left; clear: left; font-weight: bold; width: 150px; } .editorTools .row_1, .editorTools .row_0 { clear: both; margin: 10px 0; } .editorTools #article_text { width: 450px; height: 200px; } .editorTools .scrollHolder { overflow: scroll; padding: 0; height: 220px; width: 800px; } .editorTools #image_selection { height: 200px !important; white-space: nowrap; } .editorTools #image_selection .oneImage { height: 180px; text-align: center; vertical-align: middle; } .editorTools .row_1, .editorTools .row_0 { border-bottom: 1px solid silver; clear: both; padding-bottom: 10px; } .editorTools .row_1 .divider, .editorTools .row_0 .divider { height: 0; } .editLinks h3 { border-bottom: 0 !important; font-weight: bold !important; margin-bottom: 0; } .editImages .oneImage img { float: left; margin-right: 20px; } .editImages .manage_options { margin: 10px 0; } .editorTools .manage_options a { background-position: 0 0; background-repeat: no-repeat; margin-right: 20px; padding-left: 20px; } .editLinks .manage_options .edit { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/link_edit.png); } .editLinks .manage_options .delete_0 { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/link_delete.png); } .editLinks .manage_options .delete_1 { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/link.png); } .editImages .manage_options .edit { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/picture_edit.png); } .editImages .manage_options .delete { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/picture_delete.png); } .editorTools .manage_options .add { font-weight: bold; display: block; float: left; clear: both; margin-top: 10px; } .editBuddies input.delete { background-color: transparent; background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/user_delete.png); background-position: 0 0; background-repeat: no-repeat; border: 0; color: #0000bf; cursor: pointer; margin-top: 10px; padding: 0 0 0 20px; text-decoration: underline !important; } .editBuddies .manage_options .add { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/user_add.png); } .editLinks .manage_options .add { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/link_add.png); } .editPersonalInfo div, .editOneLink div { padding: 5px 0; } .editPersonalInfo #info_description { width: 300px; height: 100px; } .editImages .manage_options .add { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/picture_add.png); } .addImage .submitImage { padding-top: 20px; } .editBlog .manage_options, .addNewBuddy .manage_options { margin-top: 10px; } .addNewBuddy .manage_options .addBuddy { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/user_add.png); } .editBlog .manage_options .edit { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_edit.png); } .editBlog .manage_options .delete_0 { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white_delete.png); } .editBlog .manage_options .delete_1 { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white.png); } /* /profile page styles */ hr.divider.wBorder { border-top: 1px solid gray; visibility: visible; } .compare_list_advertisement { background-color: #777; text-align:center; } /* uniblue */ .uniblue { background-color: #ffffe0; border: 1px solid #c3c3a4; padding: 10px 10px 5px 10px; margin-bottom: 20px; } .uniblue p { font-size: 18px; font-weight: bold; margin: 0; } .uniblue span { color: #959569; display: block; font-size: 11px; line-height: 22px; } /* prnewswire */ h2.xn-hedline { border-bottom: 0 !important; font-size: 13px !important; font-weight: bold !important; } .pressReleasesIndex div.onePRItem { background-image: url(https://cdn.afterdawn.fi/famfamfam_mini_icons/page_white.png); background-position: 0 50%; background-repeat: no-repeat; display: block; padding-bottom: 2px; padding-left: 22px; margin-bottom: 20px; } .pressReleasesIndex span.date{ color: #404040; display: block; font-size: 11px; position: absolute; } /* sidebar promo */ .OSHelp { background-image: url(https://cdn.afterdawn.fi/v4/download/oshelpbg.gif) !important; background-repeat: no-repeat; background-position: bottom left; height: 160px; overflow: hidden; } .OSHelp p { background-color: transparent; padding-left: 80px !important; } .OSHelp a { margin-top: 5px; } .OSHelp span { font-weight: bold; } /* /sidebar promo */ /* magigWand */ .magicWand { background-position: 0 -1275px !important; background-repeat: no-repeat; padding-left: 25px; } .palaute_dimmed { color: gray; } /* poll box */ .pollHolder { border: 3px solid silver; margin-top: 0px; margin-bottom: 20px; position: relative; left: -4px; width: 302px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .pollBox { background-color: #e9e9e9; background-image: url(https://cdn.afterdawn.fi/partner/helpson/pollbg.gif); background-position: bottom; background-repeat: repeat-x; border: 1px solid white; width: 300px; padding-bottom: 0 !important; } .pollBox .questionTitle { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); background-position: 0 -450px; padding: 6px 10px 0 10px; height: 24px; background-color: #424242; border-bottom: 1px solid white; color: white; display: block; font-size: 15px; font-weight: bold; } .questionTitle .titlelogo { position: absolute; top: 1px; right: 9px; } .titlelogo img { border: 0; } .pollBox .question { font-size: 16px; margin: 10px 10px 5px 10px; } .pollBox .divider { height: 0; } #pollForm { text-align: center; } #pollForm.loading { background-image: url(https://cdn.afterdawn.fi/v4/animated_circle_transparent.gif); background-repeat: no-repeat; background-position: 50% 50%; } #pollForm.loading * { visibility: hidden; } #pollForm .oneOption { clear: both; /*margin-bottom: 10px; width: 290px;*/ padding: 6px; width: auto; border-radius: 8px; margin: 2px 0; border: 1px solid transparent; } #pollForm .oneOption:hover { background-color: #f6f6f6; background-color: rgba(255,255,255,0.6); border: 1px solid #fcfcfc; border-color: rgba(255,255,255,0.7); } #pollForm .radioHolder { float: left; width: 20px; } #pollForm .option, #pollForm label { cursor: pointer; } #pollForm .option { position: relative; left: -2px; top: -2px; } #pollForm label { color: black; display: block; font-size: 12px; margin-left: 23px; text-align: left; } #pollForm input[type='text'] { border: 1px solid silver; margin-top: -2px; margin-left: -27px; padding: 2px 1px; width: 220px; } #pollForm input.error { border-color: gray; -moz-animation: hilite 7s linear 0s 1 alternate; -ms-animation: hilite 7s linear 0s 1 alternate; -o-animation: hilite 7s linear 0s 1 alternate; -webkit-animation: hilite 7s linear 0s 1 alternate; animation: hilite 7s linear 0s 1 alternate; } @-moz-keyframes hilite { 0% {-moz-transform: translate(0,0);border-color: silver;box-shadow: 0 0 0 transparent;} 3% {-moz-transform: translate(0,-5px);} 5% {-moz-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 6% {-moz-transform: translate(0,-2px);} 7% {-moz-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 100% {-moz-transform: translate(0,0);border-color: gray;box-shadow: 0 0 0 transparent;} } @-ms-keyframes hilite { 0% {-ms-transform: translate(0,0);border-color: silver;box-shadow: 0 0 0 transparent;} 3% {-ms-transform: translate(0,-5px);} 5% {-ms-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 6% {-ms-transform: translate(0,-2px);} 7% {-ms-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 100% {-ms-transform: translate(0,0);border-color: gray;box-shadow: 0 0 0 transparent;} } @-o-keyframes hilite { 0% {-o-transform: translate(0,0);border-color: silver;box-shadow: 0 0 0 transparent;} 3% {-o-transform: translate(0,-5px);} 5% {-o-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 6% {-o-transform: translate(0,-2px);} 7% {-o-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 100% {-o-transform: translate(0,0);border-color: gray;box-shadow: 0 0 0 transparent;} } @-webkit-keyframes hilite { 0% {-webkit-transform: translate(0,0);border-color: silver;box-shadow: 0 0 0 transparent;} 3% {-webkit-transform: translate(0,-5px);} 5% {-webkit-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 6% {-webkit-transform: translate(0,-2px);} 7% {-webkit-transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 100% {-webkit-transform: translate(0,0);border-color: gray;box-shadow: 0 0 0 transparent;} } @keyframes hilite { 0% {transform: translate(0,0);border-color: silver;box-shadow: 0 0 0 transparent;} 3% {transform: translate(0,-5px);} 5% {transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 6% {transform: translate(0,-2px);} 7% {transform: translate(0,0);border-color: red;box-shadow: 0 0 5px red;} 100% {transform: translate(0,0);border-color: gray;box-shadow: 0 0 0 transparent;} } .voteSubmit { background-color: transparent; background-image: url(https://cdn.afterdawn.fi/partner/helpson/submitBg.png); background-position: 50% 0; background-repeat: no-repeat; border: 0; clear: both; cursor: pointer; font-weight: bold; width: 196px; height: 47px; } .voteSubmit:hover { background-position: 50% -47px; } .pollBox #displayResults { margin: 15px 5px 5px 5px; width: 290px; } .ratingBars { width: 290px; } .pollBox td { vertical-align: middle !important; padding-bottom: 10px !important; } .pollBox .optionText { text-align: right; font-size: 12px; width: 50%; } .pollBox .ratingBarHolder { padding-left: 10px !important; } .pollBox .ratingBar { background-color: white; border: 1px solid black; left: 140px; height: 15px; top: 2px; width: 100px; } .pollBox .ratingBarVisible { background-color: green; height: 100%; } .pollBox .votes { font-size: 10px; padding-left: 3px !important;width: 40px; } .pollBox .total { font-size: 10px; padding-top: 10px !important; text-align: right; } .pollBox .votes.total { text-align: left; } /* thumbs */ .voteForAnswer { display: block; height: 24px; float: right; } .voteForAnswer * { display: block; float: left; font-weight: normal !important; } .voteForAnswer a { background-repeat: no-repeat; cursor: pointer; margin-top: 2px; width: 16px; height: 16px; } .voteForAnswer a.thumbsUp { background-position: -100px -520px; } .voteForAnswer a.thumbsDown { background-position: -120px -520px; } .voteForAnswer a.thumbsUp:hover { background-position: -100px -500px; } .voteForAnswer a.thumbsDown:hover { background-position: -120px -500px; } .voteForAnswer a.thumbsUp.thumbGrayed, .voteForAnswer a.thumbsUp.thumbGrayed:hover { background-position: -140px -500px; cursor: default; } .voteForAnswer a.thumbsDown.thumbGrayed, .voteForAnswer a.thumbsDown.thumbGrayed:hover { background-position: -140px -520px; cursor: default; } .voteForAnswer a.processing { background-image: url(https://cdn.afterdawn.fi/v4/animated_circle.gif) !important; background-position: 0 0 !important; cursor: default !important; } .voteForAnswer span { width: 32px; text-align: center; margin-right: 6px; } .questionHeader .voteForAnswer { float: right; line-height: 20px; padding-top: 3px; } .askersNick { color: #bcbcbc; font-size: 11px; } /* numbers of answers */ .questionTitle { position: relative; } .number-bullet { position: absolute; top: -5px; left: -3px; height: 14px; width: 14px; font-size: 0; } .answered .number-bullet, .not-answered .number-bullet { background-color: green; color: white; display: block; border-radius: 7px; } .not-answered .number-bullet { background-color: gray; } .multiple_answers .number-bullet, .multiple_answers .number-bullet:before, .multiple_answers .number-bullet:after { background: #ff8c00; } .number-of-answers { font-size: 11px; font-weight: bold; position: absolute; color: white; width: 14px; left: 0; text-align: center; z-index: 2;} .multiple_answers .number-bullet:before { height: 14px; width: 14px; content:""; position: absolute; /* Rotate */ -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .multiple_answers .number-bullet:after { height: 14px; width: 14px; content:""; position: absolute; /* Rotate */ -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } /* vote review */ .voteReview { line-height: 18px; margin-top: 30px; position: relative; } .voteReview .voteQuestion { display: block; font-size: 11px; font-weight: bold; margin-right: 5px; width: 49% !important; } .voteOptions { float: right; position: absolute; top: 0; right: 0; width: 49% } .optionHolder { border: 1px solid silver; float: left; margin-right: 5px; width: 63px; height: 18px; position: relative; } .thumbsUpBar, .thumbsDownBar { background-position: -100px -579px; cursor: pointer; display: block; font-size: 10px; text-transform: uppercase; line-height: 17px; padding: 0; text-align: center; margin-left: 18px; } .voteIcon { display: block; width: 18px; height: 16px; position: absolute; top: 1px; left: 1px; } .thumbsUpBar .voteIcon { background-position: -100px -520px; } .thumbsDownBar .voteIcon { background-position: -120px -520px; } .thumbsUpBar:hover .voteIcon { background-position: -100px -500px; } .thumbsDownBar:hover .voteIcon { background-position: -120px -500px; } .thumbsUpBar.thumbGrayed .voteIcon, .thumbsUpBar.thumbGrayed:hover .voteIcon { background-position: -140px -500px; } .thumbsDownBar.thumbGrayed .voteIcon, .thumbsDownBar.thumbGrayed:hover .voteIcon { background-position: -140px -520px; } .optionHolder.resultBar { margin-left: 10px; padding-right: 2px; width: 76px; } .votesHolder { position: absolute; width: 76px; } .optionHolder.resultBar .votesYes, .optionHolder.resultBar .votesNo { height: 16px; position: absolute; top: 1px; left: 1px; } .optionHolder.resultBar .votesYes { background-position: -100px -540px; z-index: 10; } .optionHolder.resultBar .votesNo { background-position: -100px -560px; width: 100%; } .votePercentage { font-size: 10px; font-weight: bold; margin-left: 5px; } /* smartTag -boxi */ .post .ingress { font-weight: bold; margin-bottom: 15px; } .post .maintext.hasSmartBox { clear: left; } #smartContainer { background-color: #d0d0e0; font-size: 11px; float: right; margin: 0 0 15px 15px; width: 180px; } #smartBox { background-color: #fffabc; border: 1px solid silver; padding: 5px; position: relative; top: -2px; left: -2px; } #smartBox ul { list-style: none; margin: 0; padding: 0 0 10px 0; } #smartBox li { margin-bottom: 5px; } #smartBox h3 { border-bottom: 0 !important; font-size: 11px !important; font-weight: bold !important; margin: 0; padding: 0; } #smartBox span.date { color: gray; } #smartAnnouncement { border-top: 1px solid silver; min-height: 36px; padding-top: 10px; position: relative; } #smartAnnouncement .label_small { background-color: #fffabc; color: gray; font-size: 10px; padding-left: 5px; position: absolute; text-transform: uppercase; top: -10px; right: 0; } #smartAnnouncement p { color: blue; font-size: 12px; font-weight: bold; margin: 0; } #smartAnnouncement a { font-weight: bold; } /* muutokset adsenseä varten */ #smartBox .label_small { display: none; } #smartBox .google_ads_feedback { color: gray !important; text-decoration: none; position: absolute; top: -11px; left: 0; background-color: #fffabc; padding-right: 5px; /*font-weight: normal; text-transform: uppercase;*/ } #smartContent p { color: black; font-size: 11px; font-weight: normal; } #smartContent a { word-wrap: break-word; } /* /muutokset adsenseä varten */ /* /smartTag -boxi */ /* sponsor form */ .checkVATNumberText { background-repeat: no-repeat; display: inline-block; font-size: 11px; height: 16px; margin-left: 10px; padding-left: 20px; } .checkVATNumberText.processing { background-image:url(https://cdn.afterdawn.fi/v4/animated_circle_transparent.gif); background-position: 0 0; color: gray; } .checkVATNumberText.valid, .checkVATNumberText.invalid { background-image:url(https://cdn.afterdawn.fi/v4/aftericons_common.110309.png); } .checkVATNumberText.valid { background-position: 0 -360px; color: #006400; } .checkVATNumberText.invalid { background-position: 0 0; color: red; } .sponsorForm .help input { margin: 2px 5px 0 0; position: relative; top: 2px; width: auto; } /* sponsor campaign */ .sponsorCampaign .selectDate { margin-bottom: 10px; } .campaignList { border: 1px solid gray; } .campaignList td, .campaignList th { padding: 2px 5px; } .campaignList th { background-color: gray; color: white; } .campaignList .campaignTotals { font-weight: bold; } .campaignList .row_0 { background-color: #f0f0f2; } .campaignList .campaignCategory { min-width: 150px; } .campaignList .campaignStatsViews, .campaignList .campaignStatsClicks, .campaignList .campaignStatsDownloads { min-width: 50px; text-align: right; } .campaignList .campaignName { min-width: 200px; } /* /sponsor campaign */ /* newstip */ .newstip { background-color: #f4f4f4; border: 2px solid silver; font-size: 12px; margin: 0 15px; padding: 5px 10px 7px 10px; -moz-border-radius: 10px; border-radius: 10px;} .newstiptitle { display: block; font-weight: bold; } .newstipcontent { clear: both; display: block; } /* sidebar content feed icons */ #sidebarContentFeeds img, #sidebarContentFeeds span { display: none; } #sidebarContentFeeds a { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); background-repeat: no-repeat; clear: both; display: block; float: left; } #contentFeedRSS { background-position: -70px -310px; width: 28px; height: 16px; margin: 4px 0 5px 0; } #contentFeedGoogle { background-position: 0 -350px; width: 104px; height: 17px; margin: 4px 0; } #contentFeedYahoo { background-position: 0 -370px; width: 91px; height: 17px; margin: 4px 0; } #contentFeedMSN { background-position: -110px -310px; width: 71px; height: 14px; margin: 5px 0 6px 0; } #contentFeedNetvibes { background-position: -100px -370px; width: 91px; height: 17px; margin: 4px 0; } #contentFeedTwitter { background-position: -110px -340px; width: 61px; height: 23px; margin: 1px 0; } .ad-adcode { position: absolute; display: none; } /* scaledDownImage */ .scaledDownImage { display: block; position: relative; max-width: 728px; } .scaledDownImage img { min-width: 64px; min-height: 64px; max-width: 728px; } .scaledDownImage .zoomIcon { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); background-repeat: no-repeat; background-position: -75px -650px; width: 64px; height: 64px; position: absolute; top: 0; right: 0; filter:alpha(opacity=30); -moz-opacity:0.5; opacity: 0.5; -moz-border-radius-bottomleft: 16px; border-bottom-left-radius: 16px; } .scaledDownImage:hover { border-color: #818181; border-color: rgba(0,0,0,0.43); } .scaledDownImage:hover .zoomIcon { filter:alpha(opacity=60); -moz-opacity:0.9; opacity: 0.9; } /* /scaledDownImage */ .search-within-category, .selected-filters { margin-bottom: 15px; } .search-within-category h3, .search-within-category form, .search-within-category input, .selected-filters h3, .selected-filters li { font-size: 11px; margin: 0; min-height: 15px; padding: 0 !important; } /* edukas */ /* prices */ #one-product-prices { clear: both; margin-bottom: 30px; width: 100%; } #one-product-prices td { padding: 20px 10px; border-bottom: 1px dotted #ddd !important; } .store-logo-cell { font-weight: bold; text-align: center; width: 104px; overflow: hidden; } .store-logo-container { width: 120px; height: 35px; position: relative; line-height: 35px; } .store-logo-container img { vertical-align: middle; } .store-logo { max-width: 120px; max-height: 35px; } .store-logo-cell .star-container { margin-top: 5px; } .store-logo-container .star-container a { margin: 0 0 0 5px; } #one-product-prices .row_0 { background-color: #f8f8f8; } #one-product-prices .storeRating .oneStar.s_1 { margin-left: 24px; } #one-product-prices a.rateStore { float: none !important; font-weight: normal; white-space: nowrap; } #one-product-prices .desc { font-size: 10px; max-width: 400px; overflow: hidden; text-transform: uppercase; vertical-align: middle !important; } #one-product-prices .desc a { color: black; } #one-product-prices .price { text-align: center; width: 140px; } #one-product-prices .price a { color: red !important; font-weight: bold; font-size: 16px; } #one-product-prices .price a.jump-to-store { color: white !important; } a.jump-to-store { background-color: #9d9d9d; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.14, rgb(160,160,160)), color-stop(0.49, rgb(144,144,144)), color-stop(0.51, rgb(160,160,160)) ); background-image: -moz-linear-gradient( center bottom, rgb(160,160,160) 14%, rgb(144,144,144) 49%, rgb(160,160,160) 51% ); border: 1px solid rgba(0,0,0,0.4); border: 1px solid #909090; color: white !important; display: block; font-size: 13px !important; font-weight: bold; margin: 10px; padding: 3px 24px 3px 10px; height: 16px; text-decoration: none; white-space: nowrap; float: left; clear: both; -moz-border-radius: 12px; border-radius: 12px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3); position: relative; } a.jump-to-store:hover { background-color: #b1b1b1; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.14, rgb(197,197,197)), color-stop(0.49, rgb(178,178,178)), color-stop(0.51, rgb(194,194,194)), color-stop(0.76, rgb(208,208,208)) ); background-image: -moz-linear-gradient( center bottom, rgb(197,197,197) 14%, rgb(178,178,178) 49%, rgb(194,194,194) 51%, rgb(208,208,208) 76% ); border: 1px solid #aaaaaa; box-shadow: 0 0 3px rgba(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } a.jump-to-store:hover .icon-container { box-shadow: 0 0 5px white; } a.jump-to-store .icon-container { background-color: lightgreen; color: black; position: absolute; right: 3px; top: 4px; border: 1px solid black; font-size: 18px; font-weight: bold; width: 12px; height: 12px; line-height: 10px; display: block; text-align: center; -moz-border-radius: 7px; border-radius: 7px; box-shadow: 0 0 3px white; } /* /prices */ /* price-alert */ #price-alert { background-color: #f6edd0; border: 1px solid #e6ddc0; box-shadow: 3px 3px 0 #efe6c9; padding: 10px 20px; } #price-alert h2 { margin: 0 0 10px 0; } #price-alert p { line-height: 30px; min-height: 30px; margin: 0; } #price-alert .one-item { height: 30px; float: left; clear: left; line-height: 30px; padding-right: 25px; position: relative; } #price-alert .icon-container { background-image: url(https://cdn.afterdawn.fi/v4/aftericons_main.110406.png); background-repeat: no-repeat; background-position: 0 -900px; display: none; width: 16px; height: 16px; position: absolute; right: 0; top: 5px; } #price-alert .done { color: #7f7659; } #price-alert .done .text { text-decoration: line-through; } #price-alert .done .icon-container { display: block; } #price-alert .bullet { background-color: #898063; color: white; display: inline-block; font-weight: bold; margin-right: 10px; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 10px; } #price-alert label { cursor: pointer; font-weight: bold; } #price-alert .done label { cursor: default; } #price-alert input[type=text] { margin: 0 10px; } #price-alert-email { width: 180px; } #price-alert-price { width: 50px; } /* /price-alert */ .compareGoogleCell { background-color: #dfe7ff; padding-top: 25px !important; border-top: 1px solid #becaff; border-bottom: 1px solid #becaff; } .compareListGoogleContainer { width: 100%; text-align: left; } .compareListGoogle { padding: 0 39px; position: relative; } .compareListGoogle span { float: none; } .compareListGoogle .googleAdsInfo { background-color: #becaff; margin: 0; padding: 2px 25px 4px 49px; position: absolute; top: -25px; left: -10px; text-align:left; width: auto; border-bottom-right-radius: 7px; } .compareListGoogle .googleAdsInfo a { text-decoration: none; color: #444 !important; font-size: 12px; } #hardware_list .compareListGooglePanel { width: 48%; float: left; margin-right: 5px; } #hardware_list .compareListGooglePanel a { text-decoration: underline; } #hardware_list .compareListGooglePanel h2 { margin: 0 !important; padding: 0 !important; border-bottom: 0 !important; } #hardware_list .compareListGooglePanel p { margin: 5px 0 !important; } .newsTopics { clear: both; color: gray; font-size: 0; /*font-size: 11px;*/ margin-bottom: 0; padding-left: 50px; position: relative; text-align: left; } .newsTopics:after, .questionTags:after { content: ""; display: block; clear: both; } .newsTopicsTitle { font-size: 11px; position: absolute; left: 0; top: 4px; } .newsTopics a, .questionTags a { background-color: #a0a8f8; color: white !important; font-size: 11px; font-weight: bold; padding: 1px 8px; margin: 2px; display: block; float: left; text-decoration: none; border: 1px solid #9199e9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .newsTopics a:hover, .questionTags a:hover { background-color: #ffa500; border-color: #ff8c00; box-shadow: 0 0 3px #fefef1; } .article-custom-box { border: 1px solid silver; border-top: 0; clear: both; padding: 30px 0 0 0; position: relative; } .post .article-custom-box { border-top: 1px solid silver; } .share-fb, .share-twitter, .share-plusone { float: left; /* margin-right: 10px; min-width: 50px; padding: 20px 10px 10px 0; */ padding-top: 20px; } .article-custom-box .prev_next2 { margin: 0 0 10px 0 !important; min-height: 70px; } .article-custom-box .prev_next2:after { content: ""; display: block; clear: both; } .article-custom-box .prevArrow, .article-custom-box .nextArrow { background-repeat: no-repeat; display: block; padding-top: 15px; width: 200px; min-height: 64px; position: relative; text-decoration: none; } .article-custom-box .prevArrow { background-position: top left; float: left; padding-left: 74px; margin-left: 25px; } .article-custom-box .nextArrow { background-position: top right; float: right; padding-right: 74px; margin-right: 25px; text-align: right; } .prevTitle, .nextTitle { padding: 0 10px !important; } .nextTitle { text-align: right; } .prevArrow .arrow-container, .nextArrow .arrow-container { background-color: silver; background-image: none !important; color: white !important; font-size: 22px; line-height: 64px; display: block; height: 64px; width: 20px; padding: 0 !important; position: absolute; text-align: center; text-decoration: none; top: 0; } .prevArrow .arrow-container { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; left: -26px; } .nextArrow .arrow-container { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; right: -26px; } .prevArrow:hover .arrow-container, .nextArrow:hover .arrow-container { background-color: orange; box-shadow: inset 0 0 13px #ee9600; } .newsArticleGoogle { border-top: 1px solid silver; border-bottom: 1px solid silver; clear: both; padding: 25px 19px 10px 0; position: relative; text-align: left; } .newsArticleGoogle span { float: none; } .newsArticleGoogle .googleAdsInfo { margin: 0; padding: 2px 25px 0 0; position: absolute; top: 0; left: 0; text-align:left; } .newsArticleGoogle .googleAdsInfo a { text-decoration: none; color: #888 !important; font-size: 10px; } .newsArticleGooglePanel { width: 48%; float: left; margin-right: 5px; } .newsArticleGooglePanel:last-child { float: right; margin: 0 0 0 5px; } .newsArticleGooglePanel a, .newsArticleGooglePanelSingle a { text-decoration: underline; } .newsArticleGooglePanel h2, .newsArticleGooglePanelSingle h2 { margin: 0 !important; padding: 0 !important; border-bottom: 0 !important; font-weight: bold; } .newsArticleGooglePanel h2 a, .newsArticleGooglePanelSingle h2 a { color: #ff5f00 !important; text-decoration: none; } .newsArticleGooglePanel p, .newsArticleGooglePanelSingle p { margin: 5px 0 10px 0!important; font-weight: bold; } .newsArticleGoogle:after { content: ""; clear: both; display: block; } .newsGoogleContainerWithinArticle { clear: both; padding: 2em 0; } .article-custom-box h1, .article-custom-box h3 { min-width: 100px; background-color: #eee; margin: 0; padding: 2px 25px 0 40px; position: absolute; top: 0; left: 0; text-align:left; width: auto; border-bottom-right-radius: 7px; text-decoration: none; color: #444 !important; font-size: 12px !important; font-weight: normal; } .featuredBox:after { content: ""; display: block; clear: both; } /* uutiskommenttien leiskafix 16.8.2011 */ .KonaBody { display: block !important; } /* /uutiskommenttien leiskafix 16.8.2011 */ /* tuotesivun uudistus 19.8.2011 */ .compareTopSection.boxStyle { width: 630px; min-height: 250px; float: left; position: relative; } .compareTopSection.boxStyle:after, .boxStyle .hardware_picture img:after, .boxStyle .adsense:after { content: ""; display: block; clear: both; height: 0; } .boxStyle h1 { background-color: #9a9a9a; border: 1px solid gray; font-size: 16px !important; padding: 10px 100px 10px 20px; text-shadow: 1px 1px 1px #606060; } .boxStyle h1 a { color: white !important; text-decoration: none; } .boxStyle .priceHolder { margin: -8px 0 8px 0; } /*.boxStyle .priceHolder:before { content: "Hinta:"; font-size: 16px; font-weight: bold; margin-right: 10px; }*/ .boxStyle .priceHolder a { font-weight: normal !important; } .boxStyle .hwpic_holder { float: left; margin: 10px 0 0 -4px; } .boxStyle .hwdetails_holder { float: left; width: 380px; } .boxStyle .hwoptions_holder { background-color: transparent; border: 0; margin: 8px 0 15px -10px; } .boxStyle .hwrating_holder { padding: 0; position: absolute; top: 10px; right: 10px; } .boxStyle .starsContainer .oneStar { background-position: 0 -627px; width: 16px; height: 20px; position: relative; } .boxStyle .starsContainer.rating_5 .star_1, .boxStyle .starsContainer.rating_5 .star_2, .boxStyle .starsContainer.rating_5 .star_3, .boxStyle .starsContainer.rating_5 .star_4, .boxStyle .starsContainer.rating_5 .star_5, .boxStyle .starsContainer.rating_4_5 .star_1, .boxStyle .starsContainer.rating_4_5 .star_2, .boxStyle .starsContainer.rating_4_5 .star_3, .boxStyle .starsContainer.rating_4_5 .star_4, .boxStyle .starsContainer.rating_4 .star_1, .boxStyle .starsContainer.rating_4 .star_2, .boxStyle .starsContainer.rating_4 .star_3, .boxStyle .starsContainer.rating_4 .star_4, .boxStyle .starsContainer.rating_3_5 .star_1, .boxStyle .starsContainer.rating_3_5 .star_2, .boxStyle .starsContainer.rating_3_5 .star_3, .boxStyle .starsContainer.rating_3 .star_1, .boxStyle .starsContainer.rating_3 .star_2, .boxStyle .starsContainer.rating_3 .star_3, .boxStyle .starsContainer.rating_2_5 .star_1, .boxStyle .starsContainer.rating_2_5 .star_2, .boxStyle .starsContainer.rating_2 .star_1, .boxStyle .starsContainer.rating_2 .star_2, .boxStyle .starsContainer.rating_1_5 .star_1, .boxStyle .starsContainer.rating_1 .star_1 { background-position: -40px -627px; } .boxStyle .starsContainer.rating_4_5 .star_5, .boxStyle .starsContainer.rating_3_5 .star_4, .boxStyle .starsContainer.rating_2_5 .star_3, .boxStyle .starsContainer.rating_1_5 .star_2, .boxStyle .starsContainer.rating_0_5 .star_1 { background-position: -20px -627px; } .compareProductPageGoogle .googleAdsInfo { border-bottom: 1px solid green; font-size: 18px; margin: 0 -10px; padding: 5px 10px; } .compareProductPageGooglePanel { float: left; width: 47%; margin: 0 20px 20px 0; } .compareProductPageGooglePanel h2 { border-bottom: 0 !important; font-size: 15px !important; font-weight: bold !important; margin: 10px 0 5px 0 !important; } .compareProductPageGooglePanel p { margin: 0; } .compareProductPageGooglePanel p span { font-size: 14px; } .compareProductPageGoogle .google_ads_feedback { color: black !important; text-decoration: none; } .compareProductPageGoogle .google_ads_feedback:hover { text-decoration: underline; } /* /tuotesivun uudistus 19.8.2011 */ /* newsletter subscribe 20.1.2012 */ div.newsletterSubscribeWrapper { padding: 0 40px 20px 60px; } div.newsletterSubscribeWrapper:after { content: ""; display: block; clear: both; } form.newsletterSubscribe:after { clear: both; content: ""; display: block; } form.newsletterSubscribe { margin-right: 90px; position: relative; } .newsletterSubscribeWrapper label { display: block; font-size: 12px; font-weight: bold; margin: 0 0 5px -10px; } .newsletterSubscribeWrapper input { border-radius: 4px; padding: 10px; } .newsletterSubscribeWrapper input[type=email] { border: 1px solid rgba(0,0,0,0.2); float: right; width: 100%; } .newsletterSubscribeWrapper input[type=email]:focus { border-color: orange; box-shadow: 0 0 12px orange; } .newsletterSubscribeWrapper input[type=submit] { background: rgb(255,233,145); background: -moz-linear-gradient(top, rgba(255,233,145,1) 0%, rgba(241,206,50,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,233,145,1)), color-stop(100%,rgba(241,206,50,1))); background: -webkit-linear-gradient(top, rgba(255,233,145,1) 0%,rgba(241,206,50,1) 100%); background: -o-linear-gradient(top, rgba(255,233,145,1) 0%,rgba(241,206,50,1) 100%); background: -ms-linear-gradient(top, rgba(255,233,145,1) 0%,rgba(241,206,50,1) 100%); background: linear-gradient(top, rgba(255,233,145,1) 0%,rgba(241,206,50,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe991', endColorstr='#f1ce32',GradientType=0 ); border: 1px solid #ddb14e; color: #875702; box-shadow: inset 0 1px 1px 1px rgba(255,255,255,0.5); cursor: pointer; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; float: right; letter-spacing: 1px; margin: 8px 0 0 0; padding: 9px 12px 10px 12px; position: absolute; bottom: 0; right: -90px; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); text-transform: uppercase; } .subscribeOutput { border: 1px solid #ddb14e; border-radius: 4px; color: black; width: 100%; padding: 5px 10px; position: absolute; /*left: -22px; top: 105%;*/ left: -75px; bottom: 125%; z-index: 1; box-shadow: inset 0 0 0 2px white, 1px 1px 3px rgba(150,122,59,0.5); background: rgb(254,252,234); background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(239,234,198,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,234,198,1))); background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,234,198,1) 100%); background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,234,198,1) 100%); background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,234,198,1) 100%); background: linear-gradient(top, rgba(254,252,234,1) 0%,rgba(239,234,198,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efeac6',GradientType=0 ); } #newsletterBar { min-width: 1000px; } #newsletterBar .content { overflow: visible !important; width: 990px !important; } #newsletterBar .content p { font-weight: bold; float: left; margin: 1px 10px 0 0; position: relative; z-index: 1; } #newsletterBar .newsletterSubscribe label { float: left; margin: 2px 10px 0 0; } #newsletterBar .newsletterSubscribe input { float: none; margin: -1px 0 0 0; position: relative; right: 0; width: auto; padding: 0 10px; } #newsletterBar.newsletterSubscribe input[type=email] { width: 250px; } #newsletterBar .shareButtons { position: absolute; top: 3px; right: -145px; } /* /newsletter subscribe */ /* prev&next news-item */ .browse-news-wrapper { display: block; position: fixed; top: 50%; width: 60px; height: 0; text-decoration: none; z-index: 10; } .browse-news-wrapper.go-prev { left: -150px; -moz-transition: left 1s linear; -o-transition: left 1s linear; -webkit-transition: left 1s linear; transition: left 1s linear; } .browse-news-wrapper.go-prev:after { content: ""; background-position: -169px -733px; left: 10px; } .browse-news-wrapper.go-next { right: -150px; -moz-transition: right 1s linear; -o-transition: right 1s linear; -webkit-transition: right 1s linear; transition: right 1s linear; } .browse-news-wrapper.go-next:after { content: ""; background-position: -144px -733px; right: 10px; } .browse-news-wrapper:after { background-image: url(https://cdn.afterdawn.fi/v4/aftersprites.120213.png); background-color: rgba(255,255,255,0.1); border: 15px solid white; border-radius: 20px; color: rgba(255,255,255,0.4); display: block; position: absolute; width: 21px; height: 21px; top: -25px; opacity: 0.4; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); box-shadow: 1px 1px 0 rgba(0,0,0,0.25); -moz-transition: all .25s linear; -moz-transform-origin: 50% 50%; -o-transition: all .25s linear; -o-transform-origin: 50% 50%; -webkit-transition: all .25s linear; -webkit-transform-origin: 50% 50%; transition: all .25s linear; transform-origin: 50% 50%; } .browse-news-wrapper:hover:after { background-color: rgba(100,255,187,0.4); color: rgba(255,255,255,0.8); text-shadow: -1px -1px 0 rgba(0,0,0,0.2); opacity: 1; } .browse-news-wrapper span { color: rgba(255,255,255,0); display: block; font-size: 11px; position: absolute; bottom: -55px; text-align: center; text-transform: uppercase; width: 100%; text-shadow: -1px -1px 0 rgba(0,0,0,0); -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transition: all .25s linear; transition: all 13s linear; } .browse-news-wrapper:hover span { color: white; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); } .browse-news-wrapper.go-prev span { left: 6px; } .browse-news-wrapper.go-next span { right: 6px; } @media all and (min-width: 1460px) { .browse-news-wrapper.go-prev { left: 0; } .browse-news-wrapper.go-next { right: 0; } .browse-news-wrapper.go-prev.wait-for-load { left: -150px; } .browse-news-wrapper.go-next.wait-for-load { right: -150px; } } /* /prev&next news-item */ /* nostoboxit */ .news-wrapper { border-width: 1px; border-style: solid; font-size: 11px !important; margin: 15px 0; padding: 10px 10px 0 10px; position: relative; } .news-wrapper.mato78, .news-wrapper.mato78 h1 { font-family: "Lucida Sans", Tahoma, Helvetica, Arial !important; } .news-wrapper.androidsuomi, .news-wrapper.androidsuomi h1 { font-family: "Lucida Grande",Helvetica,Verdana,sans-serif !important; } .news-wrapper.mato78 { color: #333 !important; border-color: #dbdbdb; box-shadow: 0 0 4px rgba(0,0,0,.15); padding-top: 70px; } .news-wrapper.mobiiliblogi { border-color: #ccccca; box-shadow: 0 0 0 2px #bfbfbe, 0 0 0 4px #e2e2e4; } .news-wrapper.mobiiliblogi { font-family: Georgia,"Times New Roman",Times,serif !important; padding-top: 80px; } .news-wrapper.androidsuomi { background-color: #ececec; border-color: #c0c0c0; border-radius: 20px; box-shadow: 0 0 0 1px white inset; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 33%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(33%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 100%); /* IE10+ */ background-image: linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 100%); /* W3C */ } .news-wrapper.mato78 h1 { color: #1e1e1e !important; font-size: 1.2em !important; font-weight: normal !important; margin: 5px 13px !important; } .news-wrapper.mato78 .news-wrapper-header { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 100%); border-bottom: 1px solid #dbdbdb; position: absolute; width: 100%; height: 50px; top: 0; left: 0; padding: 10px 0; } .news-wrapper.mobiiliblogi .news-wrapper-header { background-image: url(https://cdn.afterdawn.fi/partner/mobiiliblogi/mobiiliblogi_headerbg.jpg); position: absolute; width: 100%; height: 77px; top: 0; left: 0; } .news-wrapper.mobiiliblogi h1 { color: #e1e1e1 !important; font-size: 1.2em !important; font-weight: normal !important; position: absolute; bottom: 0px; margin-left: 15px !important; text-shadow: 0 1px 0 rgba(0,0,0,.5); } .news-wrapper.androidsuomi h1 { color: #444 !important; font-size: 1.2em !important; margin: 0 0 0 10px !important; } .mato78 .news-wrapper-logo { display: block; height: 30px; width: 183px; background-image: url(https://cdn.afterdawn.fi/partner/mato78/mato78logo.png); margin: 0 10px; } .mobiiliblogi .news-wrapper-logo { display: block; height: 58px; } .androidsuomi .news-wrapper-logo { background-image: url(https://cdn.afterdawn.fi/partner/androidsuomi/androidsuomi_logo.png); display: block; width: 219px; height: 51px; } .news-wrapper.mobiiliblogi ul { border: 0 !important; } .news-wrapper.androidsuomi ul { background-color: white; border-radius: 10px; margin-bottom: 10px !important; } .news-wrapper li { padding: 0 !important; } .news-wrapper.mato78 li, .news-wrapper.mobiiliblogi li { font-size: 1.2em !important; } .news-wrapper.androidsuomi li { border-bottom: 1px solid #dbdbdb; font-size: 1.2em !important; margin: 0 10px; } .news-wrapper a { text-decoration: none !important; } .news-wrapper.mato78 li a { border-bottom: 1px solid #dbdbdb; display: block; color: #505252 !important; padding: 10px 0; } .news-wrapper.mobiiliblogi li a { border-bottom: 1px solid #ecece9; display: block; color: #2fa905 !important; padding: 10px 0; } .news-wrapper.androidsuomi li a { color: #007399 !important; display: block; padding: 10px 0; } .news-wrapper.mato78 li:last-child a, .news-wrapper.androidsuomi li:last-child { border-bottom: 0; } .news-wrapper.mato78 li a:hover { background-color: #417ed2; border-bottom-color: #417ed2; color: white !important; text-decoration: none; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; } .news-wrapper li span { cursor: pointer; } .news-wrapper li .link-title { margin-right: 20px; } .news-wrapper.mato78 li .time { font-size: .8em; opacity: .5; } .news-wrapper.mobiiliblogi li .time { font-size: .8em; color: gray; } .news-wrapper.androidsuomi li .time { font-size: .8em; color: #444; } .news-wrapper.mobiiliblogi a:hover, .news-wrapper.androidsuomi a:hover { text-decoration: none !important; } .news-wrapper.mobiiliblogi a:hover .link-title, .news-wrapper.androidsuomi a:hover .link-title { text-decoration: underline !important; } /* /nosto-boxit */ /* uudet editor-napit 07/2012 */ .editor-button-container { border-left: 1px solid gray; border-right: 1px solid gray; margin-bottom: -2px; padding: 10px; height: 32px; } .editor-button { float: left; width: 32px; height: 32px; margin-right: 3px; cursor: pointer; position: relative; border: 1px solid #999; background-color: #ccc; background-color: rgba(0,0,0,.15); border-radius: 3px; box-shadow: 0 -2px 1px rgba(0,0,0,.1) inset, 0 1px 2px rgba(0,0,0,.1); background-repeat: no-repeat; background-position: 0 0; } .editor-button:hover { border-color: gray; box-shadow: 0 2px 1px rgba(0,0,0,.1) inset, 0 1px 0 white; background-color: #ddd; background-color: rgba(0,0,0,.08); background-repeat: no-repeat; background-position: 0 -32px; } .editor-button:after { content: ""; display: block; width: 32px; height: 32px; border-radius: 3px; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C */ } .editor-button:hover:after { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.25))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 100%); /* W3C */ } .editor-button.bold { background-image: url(data:image/gif;base64,R0lGODlhIABAALMPAMfHx1dWVrKysu/194aFhdjk6na63Umi0XFwcK3W6rvd7qDP5zk4OCaRyP///////yH5BAEAAA8ALAAAAAAgAEAAAAS/8MlJq7046827/2AojmRpnmhaCQHjvoFgOsDrFC0jl877OAJX4OR7BBlDk2+Q25VeiBfAQXQBCC8nyQZ8DZQuySALZkgKr0KpFn5gGQTqSBAVvghfkmPP78tVgIGCg4SFhoeIiYqLjI2Oj5AWCQcNlZYHCTMFljeUDZk8lj8LlQcnog8JpaeVDwOeoCWXlgp/JLQGlrG3lXuqlXm8DWKWCyaoA5bBIputD7kNBrYgCdANntHLIX7ckd7f4OHiJBEAOw%3D%3D); } .editor-button.italic { background-image: url(data:image/gif;base64,R0lGODlhIABAALMPAMrKyrHY61pZWSiSycrk8rKysurz+IyLi1Gn03y93nBwcEGezzs6OuTk5P///////yH5BAEAAA8ALAAAAAAgAEAAAASZ8MlJq7046827/2AojmRpnqjUACzQpE8hMIxQwA5AGw78HIxDzzcD+B6N3bHAUAxhCsbtSHv5dIJnCng4PmhGmIwmCKNWLSvKwW573/C4fE6v2+/4vH7PlxsIgAQGMAEIAwMLATgBhzw+CQMJWiiGij4GjUeMCJMnkJY+mT4EiJ0mkAleh6AohYcIBDCBgIMpbW59ubq7vHkRADs%3D); } .editor-button.red { background-image: url(data:image/gif;base64,R0lGODlhIAAgALMAAP/Bwf/v7//f3/9PT/8PD/+Pj/88PP8fH/9fX/+vr/9vb/9/f/+fn/////8AAP///yH5BAEAAA8ALAAAAAAgACAAAARx8MlJq7046827/2AojmRpnihVpBXjAOxkOEj8AE4exMhBOKtUAKhwHFgLQkCQS6QOiEZj4BigXLmsQ3AyGABgwMGhMOESUmnBoSwZCA0K07EYCWZV7kNAzVlDAWEAOw+BgiJpaRKJUjaOj5CRkpOUHREAOw%3D%3D); } .editor-button.red:hover { background-position: 0 0; } .editor-button.quote { background-image: url(data:image/gif;base64,R0lGODlhIABAALMPAMzl8nC323Z2dqPQ6FBPT8vLy+rz91iq1aSjo43G4uLi4juczTk4OCaRyP///////yH5BAEAAA8ALAAAAAAgAEAAAATp8MlJq7046827/2AojmRpnmiqcgYiKFUhIKNCMAw8Cbgg2gyCwrELIoghHsGAfBRwheZHgTtSlNLPkyGYGSTKbiG0xXHBZpzOQ00z0Gnax8Ez+5zutceBuAklDgpKViEOgYYThkxZIIwPjiuRkpOUlZaXmJmam5ydnp+goSAGAwdfFAABCSMACw0NABQBrwEiBq6mTbMLA5Aau0wTAK8AvhkGrwlSu8YZww0HBwOnBw0LAQGxIM+vDbUP1d0Npx7I4g0Ss+Krc+qvBxLcr+R7A7jaDqnWvSKKiIAOFpVw1EyUwYMIEyqcEAEAOw%3D%3D); } .editor-button.code { background-image: url(data:image/gif;base64,R0lGODlhIABAALMPAI2NjarU6imSyU9PT+70+Njk6srKyq2trYvF4nK321Oo03JxcUCezzk4OP///////yH5BAEAAA8ALAAAAAAgAEAAAAT/8MlJq7046827/2AojmRpnmiqigOQFpPRGAVBEsfQTEBDLC3YpwDQDQ6TwcJhWDQaR5vm4GwsDA6HpNBAZolGgNCia4izlJ70kWWWDZfcEwCnKLUTMBSwpmQNPVAHNlxIEoBPUWgYWQRFUA8HDUJVdG0dbU0PAwN4AIOLIV9mE5cmRGMqpiusra6vsLGys7S1tre4ubq7vAIJL3kCATU3AQwCEwgCBAq+qRwFCQICDAETDAkO0dMKAX0XAc3OiwXCbA4ECMe+3xPTAggEoQ/Ka20B788SxtMJzwoK8EhIty7ehS/SqHl7QMDcloTd5Am00EjdtAf4pCT0t0rDvV8AGPEg8DbvQyN4pUqKSNfuREdeMGPKnGkrAgA7); } .editor-button.img { background-image: url(data:image/gif;base64,R0lGODlhIAAgALMPAOXq/qHe9p/NTnDK81KuItHm+srgWE699czY8iuj5rHalXC/LorHQtvqwv///////yH5BAEAAA8ALAAAAAAgACAAAASk8MlJq7046827/2AojmRpZk6qrizLtTD8OgBQ3HigDzyfvjbcTRfo9Q6/DU1INB6RiFeBuHMerocEIqqcVo3YbELL1TgKzkE4PC6UUYE1dqAw2O2C26uh6PvvBgKCg3pKDYB3gwIMjAwLhWaHeIuNjAuXlzZ7DJSNmJ8EBJobCAqfmKGpqqMapaqvsKIFHDc1tre4txxbvL2+vyfBwsPExcbHIhEAOw%3D%3D); } .editor-button.img:hover { background-position: 0 0; } .editor-button.link { background-image: url(data:image/gif;base64,R0lGODlhIAAgALMPAPf5+gUWUguo1x1MfGjR752ls4281Feoypni9mR/mOPo7SjC7A53p8LM1sLf7f///yH5BAEAAA8ALAAAAAAgACAAAATF8MlJq7046827/2AojmRpegCgOKySmqqDIM5aAyTQKIrhG4qDoYELAQwEoAJxOBAEgmER1TgIDikEQbGAChqFKUcx6DpSLgChKyAkGp9CAJqqO9bsQuEzCDAECHUAM2wCBQl8fgILgwQya1AMh4kDfwQzkJEDm3EBlX+LC1oCDJsBiB4KAZ4MrQxEClUJq3Aocp6fQA27fQliY324mwW7swMOIg4Mq8wJBX0DRCNBwcIJZyUADgYHDAkH0ifi4+Tl5ufoJxEAOw%3D%3D); } .editor-button.link:hover { background-position: 0 0; } /* /uudet editor-napit 07/2012 */ .commenting_disabled { color: gray; font-weight: bold; font-size: 1.2em; } table.removeBr br { display: none; } /* photo set */ .set-of-photos { margin-bottom: 20px; box-shadow: 0 2px 3px rgba(0,0,0,.5); float: left; width: 100%; } .set-of-photos br { display: none; } .set-of-photos:after { content: ""; display: block; clear: both; } .set-of-photos a { margin-right: -2px; border: 1px solid black; display: block; float: left; overflow: hidden; position: relative; } .set-of-photos a:after { content: ""; display: block; width: 74px; height: 74px; position: absolute; bottom: 0; right: 0; background-color: rgba(0,0,0,.5); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0UwMjg4RTAyODQ0MTFFMjk1NzhGRTk5MTc1MTJCMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0UwMjg4RTEyODQ0MTFFMjk1NzhGRTk5MTc1MTJCMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTAyODhERTI4NDQxMUUyOTU3OEZFOTkxNzUxMkIxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTAyODhERjI4NDQxMUUyOTU3OEZFOTkxNzUxMkIxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvP0qskAAARZSURBVHja5JppSFRRFMefW2mrUSal7RBlmi2YaRFBCygRQdRQQUUG0SfHPrR8CIQ+FWRZUX1pISisaLEvEVHRvigRoZLRTpS22TYtbtP/0R0YDvfOvPG++96td+CHnOfMu+f839z77nLigsGg4bIlgDxQCLLBKJAOeoHuoB38AJ/AC9AI7oGb4KNs43EuCjAd+MA8MLwL3w+AC+A0OAHauhSFKYDDzAOXgvbaC7AepMQaj5OJTwDng2rtGfDFEpdTXWAd2B7lM29ALagDz1mfN3/W8aA3yABjwBSQFeVe1aDE0hih+KkngZMRnlgL2Avmgm4x3Hcs2AgeROkWk93sAv3BfUFwn8FmMMCGdhaAW4J2OkCRGwL0AY2CoI6DTAVt+kGroM1ipwWoFQSyWnGXywb1grYnOiXAEU7jX0ChQ2+bnuAyJ4YPIFW1ACs4DQfAOBfmG7y5xkWVAvQDbZxGZ7iQvEkieMyJZ7kqAao4jfldSj5EJmdgDITPGO1qKIuT/HWXkw+xihNbud0zwSq2sAk3c1X3zNDDzBnm5DD/OxgIftqhcBroJAof1uTphygUvZLjbVB3mbmsJte2GHrZLfYrCLeVBltoyNp84l8DTw39bB/xp4FMWQFS2U4OHQ90tLOglVybJSvAFLZtFW6XNRXAXF7fJdfyZQWg6/LQnp2udof4Y2UFGE38ekNvo/ENlRUgjfhvNReAxtdHVoAexP+quQCf6YaYrAAJxG/XXIBWuwWgCSdpLkAy8eNlBQhw5gU6Wz96QVaAJuJnaC7AYOK3yApA3/nZnHWBTpZD/FeyAjRwFM7RWIAC4tfJClDDGQfmaPzzzyPXbtsxCF4l15ZqKsAi0j07zHWLHcvhM8SfBHI1FGAN8S+B93bstvQGv8luyznNdoSKOTtCPjs3RfdbPYlxCbo9/h4k2CnAEI4AdZokv4kTW6mKc4FdnIa2upx8LiemptDTt1uAZHbsTW2JS8n3Z8lSK1J5NlgkOJktcjj5vqCBE8dRJ06HtwlE8Dl4HNYgqB9KdKo+oFogQrni5GeDN4Lj+aEq6wPMxNaSa1cEIphn9/kKKlIqBO19BzkqK0T8Efp6dYQipgORAosh8TLwWtBGMxivskaozMKAVxGlts+cNZbEUDfUg7WxB7yLcN8aMFxlnWAZqBD8rxicJwuRPcbfE1mRmTWBdYyXoBn8AomgLxjGtuHNdcaAKLHtAqWWsrDhZy8yOiakg0OKK0Wvs4FQaams32IwBwXfLwDHQLvNiS/uysNUlfxOC/caATaAG4Laomj2BOwGM2XGsVjGAD/YYeFzleyzsZjZv6ey7bSRYJB5agNS2Njwzfhb92vWED9iZ3wPQaf0LoELT14rPJ28FQH+6+SjCfDfJx9JAE8kLxLAM8nzBPBU8lQAzyUfLoAnkw8JsN2ryYdKZTMUTW//DWNKVHrtyfMGwUqvJc97DVZ6KXnRcvgU+7vQ8ID9EWAAVSuTfElaKVYAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 50% 50%; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .set-of-photos a:hover:after { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); border: 1px solid white; } .set-of-photos a:hover { border-color: white; box-shadow: 0 0 0 2px white, 0 0 3px 2px black; z-index:400; } .set-of-photos img { float: left; margin: 0 !important; position: relative; } .set-of-photos a:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; box-shadow: 0 0 0 1px black inset, 0 0 0 4px black; z-index: 10; top: 0; left: 0; } .set-of-photos a:hover:before { box-shadow: 0 0 0 1px white inset, 0 0 0 4px white; } .set-of-photos h1, .set-of-photos h2 { border: 0 !important; font-size: 13px !important; font-family: "Arial Black"; margin: 0 !important; text-transform: uppercase; } .set-of-photos h1 { background-color: black; float: left; color: white; width: 100%; padding: 2px 1px; text-align: center; margin-top: 0 !important; } .set-of-photos h2 { color: rgba(255,255,255,.9); font-family: "Arial Black"; font-size: 11px !important; letter-spacing: .1em; position: absolute; background-color: rgba(0,0,0,.5); width: 100%; top: 0; left: 0; z-index: 1; padding: 5px 0; text-align: center; font-weight: bold !important; text-shadow: 0 -1px 0 black; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .set-of-photos a:hover h2 { background-color: rgba(0,0,0,.6); padding-top: 20px; color: white; text-shadow: 0 0 4px rgba(255,255,255,.75); } .set-of-photos h3 { border-bottom: 0; padding: 10px; color: white; background-color: black; margin: 0 -2px 0 0; } /* /photo set */ #latest-threads h1 { font-size: 14px !important; border: 1px solid #404040; border-bottom: 0; color: white; padding: 5px; margin: 0 !important; height: 22px; line-height: 22px; background: #f47e00; background: -moz-linear-gradient(top, #f47e00 0%, #c46500 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47e00), color-stop(100%,#c46500)); background: -webkit-linear-gradient(top, #f47e00 0%,#c46500 100%); background: -o-linear-gradient(top, #f47e00 0%,#c46500 100%); background: -ms-linear-gradient(top, #f47e00 0%,#c46500 100%); background: linear-gradient(top, #f47e00 0%,#c46500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47e00', endColorstr='#c46500',GradientType=0 ); } #latest-threads { padding: 10px; } #latest-threads table { border: 1px solid #404040; width: 100%; margin-bottom: 2em; } #latest-threads th { background-color: gray; border-bottom: 1px solid rgba(0,0,0,.5); color: white; } #latest-threads td, #latest-threads th { font-size: 90%; padding: 5px 10px; } #latest-threads td { border-bottom: 1px solid rgba(0,0,0,.05); } #latest-threads tr:nth-child(2n) td { background-color: rgba(0,0,0,.03); } #latest-threads td:first-child { background-image: url('data:image/gif;base64,R0lGODlhDgAQALMPAPf39+3t7fX19fLy8snJycPDw+/v79jY2Pj4+Pn5+fv7+/r6+v39/cDAwPz8/Pr6+iH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMzRDMTE4MkFFN0MxMUUyQkM3QkUxQzNGMzBDQjlCRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMzRDMTE4M0FFN0MxMUUyQkM3QkUxQzNGMzBDQjlCRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMzNEMxMTgwQUU3QzExRTJCQzdCRTFDM0YzMENCOUJGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMzNEMxMTgxQUU3QzExRTJCQzdCRTFDM0YzMENCOUJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAADwAsAAAAAA4AEAAABGvwlEYrPeO9shxzIMMkBPY0CgAggDAETFAOjZMsSeIaDls2DMVCkUAIDB8RxaHw2FoGQ8BBSToXxsGACnSKhEYBN/nxCFdjkae8aKdBIIU8x10HmXI5YwnvNz1VdmRlDRx2a2sLBRIWjYUHEQA7'); background-repeat: no-repeat; background-position: 10px 50%; font-weight: bold; padding-left: 45px; } #latest-threads td:first-child { font-size: 100%; } #latest-threads table + a { background-color: #333; border: 1px solid black; box-shadow: 0 1px 0 rgba(255,255,255,.15) inset; display:block; color: whitesmoke !important; text-align: center; text-decoration: none; padding: 1em; margin-top: -1.5em; text-shadow: 0 -1px 0 black; background-image: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.5) 100%); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.5) 65%,rgba(0,0,0,0.5) 100%); } #latest-threads table + a:before { content: "+ "; } #latest-threads table + a:hover { background-color: #444; color: white; } /* testiryhmä (kesäkuu 2013) */ .test-header-wrapper {position:relative;width: 600px; padding-top:40px;margin-bottom:2em;} .test-header-wrapper h1 {color: white;position: absolute;margin: 0;padding: .25em 20px;font-size: 1.3em;background-color: #1e243e;width: 560px;top:0;} .test-writer-info-wrapper {background-color: whitesmoke;position:relative;min-height: 64px;padding: 20px 0;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 );} .test-header-wrapper:after,.test-writer-info-wrapper:after,.test-articles-links:after {content:"";display:block;clear:both;} .test-writer-info-wrapper {text-shadow: 0 1px 0 white;} .test-writer-label {color: gray;position: absolute;top: 5px;font-size: .8em;left: 10px;} .test-writer-gravatar {position:absolute;top:28px; left: 10px;border: 2px solid white; box-shadow: 0 1px 3px rgba(0,0,0,.2);} .test-writer-nick {float:left;margin-left:100px;margin-bottom:0;border-bottom:0 !important;} .test-writer-nick:after{content:"";display:block;clear:both;width:500px;} .test-writer-info {float:left;margin-left:100px;margin-bottom:5px;} .test-articles-links {background-color: black;list-style:none;padding:0; margin:0;} .test-articles-links li {display:block;} .test-articles-links a {display:block;float:left;width:33%;position:relative;text-decoration:none;height:30px;line-height:30px;text-align: center; color: white !important;} .test-articles-links a.test-tbd { color: #555 !important; } .test-articles-links a.selected:after { content:"";display:block;position:absolute;width:0;height:0;border:4px solid transparent;border-top-color:black;left:50%;margin-left:-4px;bottom:-8px; } .rating-container-stars { background-color: #6a7471; background-color: rgba(51, 51, 51, 0.85); border: 1px solid rgba(0, 0, 0, 0.85); border-radius: 38px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; line-height: 0; margin: 5px 0 5px -2px; position: relative; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .rating-container-stars.rating-nobg { background-color: transparent; border: 0; box-shadow: none; } .rating-container-stars.rating-nobg .rating-wrapper { background-image: none; } .rating-container-stars .rating-wrapper { background-repeat: repeat-x; display: inline-block; position: relative; width: 100%; height: 100%; } .rating-container-stars .rating-wrapper:before, .rating-container-stars .rating-wrapper:after { content: ""; position: absolute; display: block; height: 100%; background-repeat: repeat-x; } .rating-container-stars .rating-wrapper span { display: none; } .rating-container-stars .rating-wrapper.rating_10:after { width: 20%; } .rating-container-stars .rating-wrapper.rating_15:after { width: 30%; } .rating-container-stars .rating-wrapper.rating_20:after { width: 40%; } .rating-container-stars .rating-wrapper.rating_25:after { width: 50%; } .rating-container-stars .rating-wrapper.rating_30:after { width: 60%; } .rating-container-stars .rating-wrapper.rating_35:after { width: 70%; } .rating-container-stars .rating-wrapper.rating_40:after { width: 80%; } .rating-container-stars .rating-wrapper.rating_45:after { width: 90%; } .rating-container-stars .rating-wrapper.rating_50:after { width: 100%; } .rating-container-stars.container-small { width: 60px; height: 10px; padding: 3px; } .rating-container-stars.container-small .rating-wrapper:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjIyRkNGRUNBNzVBMTFFMjg1MTVDQjk0RkY1QTgwNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjIyRkNGRURBNzVBMTFFMjg1MTVDQjk0RkY1QTgwNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjJGQ0ZFQUE3NUExMUUyODUxNUNCOTRGRjVBODA3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjJGQ0ZFQkE3NUExMUUyODUxNUNCOTRGRjVBODA3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhFkYLUAAADBSURBVHjaYvz//z8DBjjF6AAkeRnM/m9Gl2JiwA5igXgCNglGDBsOM7IByedALATENgy2/4+iatjNoAKkQbp4gJgPiDOAOAoqfwaI64H4HRC/gmjYxJCPy3osYC7ESasYs4GcKQQUL2II+x+P8MMiRkMgeRqImbEozmaI+z8NxGCBC/1kuA51qygWDdcwg/UXgwUQiwIxiD0diMuB+B+U7wBThrDhN4M6kHwIxMEMBf/PgsUmMM4DkuuBWAamDCDAAKjMOruVlpnWAAAAAElFTkSuQmCC'); } .rating-container-stars.container-small .rating-wrapper:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjlCQjEzMzRBNzVBMTFFMkFFQThDNkUwRUJERDU5REEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjlCQjEzMzVBNzVBMTFFMkFFQThDNkUwRUJERDU5REEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOUJCMTMzMkE3NUExMUUyQUVBOEM2RTBFQkRENTlEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOUJCMTMzM0E3NUExMUUyQUVBOEM2RTBFQkRENTlEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlGzD+0AAACoSURBVHjaYvz//z8DOmBkZDQAUlxAuWPociwM2IEbEIM0YWhgwmI6yBAbIJYEsnUw5IFYGohB7uIEYm4g9gNiZ6j8TSCeD8Sfgfg9TEMwEOcwEAe2MQE9thbImEiE4l1Atd2MsFACulcVSM3A5i8gmABUtxHd0w+B+BMO0x9iCyUtIBaAskGmzYQGBgM0iDHiQRaIXwJxHdD6W1BnbgdSzUAsClMEEGAA38or9ZVYmVEAAAAASUVORK5CYII='); } .rating-container-stars.container-normal { width: 100px; height: 17px; padding: 5px; } .rating-container-stars.container-normal .rating-wrapper:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTJDNDI0NzJBNzU5MTFFMjkwM0NFOEEwNjY0ODBCNkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTJDNDI0NzNBNzU5MTFFMjkwM0NFOEEwNjY0ODBCNkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMkM0MjQ3MEE3NTkxMUUyOTAzQ0U4QTA2NjQ4MEI2RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMkM0MjQ3MUE3NTkxMUUyOTAzQ0U4QTA2NjQ4MEI2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkp7mu0AAAFHSURBVHjanNTPKwRhGMDxd7alHJRycOBgJiSSSMvBibZYUhwcHPwJWH+Eg4sLOTs672FSm/M6EXciRHuUNqxe31lvzcw7P7zjqc/M+7zP27Pvzi9LXgiT2ISFk0ilIENpXpjFNtpjG2qRF80/m81iUo3ncJ62OCe+OaYrB8a7kXpkh1+pu5vCWiBfwgxqyTv0GibbiZkrh3ItLFkR85x70AYHfehXnISN3Cn3eMQtPlD3/vIgg2ORLWxFjy1LnrYGY3DRK/4Xr1gU6/Iy13psmuIGDlyVZ1GF7TX7vSl+4RMl7GVoti82ZBEN/y5HFx3izaBZA0cmb8owOg2uW4da+xB+DqO/PBIz967o86Mmr56t5S6GMICKVnNMGk6rcxUTKOEZL1jBOM7UmkK0ofc583WhjlUUcaXVPddYwDKexIHVHWz4I8AA9iPMDIoDOJEAAAAASUVORK5CYII='); } .rating-container-stars.container-normal .rating-wrapper:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ2OUY5Q0NBNzU5MTFFMjg1NjY4NjFFODc0MkUxMUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ2OUY5Q0RBNzU5MTFFMjg1NjY4NjFFODc0MkUxMUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDY5RjlDQUE3NTkxMUUyODU2Njg2MUU4NzQyRTExQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDY5RjlDQkE3NTkxMUUyODU2Njg2MUU4NzQyRTExQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph57kCEAAAD9SURBVHjaYmQgDrgBMSMQ70SX+P//PwqfhUgDQ6BqdxJSyESEYbpArArEikBsSA0DQ5HYYZQaqA7Etkh8CyDWosTAEAIuxgCgmDMCYkFooEsBsSgQS0CxJA59z4H4BRS/hvJ/A/EHkIF+QFzIQB0wmRHKUALiTiAWIdOg90BcDkyTt2FheA+II4H4JBmGnQXpBRkGC0N0kALE0UQatgJo0ExCsbweiL8RYdhPqFqCyUYOiLmIMJAdqpaggfJYxH5AMTpQJMZA9LQHiqgYaLgeI6AWa2mjiRR7M4D4DpJcNTSJZQCxKZJanIAHiJuA2IaIMLSAquUDlYkwDBBgAO2HOQGZ5DmGAAAAAElFTkSuQmCC'); } .rating-container-stars.container-large { width: 150px; height: 26px; padding: 7px; } .rating-container-stars.container-large .rating-wrapper:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzY1N0I5QTdBNzU5MTFFMjg0MjVEMDlCOTI2NTkwQjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzY1N0I5QThBNzU5MTFFMjg0MjVEMDlCOTI2NTkwQjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjU3QjlBNUE3NTkxMUUyODQyNUQwOUI5MjY1OTBCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjU3QjlBNkE3NTkxMUUyODQyNUQwOUI5MjY1OTBCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/PZ9AAAAInSURBVHjatNbPSxRhGMDxZ3IoSSgkysi2wljqEP04pGlEgUEIHSKoyEAL8lCEKCFSf0BdKjx2qIN6iKJDUdihLnUoTErIflGKRAUFkUUUCOs+fWd7V3enHfV913ngMzsz7zv7zPvOzvOup/3iGo0okWrtdbnYKyLxO5SSeJXLxfNkgq29zUgiIU+8GrfEabb2OnL2O92m+pH1NUm8zdz0VGyUHToU91S3I3zdafsRP7DqH/yQXqMsdH4cG6Reh+Ma8UmUFTi/AK12I+6bdd+lCEa0KKL9N9ZLg36aXeI7+ccox3IsMVObNEm3Y9MM3/cKD/EN7/EB3/EFY7JX01OJbzF9IvvxB5WoMHyZmwgexlfjc6boiNz1JSUj7KzFGoknSrDC2IKP6PL0+mSHbjRJvHEjU+MP6oSfmYh/0YwXuBBT0rNyWM9nD3xJ5zVeNO9pt/lBzUX8wFE5ordneo/voR5vHBeQXCPYHU46XQEZQg36ikh6H1ulSZ/ZVq5feFxE4gE5pmNR8x9+xuHYVcSz3em6Hi9EleN6HVgtl73FLiNeaV561wjKbgI/bRMnTHmLWhDOmbGdiVg4fFPrX9omLlRCU7hi3vfs2hvUvuCPQAvmh/pXuTzjdTn7ih7U4QSGJ9tadRSn2K/FVaTyviMysbItrMF83sQ2NGPgv37ZaNPnOM65alwz7XtsE5djEIdwAE8jbzAc7TqIRtr2oV8uecsKJf4rwADIK11FZfwN/AAAAABJRU5ErkJggg=='); } .rating-container-stars.container-large .rating-wrapper:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDYyN0NFRURBNzU5MTFFMjlDMUY4MThGREZEQzdGM0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDYyN0NFRUVBNzU5MTFFMjlDMUY4MThGREZEQzdGM0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENjI3Q0VFQkE3NTkxMUUyOUMxRjgxOEZERkRDN0YzRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjI3Q0VFQ0E3NTkxMUUyOUMxRjgxOEZERkRDN0YzRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpyYdaYAAAHSSURBVHjavJbNK0RRGIfvMb7yEUZzacwkXwul2M1CpFGmpEjysVC2/gMslLGxtTbZKUlZsWCBhWxslAVWFoNIxEg25vq99apjOnNn5ty589bT3HvunfPMuXPO71xh6Ncg8FiWdajz5WIH4jlQCrTERZrSdhAAphCis5Diael4plBiGmlYOu/DqFsLIZ4AIqVt0m2xCSKK9jBG3eSmeAyUK9pLwLhb4lowanN9GKP2ZduZUJxXAS+o4UcbYGkXaMvQ3x24BO8gDp7AB3gFCYSNJYtoFP3gG9AvrmM8Rn4qCd5Y/sKhc07J9QD8oNFwp+jvrGc6wDPYlR/1Ihgy3K0TsIonnlStx3mXpDEIt9JNLqoQWOAJlY/6BGuQntnN6r+iCFwGzQ6lNH9WIL3NtJzkqmB5SFN6AaKQJnINkC9w5WC0N+mk2SRXjwNxt25klvH61q0GRGiljtjHi163vBy5OYtNjjdVUbzGwAbPBVV57MR2L3uqCP0B+2AH3HPbMQfPiKI/v444KB3TrnIE9sC1fBNm7iM+1vF/HvB+HZE2mGC226Jcm6AFnILtVKEk/t+hELQRTPF7dxzXZ3OZGNW8aQxkupHEKlC9YImiV3X9V4ABAL4FgrrKV3MiAAAAAElFTkSuQmCC'); } .rating-container-stars.rating-nobg { padding: 0; } /* /testiryhmä */