Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>changing of the seasons.</title>
- <link type="image/png" rel="icon" href="http://i.imgur.com/a6qNfP4.png">
- <link type="text/css" rel="stylesheet" href="changing.css" />
- <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald">
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://sumeoseo.webs.com/scripts/tooltips.js"></script>
- <script type="text/javascript">
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:280,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style>
- *{cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), progress;}
- #s-m-t-tooltip {
- position: absolute;
- max-width: 250px;
- color: #7C7C7C;
- font: 8px 'Arial', sans-serif;
- font-size: 8px;
- font-family: 'Arial', sans-serif;
- line-height: 10px;
- font-weight: bold;
- font-style: italic;
- letter-spacing: 0px;
- margin-top: 10px;
- margin-bottom: 15px;
- padding: 3px;
- padding-right: 3px;
- padding-left: 3px;
- background-color: #FFFFFF;
- z-index: 999;}
- #bottom{
- position: fixed;
- bottom: 0px;
- right: 0px;
- display: none;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- body{
- background-color: #FFFFFF;
- background-position: center;
- background-repeat: repeat;
- scrollbar-face-color: #FFFFFF;
- scrollbar-arrow-color: #FFFFFF;
- scrollbar-track-color: #FFFFFF;
- scrollbar-shadow-color: #FFFFFF;
- scrollbar-3dlight-color: #FFFFFF;
- scrollbar-highlight-color: #FFFFFF;
- scrollbar-darkshadow-color: #FFFFFF;}
- ::-webkit-scrollbar-thumb:vertical {
- height: 7px;
- background-color: #FFFFFF;}
- ::-webkit-scrollbar-thumb:horizontal {
- height: 7px!important;
- background-color: #FFFFFF;
- border-right: 2px solid #F0F0F0;
- border-left: 2px solid #F0F0F0;}
- ::-webkit-scrollbar {
- width: 8px;
- height: 7px;
- background-color: #FFFFFF;}
- b{color: #DA696C;}
- strong {color: #748B89;}
- i{color: #AC3548;}
- em{color: #E5403C;}
- u{
- color: #700000;
- text-decoration: none;
- padding-bottom: 0px;
- border-bottom: 0px solid #AAAAAA;}
- br{line-height: 5px;}
- a, a:active, a:link, a:visited{
- color: #7F8795;
- text-decoration: none;}
- a:hover{
- color: #CB0303;
- text-decoration: none;}
- #navbar-iframe {display:none!important;}
- #container{
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;}
- #one{
- position: relative;
- top: 20px;
- width: 660px;
- height: 100%;
- margin-right: auto;
- margin-left: auto;}
- #navihold{
- position: relative;
- width: 660px;
- height: 30px;
- margin-right: auto;
- margin-left: auto;}
- .navigate{
- padding: 5px;
- padding-top: 10px;}
- .navigate a, .navigate a:active, .navigate a:link, .navigate a:visited{
- width: 74px;
- color: #000000;
- font: 8px 'Consolas', monospace;
- font-size: 8px;
- font-family: 'Consolas', monospace;
- line-height: 10px;
- font-weight: bold;
- text-align: center;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-left: 5px;
- padding: 5px;
- background-color: #F5F5F5;
- display: inline-block;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- .navigate a:hover{
- color: #7C7C7C;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #sidebar{
- float: left;
- width: 140px;
- height: 100%;
- margin-top: 5px;
- padding: 5px;}
- .icon img{
- width: 120px;
- height: 120px;
- background-color: #F0F0F0;
- border: 5px solid #F0F0F0;
- border-radius: 80%;
- opacity: 1;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- .icon img:hover{
- opacity: .8;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- .title{
- color: #000000;
- font: 18px 'Oswald', sans-serif;
- font-size: 18px;
- font-family: 'Oswald', sans-serif;
- line-height: 10px;
- text-align: left;
- letter-spacing: -1px;
- text-transform: uppercase;
- margin-top: 10px;
- padding: 5px;}
- .sidelinks{
- color: #CFCFCF;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- text-align: center;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-top: 5px;
- padding: 3px;}
- .sidelinks a, .sidelinks a:active, .sidelinks a:link, .sidelinks a:hover{
- color: #7C7C7C;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- letter-spacing: 1px;
- font-weight: bold;
- text-transform: uppercase;
- margin-left: 2px;
- display: inline-block;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- .sidelinks a:hover{
- color: #222222;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- h2{
- color: #555555;
- font: 10px 'Calibri', sans-serif;
- font-size: 10px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- font-weight: bold;
- letter-spacing: 5px;
- text-transform: uppercase;
- padding: 5px;
- padding-top: 0px;
- padding-left: 15px;
- border-bottom: 1px solid #CFCFCF;}
- box{
- overflow: auto;
- max-height: 100px;
- color: #0000000;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 9px;
- font-weight: bold;
- text-transform: uppercase;
- padding: 5px;
- padding-top: 0px;
- padding-bottom: 0px;
- display: block;}
- box blockquote{
- width: 95%;
- margin: 0px;
- padding: 5px;
- background-color: rgba(240, 240, 240, .5);}
- /* Do not edit, please. */
- box blockquote.concern{
- width: 80%;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 9px;
- font-weight: bold;
- text-transform: uppercase;
- margin: 0px;
- padding: 5px;
- padding-left: 20px;
- background-color: rgba(240, 240, 240, .5);}
- b.mirrors{color: #555555;}
- a.mirrors, a.mirrors:active, a.mirrors:link, a.mirrors:visited{
- color: #AAAAAA;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- a.mirrors:hover{
- color: #CB0303;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- /* Proceed editing. */
- .pagination{
- float: left;
- color: 0000000;
- font: 8px'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- text-align: right;
- font-weight: bold;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-top: 15px;}
- .pagination a, .pagination a:active, .pagination a:link, .pagination a:visited{
- color: #555555;
- padding: 5px;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- .pagination a:hover{
- color: #CFCFCF;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- a.clear, a.clear:active, a.clear:link, a.clear:visited{
- float: right;
- color: #464646;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- text-align: right;
- letter-spacing: 1px;
- font-weight: bold;
- margin-top: 10px;
- padding: 5px;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- a.clear:hover{
- color: #CFCFCF;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #content{
- float: right;
- width: 650px;
- height: 100%;}
- .posts{
- width: 410px;
- margin-bottom: 5px;
- margin-left: -8px;}
- .header{
- color: #7C7C7C;
- font: 22px 'Courier New', monospace;
- font-size: 22px;
- font-family: 'Courier New', monospace;
- line-height: 18px;
- letter-spacing: -1px;
- text-transform: uppercase;
- padding: 5px;
- display: block;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- .header:hover{
- color: #464646;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- .text{
- color: #000000;
- font: 10px 'Consolas', monospace;
- font-size: 10px;
- font-family: 'Consolas', monospace;
- line-height: 12px;
- padding: 5px;
- padding-bottom: 0px;
- display: block;}
- blockquote{
- color: #AAAAAA;
- font: 8pt 'Arial', sans-serif;
- font-size: 8pt;
- font-family: 'Arial', sans-serif;
- line-height: 8pt;
- padding: 5px;
- background-color: #E5E5E5;}
- <MainOrArchivePage>
- p.blogger-labels {display: none;}
- </MainOrArchivePage>
- <ItemPage>
- p.blogger-labels{
- color: #7C7C7C;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- font-weight: bold;
- text-transform: uppercase;
- margin-top: 5px;
- padding: 5px;
- background-color: #F5F5F5;}
- p.blogger-labels a, p.blogger-labels a:active, p.blogger-labels a:link, p.blogger-labels a:visited{
- color: #000000;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- p.blogger-labels a:hover{
- color: #AAAAAA;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- </ItemPage>
- .information{
- width: 70px;
- height: 100%;
- margin-bottom: 5px;
- padding: 10px;
- background-color: #000000;}
- .information img{
- position: relative;
- width: 56px;
- height: 56px;
- margin-right: auto;
- margin-bottom: 5px;
- margin-left: auto;
- border: 7px solid #FAFAFA;}
- .holders{
- width: 75px;
- color: #CFCFCF;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- text-align: left;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-bottom: 3px;
- margin-left: -10px;
- padding: 3px;
- padding-right: 5px;
- padding-left: 10px;
- background-color: #000000;
- border-right: 10px solid #464646;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- .holders:hover{
- width: 65px;
- padding-left: 20px;
- border-right: 20px solid #F0F0F0;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- a.holders, a.holders:active, a.holders:link, a.holders:visited {
- width: 75px;
- color: #CFCFCF;
- font: 8px 'Calibri', sans-serif;
- font-size: 8px;
- font-family: 'Calibri', sans-serif;
- line-height: 10px;
- text-align: left;
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-bottom: 3px;
- margin-left: -10px;
- padding: 3px;
- padding-right: 5px;
- padding-left: 10px;
- background-color: #000000;
- display: block;
- border-right: 10px solid #464646;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- a.holders:hover{
- width: 65px;
- padding-left: 20px;
- border-right: 20px solid #F0F0F0;
- transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #footer{
- position: relative;
- width: 654px;
- margin-top: -8px;
- margin-right: auto;
- margin-bottom: 10px;
- margin-left: auto;
- clear: both;}
- </style>
- </head>
- <body>
- <div id="container">
- <div id="one">
- <table width="660" align="center"><tr>
- <td>
- <div id="navihold">
- <div class="navigate">
- <a href="/" style="margin-left: 0px;">refresh</a><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">+ follow</a><a href="">link I</a><a href="">link II</a><a href="">link III</a><a href="">link IV</a><a href="">link V</a><a style="min-width: 15px; width: 15px; max-width: 15px;" title="thank you for using changing of the seasons base code/template. i hope you enjoy it.">♦♦♦</a>
- </div>
- </div>
- </td>
- </tr>
- </table>
- <table width="660" align="center"><tr>
- <td align="left" valign="top">
- <div id="sidebar">
- <div class="icon">
- <img border="0" src="http://i.imgur.com/mvakJax.png" />
- </div>
- <div class="title">a short title here.</div>
- <div class="sidelinks">
- <a onclick="document.getElementById('base').innerHTML=document.getElementById('profile').innerHTML" style="margin-left: 0px;" title="profile.">un</a> ▲ <a onclick="document.getElementById('base').innerHTML=document.getElementById('links').innerHTML" title="loves.">deux</a> ▲ <a onclick="document.getElementById('base').innerHTML=document.getElementById('archives').innerHTML" title="archives">trois</a> ▲ <a onclick="document.getElementById('base').innerHTML=document.getElementById('credits').innerHTML" title="credits.">cred</a>
- </div>
- <div id="base">
- <h2>welcome</h2>
- <box>
- Here’s where you can put in a any text you want. I recommend it being a small little welcome or a notice of some sort because there’s already a section for your profile. I also recommend that you keep it short, but in case you don’t, this area is set to scroll after 100px has been used. So go wild if you want! ♥
- </box>
- </div>
- <div id="profile" style="display: none;">
- <h2>profile</h2>
- <box>
- Oh hello there—<b>bump that</b>, I’m utter trash at this.<br />
- Here’s where you fill in all your profile information. Just a little blurb, but remember write as much as you want as this starts to scroll after 100px have been used. <br />
- Go ahead and knock yourself out.
- </box>
- </div>
- <div id="links" style="display: none;">
- <h2>affiliates</h2>
- <box>
- be right back to edit this.
- </box>
- </div>
- <div id="archives" style="display: none;">
- <h2>archives</h2>
- <box>
- <select onchange='location=this.options[this.selectedIndex].value;' style="width: 130px; font: 8px 'Calibri', sans-serif; font-size: 8px; font-family: 'Calibri', sans-serif; line-height: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; padding: 5px; padding-top: 0px; padding-bottom: 0px; border: 1px solid #CFCFCF;">
- <option value="LINK HERE">LINK TITLE HERE</option>
- </select>
- </box>
- </div>
- <div id="credits" style="display: none;">
- <h2>credits</h2>
- <box>
- © [the years of activity on your blog], <a href="/">[blog name]</a>. all rights reserved.
- <!--Do not edit this section. Thank you kindly.-->
- <fisheye style="height: 10px; display: block;"></fisheye>
- <em>Changing of the Seasons</em> is a basecode/base template created for <a href="http://blogger.com">blogger classic</a> by:
- <fisheye style="height: 5px; display: block;"></fisheye>
- <blockquote class="concern"><b class="mirrors">— <a class="mirrors" href="http://www.blogskins.com/me/acatalepsy">acatalep</a>.<a class="mirrors" href="http://untraversable.tk">sy</a></b></blockquote>
- </box>
- </div>
- <div id="clear" style="display: none;">
- <h2>welcome</h2>
- <box>
- Here’s where you can put in a any text you want. I recommend it being a small little welcome or a notice of some sort because there’s already a section for your profile. I also recommend that you keep it short, but in case you don’t, this area is set to scroll after 100px has been used. So go wild if you want! ♥
- </box>
- </div>
- <div class="pagination">
- <div style="text-align: right;">
- <span style="float: left;">
- <OlderPosts><a href="<$OlderPosts$>"> older</a></OlderPosts>
- </span>
- <NewerPosts>| <a href="<$NewerPosts$>">newer</a></NewerPosts>
- </div>
- </div>
- <a class="clear" onclick="document.getElementById('base').innerHTML=document.getElementById('clear').innerHTML" title="clear.">❤</a>
- <!--Do not edit this section. Thank you kindly.-->
- <fisheye style="display: block; clear: both;"></fisheye>
- </div>
- </td>
- <td align="left" valign="top">
- <div id="content">
- <Blogger>
- <table width="500" height="100%" align="left"><tr>
- <td align="left" style="width: 410px; height: 100%;" valign="top">
- <div class="posts">
- <BlogItemTitle><div class="header"><$BlogItemTitle$></div></BlogItemTitle>
- <BlogItemBody>
- <div class="text">
- <$BlogItemBody$>
- </div>
- </BlogItemBody>
- </div>
- </td>
- <td align="left" style="width: 90px; height: 100%;" valign="top">
- <div class="information">
- <img border="0" src="http://i.imgur.com/fivK2bL.png" />
- <div class="holders" title="<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>">posted on.</div>
- <div class="holders" title="<$BlogItemAuthor$>">posted by.</div>
- <BlogItemCommentsEnabled><a class="holders" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>" title="<$BlogItemCommentCount$> comments.">comments</a></BlogItemCommentsEnabled>
- </div>
- </td></tr></table>
- </Blogger>
- </div>
- </td></tr></table>
- <table width="660" align="center"><tr>
- <td>
- <div id="footer">
- </div>
- </td>
- </tr></table>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement