*/ /* Use this with templates/template-twocol.html */ body { font-family:courier, monospace; font-weight:100; color : #959595; font-size : 15px; background:#393939 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbSOJuwG5vYuEp1vHPjJOqqeznUQnOAGE-0vOTgC1bPNj7_TYNx-RExij_sSkeE21rDGJIqDav-EkndtS24eJOTuo17IbK0bgBO7K2wXWBL1fxEeWyxJP1p73uMwZu3qNKqMHCkX1vcEo/s1600/bg.png) no-repeat fixed left bottom; } a:link { color: #BBE5FA; } a:visited { color: #BBE5FA; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:660px; margin:0 auto 10px; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { background-color: #202020; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 1px solid #000; margin-bottom:10px; margin-top:50px; margin-left: 135px; height:110px; width: 600px; } #header h1 { font-family: Trebuchet MS, monospace; font-weight: bold; color:#BBE5FA; font-size:60px; letter-spacing:0px; margin: 5px 0 5px 30px; } #header a { color: #BBE5FA; font-weight:100; color:#BBE5FA; text-decoration:none; font-weight:100; } #header .description { font-family: Trebuchet MS, monospace; padding-bottom: 5px; padding-left:35px; margin-top:-15px; font-size:18px; letter-spacing:2px; } #header img { margin-$startSide: auto; margin-$endSide: auto; } #bar { width: 590px; margin-left: 207px; } #bar ul { background: #202020; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px; margin-left:10px; } #bar ul li { display:inline; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { min-height:1000px; width:800px; margin-left:180px; margin-bottom:45px; } #main-wrapper { width: 590px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { margin-top: 47px; width: 200px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: #fff; } /* Posts ----------------------------------------------- */ h2.date-header { padding: 4px; background: #EC018C; width: 240px; color: fff; margin:2em 0 -5em .5em; font: 11px georgia; } .post { margin:.5em 0 1.5em; padding-bottom:0em; } .post h3 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzGANt7HiRzMtFF5PCKNRzSWPsdK2hn5dsd_xXDPUr0lqTi43IKN83emsL6J4oKObdfn4_CJYSkCNuUo4RjaEf2lobwW9_I1_f27VBpPFuOmMI09e6o_p3M7aFW2PdF7waQMaRwhU6ew/s1600/headerbg.png) no-repeat; height:185px; margin-top:-25px; padding: 70px 0 0 10px; z-index:999; font: 21px Impact; font-weight: bold; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color: #EC018C; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin-top:-105px; background-color: #202020; padding:10px; } .post-body a {} .post-body blockquote { border-left:1px dotted #df0079; padding-left:5px; } .post-footer { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 5px; margin: 1.75em 0; color: #9D9C9C; background: #000; text-transform:normal; letter-spacing:.1em; font: 12px georgia; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { background: #000; padding: 5px; color:#EC018C; font-size:16px; font-weight:bold; letter-spacing:0; line-height:1.4em; margin:1em 0; text-transform:none; } #comments-block { line-height:1.6em; margin:1em 0 1.5em; } #comments-block .comment-author { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000 none repeat scroll 0 0; border:1px solid #EC018C; color: #fff; margin:0.5em 0; padding-bottom:4px; padding-left:8px; padding-top:4px; } #comments-block .comment-body { border-left:1px solid #EC018C; border-right:1px solid #EC018C; margin-top:-7px; padding-left:10px; padding-top:10px; background: #000; } #comments-block .comment-footer { border-bottom:1px solid #EC018C; border-left:1px solid #EC018C; border-right:1px solid #EC018C; font-size:11px; line-height:1.4em; margin:-0.25em 0 2em; padding-bottom:5px; padding-left:10px; text-transform:none; background: #000; } #comments-block .comment-body p { margin:0; padding-bottom:15px; } .deleted-comment { color:gray; font-style:italic; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar h2 { font-weight: bold; color: #EC018C; font-size: 15px; letter-spacing: 0px; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; letter-spacing: -1px; } .sidebar .widget { margin-top:10px; background-color: #202020; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding:10px; } .main .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .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 { font-size: 12px; margin:auto; position:fixed; margin:auto; left:0; bottom:0; height:40px; width:100%; background:#242424; z-index:1999; } #credit { text-align:right; padding-right:25px; } ]]>