<b:if cond='data:blog.homepageUrl == data:blog.url'> <data:blog.title/> <b:else/> <data:blog.pageName/> | <data:blog.title/> </b:if> */ * Theme Name: Diary/Notebook Author: Site5.com Author URI: http://gk.site5.com/t/312 Description: Check Diary/Notebook Documentation in case you need directions or get support from Forum. */ /* HTML5 Boilerplate html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;} nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } a { border-bottom: 1px dotted #BBBBBB; color: #333333; text-decoration: none;} #navbar-iframe{height:0px; display:none} /* Pretty Photto ------------------------------------ */ div.light_rounded .pp_top .pp_left{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -88px -53px no-repeat;} div.light_rounded .pp_top .pp_middle{background:#fff;} div.light_rounded .pp_top .pp_right{background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -110px -53px no-repeat;} div.light_rounded .pp_content .ppt{color:#000;} div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;} div.light_rounded .pp_content{ background-color:#fff;} div.light_rounded .pp_next:hover{ background: url(http://4.bp.blogspot.com/-TC_4EF7NzS8/Tn7dHx69FLI/AAAAAAAAAns/qaihNk6EEEU/s000/btnnext.png) center right no-repeat;cursor: pointer;} div.light_rounded .pp_previous:hover{ background: url(http://1.bp.blogspot.com/-y3aljWTkjfU/Tn7dIAe2LiI/AAAAAAAAAnw/CpFKKXY5q-A/s000/btnprevious.png) center left no-repeat;cursor: pointer;} div.light_rounded .pp_expand{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -31px -26px no-repeat;cursor: pointer;} div.light_rounded .pp_expand:hover{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -31px -47px no-repeat;cursor: pointer;} div.light_rounded .pp_contract{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) 0 -26px no-repeat;cursor: pointer;} div.light_rounded .pp_contract:hover{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) 0 -47px no-repeat;cursor: pointer;} div.light_rounded .pp_close{ width:75px;height:22px;background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -1px -1px no-repeat;cursor: pointer;} div.light_rounded #pp_full_res .pp_inline{color:#000;} div.light_rounded .pp_arrow_previous{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) 0 -71px no-repeat;} div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;} div.light_rounded .pp_arrow_next{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -22px -71px no-repeat;} div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;} div.light_rounded .pp_bottom .pp_left{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -88px -80px no-repeat;} div.light_rounded .pp_bottom .pp_middle{background:#fff;} div.light_rounded .pp_bottom .pp_right{ background: url(http://3.bp.blogspot.com/-tlVuJHnvswI/Tn7dH0zITnI/AAAAAAAAAno/xxzyrfbv_so/s000/sprite.png) -110px -80px no-repeat;} div.light_rounded .pp_loaderIcon{background: url(http://2.bp.blogspot.com/-MlPuE3gUH38/Tn7dIf2X7uI/AAAAAAAAAn0/ILu-Mux90gE/s000/loader.gif) center center no-repeat;} div.pp_pic_holder a:focus{outline:none;} div.pp_overlay{ background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;} div.pp_pic_holder{display: none;position:absolute; width:100px;z-index:10000;} .pp_top{height:20px;position: relative;} * html .pp_top{padding:0 20px;} .pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;} .pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_top .pp_middle{left:0;position: static;} .pp_top .pp_right{ height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_content{height:40px;} .pp_content .ppt{left:auto; margin-bottom:5px;position: relative;top:auto;} .pp_fade{display: none;} .pp_content_container{position: relative; text-align: left;width:100%;} .pp_content_container .pp_left{padding-left:20px;} .pp_content_container .pp_right{padding-right:20px;} .pp_content_container .pp_details{margin:10px 0 2px 0;} .pp_description{display: none;margin:0 0 5px 0;} .pp_nav{clear: left;float: left;margin:3px 0 0 0;} .pp_nav p{float: left;margin:2px 4px;} .pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{ display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;} a.pp_next{background: url(http://4.bp.blogspot.com/-TC_4EF7NzS8/Tn7dHx69FLI/AAAAAAAAAns/qaihNk6EEEU/s000/btnnext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%; text-indent: -10000px;width:49%;} a.pp_previous{ background: url(http://4.bp.blogspot.com/-TC_4EF7NzS8/Tn7dHx69FLI/AAAAAAAAAns/qaihNk6EEEU/s000/btnnext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%; text-indent: -10000px;width:49%;} a.pp_expand,a.pp_contract{cursor: pointer; display: none;height:20px;position:absolute;right:30px; text-indent: -10000px;top:10px;width:20px; z-index:20000;} a.pp_close{display:block;float: right; text-indent: -10000px;} .pp_bottom{height:20px;position: relative;} * html .pp_bottom{padding:0 20px;} .pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;} .pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_bottom .pp_middle{left:0;position: static;} .pp_bottom .pp_right{ height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_loaderIcon{display:block;height:24px;left:50%; margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;} #pp_full_res{line-height:1 !important;} #pp_full_res .pp_inline{text-align: left;} #pp_full_res .pp_inline p{margin:0 0 15px 0;} div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;} .clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;} /* End of Reset CSS */ body { background:url(http://4.bp.blogspot.com/-N7CBPLyQy9c/Tn7dI0OluVI/AAAAAAAAAn4/VLYEZR-Mia4/s000/bk_body.png); font-size:13px; font-family:Georgia,"Times New Roman", Times, serif; line-height:20px; color:#333;} p {padding: 0 0 1.3em;} h1, h2 , h3, h4, h5, h6 { display:block; color:#13382A; line-height:100%; font-family:Droid Serif, Georgia, serif; text-shadow:1px 1px #fff;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;} h1 {letter-spacing:-2px;} h2 { font-size:16px; margin:10px 0 15px; font-weight:bold; } a { color:#333; border-bottom: 1px dotted #bbb; text-decoration:none; } a:hover { color:#A3A30E; border-bottom: 1px dotted #A3A30E; } /* Header ---------------------- */ #header-wrapper { background:url(http://2.bp.blogspot.com/-SOaF6ic6YCk/Tn7dJA_SBvI/AAAAAAAAAn8/I4H0xt_lKEo/s000/bk_header.png) no-repeat; height:110px; padding:24px 50px 0 75px; position:relative;} #header-inner { background-position: center; margin-left: auto; margin-right: auto;} #header { margin: 0px; color:$pagetitlecolor;} #header h1 { margin: 0px; font-family:Droid Serif, Georgia, serif; font-weight:bold; font-size:30px; color:#0C211A; text-shadow:1px 1px #fff; letter-spacing:-2px; padding:0; line-height:40px;} #header a { color:$pagetitlecolor; text-decoration:none;border:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin: 0px; padding:0px; font-size:10px; color:#666; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; } #header img { margin-$startSide: auto; margin-$endSide: auto;} #topSearch { position:absolute; right:50px; top:50px;} #topSearch input[type="text"] { background: url("http://1.bp.blogspot.com/-SPf1vl23pqc/Tn7dJVF6frI/AAAAAAAAAoA/l4cp88U2QLY/s000/ico_search.png") no-repeat scroll 94% 50% #FFFFFF; border: medium none; border-radius: 12px 12px 12px 12px; box-shadow: 1px 1px 2px #BBBBBB inset; color: #999999; font-family: Georgia,"Times New Roman",Times,serif; font-size: 12px; font-style: italic; padding: 7px 10px; width: 220px;} input, select { vertical-align: middle;} #content-wrapper { margin: 0 auto; width: 922px; background:url(http://1.bp.blogspot.com/-qibxgue371M/Tn7dJoDs1iI/AAAAAAAAAoE/LCSllkZwCY0/s000/bk_content_wrap.png) 0 10px repeat-y; overflow:hidden;} #content-inner-wrapper { background:url(http://2.bp.blogspot.com/-eLsmA2vB-pg/Tn7dJ2orpAI/AAAAAAAAAoI/ZFEUcLLAVhs/s000/bk_content.png) no-repeat; min-height:200px; overflow:hidden;} /* Outer-Wrapper ----------------------------------------- */ #outer-wrapper { width:922px; margin:10px auto 0; padding:0px; text-align:$startSide; font: $bodyfont; } #main-wrapper { float:left; width:480px; padding:20px 60px 20px 80px; word-wrap: break-word; overflow: hidden; } #sidebar-wrapper { float:left; width:230px; background:url(http://3.bp.blogspot.com/-wif6G8rOym8/Tn7dKdrGWqI/AAAAAAAAAoM/9RmQE1yFAuU/s000/shadow_social.png) 0 28px no-repeat; min-height:200px; padding-left:20px; font-size:12px; word-wrap: break-word; overflow: hidden; } /* Posts ------------------- */ .date-header { font-family:Kristi; font-weight:normal; font-size:26px; /*color:#EC9D00;*/ color:#666; text-shadow:1px 1px #fff; padding: 0px 5px 0px 0px; } .post { background: url("http://3.bp.blogspot.com/-LvwmF-K_OH8/Tn7dKsKrpdI/AAAAAAAAAoQ/A1edUKu_cBg/s000/bk_post_header.png") no-repeat scroll 78px 0 transparent; position: relative; } .post-header{ background: url("http://1.bp.blogspot.com/-KXQMBiCn9PQ/Tn7dKkDADWI/AAAAAAAAAoU/oNsyL44OYz0/s000/bk_header_separator.png") no-repeat scroll 50% 100% transparent; margin-bottom: 20px; overflow: hidden; padding-bottom: 0; padding-top: 30px;} .post h3 { font-size:24px; font-family: Droid Serif, Georgia, serif; font-weight:normal; padding:5px 0px; text-shadow:1px 1px #fff;} .post h3 a, .post h3 a:visited, .post h3 strong { color:#13382A; border:none;} .post h3 strong, .post h3 a:hover { color:#B6BE10; border-bottom:1px dotted #B6BE10;} .post-labels{ background: url(http://2.bp.blogspot.com/-8pPce--3Zxw/Tn7dLNGV7zI/AAAAAAAAAoY/R4_zaeOU6nE/s000/ico_file.png) no-repeat; padding-left: 22px; font-size:12px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} .post-labels a {text-decoration:none;} .post-body { background:url(http://1.bp.blogspot.com/-KXQMBiCn9PQ/Tn7dKkDADWI/AAAAAAAAAoU/oNsyL44OYz0/s000/bk_header_separator.png) 50% 100% no-repeat; padding-bottom:10px; margin-bottom:20px; line-height:20px;} .post-body p{ padding: 0 0 1.3em;} .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em;} .comment-link {margin-$startSide:.6em;} .post img, table.tr-caption-container { background: none repeat scroll 0 0 #F8F7F1; border: 1px solid #FFFFFF; box-shadow: 0 0 5px 2px #DDDDDD; padding: 10px;} .post img:hover{ background:#FDFDFB; border:1px solid #8DDCEF; -moz-box-shadow:0 0 10px 2px #B9E9F7; -webkit-box-shadow:0 0 10px 4px #B9E9F7; box-shadow:0 0 10px 4px #B9E9F7;} .tr-caption-container img { border: none; padding: 0;} .jump-link a{ font-family:Kristi; color:#B6BE10; font-size:26px; text-decoration:none; border:none; } .jump-link a:hover { color:#333; text-shadow:1px 1px #fff;} .post .sidebadge, .page .sidebadge { background: url("http://1.bp.blogspot.com/-5EWoVSowQ6s/Tn7dLS1JoxI/AAAAAAAAAoc/2s8Qeq3XLfg/s000/post_badge.png") no-repeat scroll 0 0 transparent; height: 33px; left: -52px; position: absolute; top: 25px; width: 42px; } /* PAGINATION */ .emm-paginate { overflow:hidden; text-align:center;; font-size:16px; float:left; padding-right:2px; } .emm-paginate a, .emm-paginate .emm-current { display:block; width:26px; height:20px; text-align:center; text-decoration:none; float:left; padding-bottom:10px; border:none;} .emm-paginate .emm-title { float:left; font-size:13px; color:#555; padding-top:3px;} .emm-paginate .emm-gap { color:#999; margin-left:10px;} .emm-paginate .emm-current { background:url(http://2.bp.blogspot.com/-NvNzwvCrSao/Tn7dLdxuL9I/AAAAAAAAAog/ZxK07Yf-nr8/s000/bk_pagination.png) 50% 100% no-repeat;} .emm-paginate .emm-page {} .emm-paginate .emm-prev, .emm-paginate .emm-next {} /* Comments ----------------------------------------------- */ #comments h4 { display:block; background:url(http://1.bp.blogspot.com/-3S0OeGDMQvE/Tn7dLhifUnI/AAAAAAAAAok/UTnceA56_hg/s000/ico_comments.png) 0 50% no-repeat; padding:10px 0 10px 45px; margin:20px 0 0 0; } #comments-block { background: url("http://1.bp.blogspot.com/-KXQMBiCn9PQ/Tn7dKkDADWI/AAAAAAAAAoU/oNsyL44OYz0/s000/bk_header_separator.png") no-repeat scroll 50% 100% transparent; display: block; list-style: none outside none; overflow: hidden; padding-bottom: 30px; } #comments-block .comment-author { font-style: italic; } #comments-block .comment-body { margin:.25em 0 0;font-style: italic; } #comments-block .comment-footer { margin:-.25em 0 2em; font-style: italic; margin-left: 60px; } #comments-block .comment-body p { margin: 5px 0; padding: 5px 0; font-style: italic; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { text-indent:-9999em;height:0px; } /* Sidebar Content ----------------------------------------------- */ .sidebar { margin:10px 0 20px;padding: 0px 0px; /*font-style:italic;*/ } .sidebar h2{ font-size:16px; letter-spacing:-1px; margin-bottom:15px; font-style:normal; font-weight:normal; color:#000; /*background:url(http://4.bp.blogspot.com/-4z_3Ct1zqRQ/Tn7dLzXnYRI/AAAAAAAAAoo/aee9q4TDYQc/s000/bk_header_separator.png) 0 100% no-repeat;*/ padding-bottom:10px; border-bottom:1px dashed #B9B9B5; } #socialIcons{ height: 90px; margin-bottom: 40px; margin-top: -22px; text-align: center; } #socialIcons ul{ padding: 0px 0px 0px 6px; margin-bottom:8px; overflow:hidden; text-align:center; } #socialIcons li {display:inline;} #socialIcons li a{ display:block; width:67px; height:46px; text-indent:-9999px; border:none; float:left; } #socialIcons li a.twitter{ background:url(http://2.bp.blogspot.com/-x1p5ij3JhiU/Tn7dMJvLcrI/AAAAAAAAAos/7rmquWn5-ls/s000/ico_social_twitter.png) 0 0 no-repeat;} #socialIcons li a.facebook{ background:url(http://4.bp.blogspot.com/-rRy8A9piOfk/Tn7dMSpCxAI/AAAAAAAAAow/4vAVqFGU3Wk/s000/ico_social_facebook.png) 0 0 no-repeat;} #socialIcons li a.rss { background:url(http://3.bp.blogspot.com/-MLlhQ8LXBKc/Tn7dMvEguZI/AAAAAAAAAo0/xFHSluRiJz0/s000/ico_social_rss.png) 0 0 no-repeat;} #socialIcons li a:hover {background-position:0 -46px;} #socialIcons #butContact { display:block; background:url(http://4.bp.blogspot.com/--FkZkxuyJ5E/VPI_rPVnvwI/AAAAAAAAAuY/_A46Byoj-S0/s1600/ico_contact.png) 50% 0 no-repeat; text-indent:-9999px; border:none; height:29px; } /*#socialIcons #butContact:hover { background:url(http://4.bp.blogspot.com/--FkZkxuyJ5E/VPI_rPVnvwI/AAAAAAAAAuY/_A46Byoj-S0/s1600/ico_contact.png) 50% -29px no-repeat; }*/ .sidebar ul { list-style-type:none;margin: 0px; padding:0px; } .sidebar li { padding:4px 0; background:url(http://2.bp.blogspot.com/-pvEFNTq-_3Q/Tn7dNNnBO7I/AAAAAAAAAo8/TKwfOhxNk4s/s000/bullet_star_pink.png) 0 9px no-repeat; padding-left:20px; } .sidebar li a { text-decoration:none; } .sidebar .widget{ padding-left:10px; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { background:url(http://2.bp.blogspot.com/-1_6i-o6vFgU/Tn7dNsmn5uI/AAAAAAAAApE/e38WrrEkZRI/s000/bk_footer.png) no-repeat; min-height:140px; padding: 0px; } #site5bottom { float:right; margin-top: 0px; margin-left:60px; line-height:130%; width:150px; text-align:right; } #pagefooter { color:#333; padding:70px 30px 0 50px; text-shadow:1px 1px #fff; font-size:12px; } #pagefooter #html5 { float:right; margin-top:-5px; /*margin-right:100px;*/ font-size:11px; float:right; text-align:center; } #pagefooter #html5 a{ border:none; } #pagefooter #html5 img { vertical-align:middle; } .post img {max-width: 99%;} .blog-pager,#blog-pager{ overflow:hidden; text-align:center; font-size:15px; padding-right:2px; display: flex; align-items: center; justify-content: center; flex-direction: row; } .blog-pager span { flex: 1 1 auto; } .showpageNum a,.showpage a { margin:0px 1px 0 1px;padding:3px 8px; text-decoration:none;border:0px solid; color:#333;line-height:14px;cursor:pointer;white-space:nowrap; } .showpageNum a:hover,.showpage a:hover { text-decoration:none;border:0px solid; } .showpageOf{ margin:0 8px 0 0; } .showpagePoint { background:transparent url('http://2.bp.blogspot.com/-NvNzwvCrSao/Tn7dLdxuL9I/AAAAAAAAAog/ZxK07Yf-nr8/s000/bk_pagination.png') 50% 100% no-repeat; margin:0 3px 0 3px;padding:8px 8px; line-height:14px;cursor:pointer;white-space:nowrap; color:#333;text-decoration:none;font-weight:bold;border:0px solid; } .item-content .item-title { text-indent: 1.2em; } .PopularPosts .widget-content ul li { padding: 0.6em 0; } ]]>

, 1