- <html>
- <head>
- <!--
- Theme 04 Himari
- by mogimochi/fuyunohoshi
- 1. Light/Heavy CSS editting is allowed.
- 2. Do not use as base code.
- 3. Do not remove credit.
- 4. Do not claim theme as your own.
- -->
- <!--Colours-->
- <meta name="color:Background" content="#f3d9d9" />
- <meta name="color:Title" content="#e7646d" />
- <meta name="color:Description" content="#746c6c" />
- <meta name="color:Body Text" content="#000000" />
- <meta name="color:Body Links" content="#f8598b" />
- <meta name="color:Hover Body Links" content="#f8ebc0" />
- <meta name="color:Post Titles" content="#fd8ea3" />
- <meta name="color:Bold Text" content="#f5bf99" />
- <meta name="color:Italic Text" content="#81c0f5" />
- <meta name="color:Sidebar Background" content="#fff9df" />
- <meta name="color:Nav Sidebar Background" content="#fcf5e4" />
- <meta name="color:Nav Sidebar Text" content="#333030" />
- <meta name="color:Nav Links Background" content="#ffffff" />
- <meta name="color:Nav Links Text" content="#000000" />
- <meta name="color:Hover Nav Links Background" content="#f53763" />
- <meta name="color:Hover Nav Links Text" content="#ffffff" />
- <meta name="color:SB Home Text" content="#ffffff" />
- <meta name="color:SB Home Background" content="#000000" />
- <meta name="color:Hover SB Home Text" content="#ffffff" />
- <meta name="color:Hover SB Home Background" content="#000000" />
- <meta name="color:SB Ask Text" content="#ffffff" />
- <meta name="color:SB Ask Background" content="#f57f88" />
- <meta name="color:Hover SB Ask Text" content="#ffffff" />
- <meta name="color:Hover SB Ask Background" content="#f57f88" />
- <meta name="color:SB Past Text" content="#ffffff" />
- <meta name="color:SB Past Background" content="#f1d1a6" />
- <meta name="color:Hover SB Past Text" content="#ffffff" />
- <meta name="color:Hover SB Past Background" content="#f1d1a6" />
- <meta name="color:SB Theme Text" content="#000000" />
- <meta name="color:SB Theme Background" content="#ffffff" />
- <meta name="color:Hover SB Theme Text" content="#000000" />
- <meta name="color:Hover SB Theme Background" content="#ffffff" />
- <meta name="color:Pagination" content="#fc9ca7" />
- <meta name="color:Pagination Hover" content="#f8676b" />
- <meta name="color:Ask Text" content="#635c5c" />
- <meta name="color:Ask Background" content="#f8e2b9" />
- <meta name="color:Asker Bottom Border" content="#000000" />
- <meta name="color:Permalink Background" content="#000000" />
- <meta name="color:Blockquote" content="#746c6c" />
- <meta name="text:Notes Icon" content="✂" />
- <meta name="text:Title Font Size" content="20" />
- <meta name="text:Description Font Size" content="12" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 6 URL" content="" />
- <meta name="text:Link 6" content="" />
- <!--Fonts-->
- <meta name="font:Body" content="Helvetica" />
- <meta name="font:Title Font" content="Georgia" />
- <meta name="font:Description Font" content="Helvetica" />
- <!--images-->
- <meta name="image:Background" content="http://i1246.photobucket.com/albums/gg607/mogimochi/tumblr_m0ce1ajadf1rr1mfbo4_250.png" />
- <meta name="image:Sidebar" content="" />
- <!--Options-->
- <meta name="if:Infinite Scroll" content="0" />
- <meta name="if:Show Title" content="0" />
- <meta name="if:Transparent Nav Sidebar" content="0" />
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- $(window).load(function(){
- $("p").remove(":contains('Source:')”);
- $("p").remove(":contains('(via')");
- });
- </script>
- <style type="text/css">
- iframe#tumblr_controls {
- right:3px !important; position:fixed !important;
- }
- body {
- background-color: {color:Background};
- font-family: {font:Body};
- background-image: url({image:Background});
- background-attachment: fixed;
- margin: 0;
- word-wrap: break-word;
- text-decoration: none;
- }
- #sidebar {
- background-color: {color:Sidebar Background};
- width: 180px;
- position: fixed;
- top: 90px;
- left: 250px;
- }
- #sidebar .sidebarlinkshome {
- background-color: {color:SB Home Background};
- text-decoration: none;
- color: {color:SB Home Text};
- font-size: 10px;
- font-family: consolas;
- text-align: center;
- margin-top: -20px;
- float: left;
- line-height: 20px;
- width: 45px;
- height: 20px;
- text-transform: uppercase;
- letter-spacing: 2px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #sidebar .sidebarlinkshome a {
- text-decoration:none;
- }
- #sidebar .sidebarlinkshome:hover {
- background-color: {color:Hover SB Home Background};
- color: {color:Hover SB Home Text};
- margin-top: -40px;
- width: 45px;
- line-height: 40px;
- height: 40px;
- }
- #sidebar .sidebarlinksask {
- background-color: {color:SB Ask Background};
- text-decoration: none;
- color: {color:SB Ask Text};
- font-size: 10px;
- font-family: consolas;
- text-align: center;
- margin-top: -20px;
- float: left;
- margin-left: 45px;
- line-height: 20px;
- width: 45px;
- height: 20px;
- text-transform: uppercase;
- letter-spacing: 2px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #sidebar .sidebarlinksask a {
- text-decoration:none;
- }
- #sidebar .sidebarlinksask:hover {
- background-color: {color:Hover SB Ask Background};
- color: {color:Hover SB Ask Text};
- margin-top: -40px;
- width: 45px;
- line-height: 40px;
- height: 40px;
- }
- #sidebar .sidebarlinkspast {
- background-color: {color:SB Past Background};
- text-decoration: none;
- color: {color:SB Past Text};
- font-size: 10px;
- font-family: consolas;
- text-align: center;
- margin-top: -20px;
- margin-right: 45px;
- float: right;
- line-height: 20px;
- width: 45px;
- height: 20px;
- text-transform: uppercase;
- letter-spacing: 2px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #sidebar .sidebarlinkspast a {
- text-decoration:none;
- }
- #sidebar .sidebarlinkspast:hover {
- background-color: {color:Hover SB Past Background};
- color: {color:Hover SB Past Text};
- margin-top: -40px;
- width: 45px;
- line-height: 40px;
- height: 40px;
- }
- #sidebar .sidebarlinkstheme {
- background-color: {color:SB Theme Background};
- text-decoration: none;
- color: {color:SB Theme Text};
- font-size: 10px;
- font-family: consolas;
- text-align: center;
- margin-top: -20px;
- float: right;
- line-height: 20px;
- width: 45px;
- height: 20px;
- text-transform: uppercase;
- letter-spacing: 2px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #sidebar .sidebarlinkstheme a {
- text-decoration:none;
- }
- #sidebar .sidebarlinkstheme:hover {
- background-color: {color:Hover SB Theme Background};
- color: {color:Hover SB Theme Text};
- margin-top: -40px;
- width: 45px;
- line-height: 40px;
- height: 40px;
- }
- #sidebar .image {
- max-width: 180px;
- height: auto;
- }
- {block:IfShowTitle}
- #sidebar .title {
- font-family: {font:Title Font};
- font-size: {text:Title Font Size}px;
- padding: 10px;
- padding-bottom: 1px;
- text-align: center;
- color: {color:Title};
- }
- {/block:IfShowTitle}
- #sidebar .description {
- color: {color:Description};
- font-family: {font:Description Font};
- font-size: {text:Description Font Size}px;
- text-align: left;
- padding: 15px;
- padding-top: 9px;
- line-height: 100%;
- }
- #sidebar .description a {
- color: {color:Body Links};
- text-decoration: none;
- }
- #sidebar .description a:hover {
- color: {color:Hover Body Links};
- }
- #sidebar .description b, strong {
- color:{color:Bold Text};
- }
- #sidebar .description i, em {
- color:{color:Italic Text};
- }
- #navsidebar {
- width: 96px;
- padding: 10px;
- height: auto;
- margin-left: 1030px;
- margin-top: 120px;
- position: fixed;
- background-color: rgba(255, 255, 255, 0.4);
- {block:IfTransparentNavSidebar}
- background-color: rgba(255, 255, 255, 0.0);
- {/block:IfTransparentNavSidebar}
- }
- #navsidebar .icon {
- text-decoration: none;
- -khtml-border-radius: 48px;
- -moz-border-radius: 48px;
- -webkit-border-radius: 48px;
- border-radius: 48px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #navsidebar .icon:hover {
- text-decoration: none;
- -khtml-border-radius: 0px;
- -moz-border-radius: 0px;
- -webkit-border-radius: 0px;
- border-radius: 0px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #navsidebar #navigation {
- text-align: center;
- font: consolas;
- font-size: 11px;
- padding-top: 5px;
- display: block;
- padding-bottom: 5px;
- letter-spacing: 1px;
- margin-top: 5px;
- text-decoration: none;
- text-transform: uppercase;
- color:{color:Nav Sidebar Text};
- }
- #navsidebar #navigation #links {
- display: block;
- height: auto;
- text-align: center;
- width: 92px;
- text-transform: uppercase;
- font-size: 0;
- font-family: consolas;
- text-decoration: none;
- margin-top: 0px;
- margin-left: 1px;
- letter-spacing: 1px;
- text-decoration: none;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- -ms-transition: all 0.6s ease;
- transition: all 0.6s ease;
- }
- #navsidebar #navigation:hover #links {
- display: block;
- height: auto;
- text-align: center;
- width: 92px;
- text-transform: uppercase;
- font-size: 9px;
- font-family: consolas;
- margin-top: 3px;
- margin-left: 1px;
- letter-spacing: 1px;
- text-decoration: none;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- -ms-transition: all 0.6s ease;
- transition: all 0.6s ease;
- background-color: {color:Nav Links Background};
- color: {color:Nav Links Text};
- }
- #navsidebar #navigation:hover #links:hover {
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- -ms-transition: all 0.6s ease;
- transition: all 0.6s ease;
- background-color: {color:Hover Nav Links Background};
- color: {color:Hover Nav Links Text};
- }
- /*Pagination*/
- #navsidebar .pagination {
- font: consolas;
- letter-spacing: 1px;
- width: 96px;
- text-align: center;
- padding-top: 5px;
- font-size: 11px;
- color: {color:Nav Sidebar Text};
- }
- #navsidebar .pagination a {
- color: {color:Pagination};
- text-decoration: none;
- }
- #navsidebar .pagination a:hover {
- color: {color:Pagination Hover};
- }
- #content {
- width: 560px;
- background-color: rgba(255, 255, 255, 0);
- margin: -5px 0 -5px 450px;
- padding: 20px 0;
- color: {color:Body Text};
- }
- #content a {
- color: {color:Body Links};
- text-decoration: none;
- }
- #content a:hover {
- color: {color:Hover Body Links};
- }
- #content blockquote {
- margin: 10px;
- padding-left: 10px;
- border-left: solid 5px {color:Blockquote};
- }
- #content #posts {
- background-color: white;
- z-index: 100%;
- width: 500px;
- max-width: 100%;
- height: auto;
- margin: 5px auto 15px;
- padding: 10px;
- }
- #content #posts b, strong {
- color: {color:Bold Text};
- }
- #content #posts i, em {
- color: {color:Italic Text};
- }
- img {
- border: 0;
- }
- #content #posts .title {
- font-size: 20px;
- font-family: Georgia;
- text-align: center;
- color:{color:Post Titles}
- }
- #content #posts .text {
- font-size:11px;
- }
- #content #posts .quote {
- font-family: Georgia;
- font-size: 20px;
- }
- #content #posts:hover #permalink {
- font-size: 13px;
- height: 20px;
- line-height: 20px;
- width: 520px;
- position: absolute;
- margin-left: -10px;
- margin-top: -10px;
- text-transform: uppercase;
- letter-spacing: 2px;
- text-decoration: none;
- opacity: 0.8;
- font-family: consolas;
- overflow: hidden;
- display: block;
- text-align: center;
- background-color: {color:Permalink Background};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- /*Permalink and Tags*/
- #content #posts #permalink {
- width: 520px;
- height: 0px;
- font-size: 13px;
- font-family: consolas;
- text-transform: uppercase;
- letter-spacing: 2px;
- text-align: center;
- line-height: 20px;
- margin-left: -10px;
- margin-top: 10px;
- overflow: hidden;
- position: absolute;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #content #posts .permapage {
- font-family: consolas;
- letter-spacing: 1px;
- font-size: 10px;
- margin-top: 5px;
- text-transform: uppercase;
- text-decoration: none;
- color: {color:Body Text};
- }
- #content #posts .postsource {
- font-family: consolas;
- font-size: 10px;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-decoration: none;
- color: {color:Body Text};
- }
- #content #posts .ask {
- font-size: 14px;
- font-family: Helvetica;
- margin-top: 3px;
- width: 480px;
- display: block;
- color: {color:Ask Text};
- padding: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- background-color: {color:Ask Background};
- }
- #content #posts .askersaid {
- font-family: consolas;
- border-bottom: 1px dashed {color:Asker Bottom Border};
- font-size: 10px;
- padding-left: 10px;
- letter-spacing: 2px;
- text-transform: uppercase;
- margin-bottom: 10px;
- }
- #content #posts .answer {
- font-size: 16px;
- }
- #content #posts #tags {
- font-family: consolas;
- font-size: 10px;
- color: #000000;
- letter-spacing: 1px;
- margin-bottom: 5px;
- text-decoration: none;
- }
- #content #notecontainer {
- margin: 20px auto;
- width: 500px;
- font-size: 11px;
- }
- #content #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- #content #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- <script type="text/javascript">
- $(window).load(function(){
- $("p").remove(":contains('Source:')”);
- $("p").remove(":contains('(via')");
- });
- </script>
- {CustomCSS}
- </style>
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- </head>
- <body>
- <div id="sidebar">
- <a href="/" class="sidebarlinkshome">home</a>
- <a href="/ask" class="sidebarlinksask">ask</a>
- <a href="/archive" class="sidebarlinkspast">past</a>
- <a href="http://mogimochi.tumblr.com" class="sidebarlinkstheme">theme</a>
- <img class="image" src="{image:Sidebar}" />
- {block:IfShowTitle}
- <div class="title">{Title}</div>
- {/block:IfShowTitle}
- <div class="description">{Description}</div>
- </div> <!--Sidebar-->
- <div id="navsidebar">
- <img class="icon" src="{PortraitURL-96}">
- <center><div id="navigation">navigation
- {block:IfLink1}<a href="{text:Link 1 URL}" id="links">{text:Link 1}</a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}" id="links">{text:Link 2}</a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:Link 3 URL}" id="links">{text:Link 3}</a>{/block:IfLink3}
- {block:IfLink4}<a href="{text:Link 4 URL}" id="links">{text:Link 4}</a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:Link 5 URL}" id="links">{text:Link 5}</a>{/block:IfLink5}
- {block:IfLink6}<a href="{text:Link 6 URL}" id="links">{text:Link 6}</a>{/block:IfLink6}
- </div></center>
- {block:IfNotInfiniteScroll}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}
- {CurrentPage}/{TotalPages}
- {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}
- </div>
- {/block:IfNotInfiniteScroll}
- </div>
- <!--The Main Content-->
- <div id="content">
- <img class="image" src="{image:Post Wrap}" />
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="posts">
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {AudioPlayerBlack}
- <div class="text">{PlayCountWithLabel}</div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="quote">“{Quote}”</div>
- {block:Source}<div class="text"><br>- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="ask">
- <div class="askersaid">{Asker} said: </div>
- {Question}</div>
- <div class="text"></div>
- <div class="text">{Answer}</div>
- {block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Link}
- <div class="title"><a href="{URL}">{Name} →</a></div>
- {block:Description}
- <div class="text">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}">
- {block:Date}{DayOfMonth} {ShortMonth} {ShortYear}{/block:Date}
- {block:NoteCount} | {NoteCount} {text:Notes Icon}{/block:NoteCount}
- </a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="permapage">
- <center>
- {block:Date}<i>{DayOfMonth} {Month} {Year}</i> at <i>{12Hour}:{Minutes}{AmPm}</i>{/block:Date}{block:NoteCount} with <i>{NoteCountWithLabel}</i>{/block:NoteCount}</div></center>
- <center><div class="postsource">{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div></center>
- <center>
- {block:HasTags}<div id="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags} </div> {/block:HasTags}
- </center>
- {/block:PermalinkPage}
- </div>
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>