első
,kjhbgvk5ecshbjnk
/*------------------------------------------------- CSS CODE: CV Online Blog AUTHOR: BLOGTER - BLOGTER.COM COMPANY: BLOGTER SITE: CV Online Blog BLOGNEV: GYAKORLO -------------------------------------------------*/ /*------------------------------------------------- CSS RESET -------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; margin:0; padding:0; } :focus { outline:0; } body { line-height:1; color:#000; font:0.9em/1em arial, helvetica, sans-serif; } ol,ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } caption,th,td { text-align:left; font-weight:400; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } strong { font-weight:700; } div {display: block; position: relative;} /*------------------------------------------------- GENERAL -------------------------------------------------*/ body {background: #fff; font: 13px verdana, helvetica, sans-serif; line-height: 20px; color: #333333; text-align: center;} a {color: #3151B5; text-decoration: none; cursor: pointer !important;} a:hover {text-decoration: underline; color: #3151B5} .clear {display: block; position: relative; clear: both; height: 0px; font-size: 1px; overflow: hidden;} /*------------------------------------------------- LAYOUT -------------------------------------------------*/ .blogter-bar {background: url('../images/blogter_bar.png') center no-repeat; height: 45px;} #wrap {/*background: #fff url('../images/head_bg.png') repeat-x;*/ } #site {width: 870px; margin: 0 auto 50px auto; text-align: left; background: #fff; } #header {background: #fff;} #left {width: 645px; float: left; margin: 0 0 0 10px; _margin-left: 5px; border: 1px solid #af0007; background: #fff;} #right {float: right; width: 303px;} #footer {clear: both; height: 23px; margin-bottom: 10px; padding-bottom: 10px;} /*------------------------------------------------- BOXES -------------------------------------------------*/ #header {} .blog-title {/*text-transform: uppercase;*/ display: block; width: 400px; font: 36px arial, helvetica, sans-serif; font-weight: bold; margin: 0 0 5px 0; padding: 15px 10px 10px 10px; color: #000; } .blog-title a {color: #000;} .blog-title a:hover {text-decoration: none; color: #3151B5} .blog-desc { display: block; position: absolute; top: 20px; text-align: right; right: 10px; padding: 5px 0 5px 0; font: 14px arial, helvetica, sans-serif; margin: 0 0 0 0; color: #000; line-height: 20px; width: 500px; } .top-nav {background: #6baeef url('../images/top_nav_bg.png') repeat; padding: 12px 20px 0 20px; margin: 0 10px 15px 10px; -moz-border-radius: 3px; color: #fff; display: block; position: relative; height: 37px; width: 910px;} .top-subscription {display: block; text-align: right; width: 200px; display: block; float: right;} .top-subscription li {display: block; float: right; padding-left: 10px;} .top-rss {background: url('../images/feed-icon-14x14.png') 12px 2px no-repeat; padding-left: 30px !important; display: block;} .top-rss a {color: #fff;} .top-menu {display: block; float: left; text-align: right; width: 500px;} .top-menu li {display: block; float: left; padding: 2px 6px;} .top-menu a {font-weight: bold; color: #fff;} .top-menu .active {background: #fff; padding: 2px 8px 2px 8px; -moz-border-radius: 3px;} .top-menu .active a {color: #000;} #nav-menu {height: 55px;} .tag-title {padding: 5px 15px; background: #eff7ff; border-bottom: 1px solid #af0007;} .tag-title span {font-size: 16px !important;} .tag-title span h1 {display: inline;} .tag-title p {display: block; float: right; font-weight: normal; padding-top: 6px;} .tag-title h1 {font-size: 16px !important; font-weight: normal} .year-picker {padding: 10px; background: #eff7ff} .year-picker-bottom {padding: 10px; background: #eff7ff; margin-top: 10px;} .year-picker p, .year-picker-bottom p {display: block; padding-right: 10px} .month {margin: 20px 30px 0 30px} .month-cont {margin: 10px 0 0 0} .month-cont div {font-weight: normal; font-size: 16px; margin: 0 0 5px 0} .month-cont div h2 {display: inline} .tags {margin: 20px 30px;} .tags-title {font-weight: normal; font-size: 16px; margin: 10px 0 5px 0} .tags-title span {display: block; float: right; font-size: 12px; font-weight: normal} .posts {padding: 20px 0 0 0; -moz-border-radius:5px;} .post {margin: 0 30px 5px 30px; padding-bottom: 5px;} .post h1 {font: 25px arial, helvetica, sans-serif; line-height: 28px; font-weight: bold; } .post h1 a {color: #091840;} .post h1 a:hover {text-decoration: none; border-bottom: 1px dashed #ddd;} .post h2 {font: 25px arial, helvetica, sans-serif; line-height: 28px; font-weight: bold; } .post h2 a {color: #091840;} .post h2 a:hover {text-decoration: none; border-bottom: 1px dashed #ddd;} .post-info {padding-bottom: 8px;} .post-content {overflow: hidden; width: 585px; font: 12px verdana, helvetica, sans-serif !important;} .post-content p {font: 13px verdana, helvetica, sans-serif !important; margin-bottom: 6px} .post-content ul {padding: 0 15px 10px 15px} .post-content ul li {list-style-type: disc; margin-left: 10px} .post-content ol {padding: 0 15px 10px 15px} .post-content ol li {list-style-type: decimal; margin-left: 10px} .post-info a {color: #091840; font-weight: normal;} .comment-count {display: block; float: right; font-weight: normal; background: url('../images/comment_bubble.png') top right no-repeat; padding-right: 18px;} .read-more {background: url('../images/more_bg.png') top right no-repeat; padding: 0 15px 10px 0; color: #091840; font-weight: bold; float: right;} .post-tags {padding: 5px 10px; margin-top: 5px; background: #e7d8aa; display: block; clear: both;} .tag-title {font-weight: bold;} .pager {text-align: center;} .paginator {margin: 15px 0 0 0; padding: 10px 0; border-top: 1px solid #eee; width: 645px; overflow: hidden;} .paginator-left {padding-left: 30px;} .paginator-right {display: block; float: right; padding-right: 30px;} .subscribe-inv {margin: 1px 25px 10px 25px; padding: 10px 10px; font-size: 13px; border: 1px solid #FFD129; background: #fffbce; font-weight: bold; text-align: center;} .subscribe-inv span {font-weight: normal; display: block;} .related-posts {margin: 0 30px; font-weight: bold; } .related-title {font-size: 15px; margin-bottom: 10px} .related-posts ul {font-weight: normal; margin: 0 10px} #comments {padding: 10px 30px 0 30px; color: #000;} .comments-title {border-top: 1px solid #eee; font-weight: bold; font-size: 17px; padding: 10px 0 20px 0} .comment-item {display: block; padding: 0 0 10px 0; margin-bottom: 10px; border: 1px solid #84c7ff; background: #fff} .comment-date {display: block; float: right; font-weight: normal} .comment-avatar {display: block; position: absolute; top: 0; _top: 1px; left: 0; width: 20px; height: 20px;} .comment-avatar img {width: 39px; height: 39px; border-right: 1px solid #84c7ff} .comment-data {font-weight: normal; padding: 9px 10px 10px 50px; background: #eff7ff; border-bottom: 1px solid #84c7ff; height: 20px; margin-bottom: 3px;} .comment-text {font-size: 12px; padding: 10px 20px 10px 20px; overflow: hidden !important; width: 520px} .comment-form {display: block; position: relative; color: #000; border: 1px solid #F1F8FA; background: #F1F8FA; margin: 10px 0; padding: 10px 20px} .logged-in-as {background: #fffbce; padding: 8px 10px;} .logged-in-as a {font-weight: bold;} .log-out-comment {display: block; float: right;} .info {margin-bottom: 15px;} .comment-form-title {font-weight: bold; font-size: 18px; margin-bottom: 5px;} .comment-form label {display: block; padding-right: 10px; font-weight: bold;} .comment-form-in {padding: 15px; border: 1px solid #84c7ff; margin: 0 29px 20px 29px} .input_tx {display: block; width: 370px;} .comment-form textarea {width: 340px;} .height-a {height: 10px !important; width: 500px; display: block; position: relative;} .input_sm {} .comment-options {display: block; position: absolute; top:160px; left: 395px; _left: 385px; width: 175px; font-size:11px; line-height: 16px} .logged-in-user {background: #eee;} .pager {padding: 20px 30px 30px 30px; text-align: center;} .pager-item {display: block; float: left; padding-right: 5px; } .pager .active span {border: 0; background: #00105a; color: #fff; border: 1px solid #00105a} .pager .inactive span {color: #ddd;} .pager .inactive:hover {text-decoration: none} .pager-item span {display: block; padding: 5px 6px; border: 1px solid #eee} .pager-dots {display: block; float: left; padding: 5px 6px;} .subscribe-now {background: #fffbce; padding: 10px; text-align: center; font-weight: bold; border-top: 1px solid #84c7ff} .subscribe-now span {display: block; font-weight: normal;} .log-in-need {background: #fffbce; padding: 10px; text-align: center; font-weight: bold;} .log-in-need span {display: block; font-weight: normal;} .end-item {padding: 12px 0 0 20px} .end-box p {color: #333; font: 12px arial, helvetica, sans-serif;} .end-box img {margin-bottom: 10px;} .end-box {width: 200px; float: left; padding-right: 18px;} .end-box h4 a {color: #fff; font-size: 14px; text-transform: uppercase; font-weight: normal;} .end-box h4 span {color: #fff; font-size: 11px;} .author-box {background: #fffbce; border: 1px solid #e7db52; padding: 12px 10px 12px 60px; margin: 0 10px 10px 0; position: relative;} .author-avatar {display: block; position: absolute; top:12px; left: 12px; _left: -50px;} .author-who {font-weight: bold; display: block;} .author-follow {display: block; font-size: 12px; font-weight: normal} .banner {background: url('../images/banner_bg.png') no-repeat; height: 285px; padding: 1px 0 0 1px; margin-left: 20px; display: none;} .subscribe-box {width: 288px; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #af0007; background: #eff7ff url(../images/email.png) 10px 10px no-repeat; display: block;} .subscribe-box form {padding-left: 60px} .subscribe-title {padding: 8px 0} .subscribe-title span {font-weight: bold;} .subscribe-box input {width: 190px; margin-bottom: 4px} .subscribe-allert {display:block; background: #FFFBCE; width: 190px; margin: 0 0 5px 0} .subscribe-success {display:block; background: #86BF83; width: 190px; margin: 0 0 5px 0} .blogter-promotion {margin: 20px 0 20px 0; padding-right: 10px} .promotion-title {font-weight: normal;} .promotion-seo {padding-left: 50px; background: url('../images/blogter_promo_seo.png') 10px 2px no-repeat; margin-bottom: 10px} .promotion-frontpage {padding-left: 50px; background: url('../images/blogter_promo_vote.png') 10px 2px no-repeat;} .promoton-reg {margin: 10px 5px 0 50px;} .promoton-reg a {display: block; font-weight: normal;} .fresh-message { width: 288px; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #af0007; background: #fff;} .fresh-message-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px; background: #eff7ff; font-weight: bold; margin-bottom: 10px;} .fresh-message-in {margin: 0 20px;} .message-date {font-style: italic; font-size: 11px; color: #aaa;} .fresh-posts { width: 288px; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #af0007; background: #fff;} .fresh-posts ul {display: block; position: relative; padding: 0 20px;} .fresh-posts ul li {padding-bottom: 3px; margin-bottom: 2px; border-bottom: 1px dashed #eee;} .fresh-posts ul li h3 {font-weight: normal;} .fresh-post-title {display: block; padding: 8px 8px 0 12px; font-size: 14px; background: #eff7ff; font-weight: bold; margin-bottom: 15px;} .fresh-post-title a {display: block; position: relative; float: left;} .fresh-post-title a span {display: block; padding: 3px 5px;} .fresh-post-title a.active {color: #000;} .fresh-post-title a.active span {background: #fff; border-left: 1px solid #afc9e3; border-right: 1px solid #afc9e3; border-top: 1px solid #afc9e3;} .fresh-post {margin: 0 20px 10px 20px;} .fresh-post-h3 {font-size: 14px; font-weight: bold;} .fresh-post p {font-size: 12px; line-height: 17px } .fresh-post h3 span {font-size: 11px;} .desc {color: #000; padding: 0 30px 20px 10px; font: 13px arial, helvetica, sans-serif; line-height: 15px;} .fresh-comms {background: #fff; border: 1px solid #af0007; width: 288px; padding-bottom: 10px; margin-bottom: 10px} .fresh-comms ul {display: block; margin: 5px 20px;} .fresh-comm-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px; background: #eff7ff; font-weight: bold; margin-bottom: 15px;} .fresh-com {padding: 0 20px 10px 50px;} .fresh-com-avatar {display: block; position: absolute; top: 3px; left: 15px; _left: -35px;} .fresh-com-avatar img {border: 1px solid #84c7ff} .comment-title {display: block; height: 20px; padding: 0; font-weight: bold; font: 14px verdana, helvetica, sans-serif !important;} .comment-title a {font-weight: bold;} .comment-title span {font-size: 11px;} .fresh-com p {font-size: 12px; line-height: 17px; width: 220px; overflow: hidden;} .fresh-com-post {font-weight: normal; margin-top: 3px} .co-authors {background: #fff; border: 1px solid #af0007; width: 288px; padding-bottom: 0px; margin-bottom: 10px} .co-authors-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px; background: #eff7ff; font-weight: bold; margin-bottom: 0px;} .co-authors ul {padding: 10px 0 10px 20px;} .co-authors ul li {display: block; width: 270px; overflow: hidden; margin: 0 !important; padding: 0 0 10px 0 !important;} .co-author {font-weight: bold;} .html-widget {background: #fff; border: 1px solid #af0007; width: 288px; padding-bottom: 0px; margin-bottom: 10px} .html-widget-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px; background: #eff7ff; font-weight: bold; margin-bottom: 0px;} .html-widget-in {} .friends-widget {background: #fff; border: 1px solid #af0007; width: 288px; padding-bottom: 10px; margin-bottom: 10px;} .friends-widget-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px; background: #eff7ff; font-weight: bold; margin-bottom: 10px;} .top-tags {background: #fff; border: 1px solid #ddd; width: 288px; padding-bottom: 10px; margin-top: 10px;} .top-tags-title {display: block; padding: 6px; background: #eff7ff; font-weight: bold; margin-bottom: 10px;} .tag-box {padding: 0 10px;} #co-authors{ margin:20px 0} #co-authors .widget-title {} #co-authors li { display:block; margin:10px 0 20px 0;} #co-authors a.avatar { float:left;} #co-authors a.co-author { margin-left: 15px; } #co-authors p.author-title { margin-left: 60px;} #co-authors p.description { margin-left: 60px; margin-top:15px;} #imagelist{ } #imagelist .widget-title {} #imagelist div.frame { padding:6px; } #imagelist div.wrap { padding:0px 0 0 10px; display: block; position: relative;} #imagelist p.info { margin:0; } #imagelist div.image{ width: 40px; height: 60px; overflow: hidden; display: inline} #imagelist div.image a{ margin:0; padding:0;} #imagelist div.image a:hover {text-decoration: none; border:0;} #imagelist div.image img{ width:40px; height:40px; margin:6px 6px 0 0;} #imagelist div.clear{ clear:both;}