Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--
- █▀▀▄ █▀▀█ █░░█ █▀▀▄ █▀▀█ █▀▀█ █▀▀█ ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
- █░░█ █░░█ █▀▀█ █░░█ █░░█ █▄▄▀ █░░█ ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
- ▀▀▀░ ▀▀▀▀ ▀░░▀ ▀▀▀░ ▀▀▀▀ ▀░▀▀ ▀▀▀▀ ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
- ╭━━┳╮╱╱╭╮╭━━━┳━━━┳━━┳━━━┳━━━╮
- ┃╭╮┃╰╮╭╯┃┃╭━━┫╭━╮┣┫┣┫╭━╮┃╭━╮┃
- ┃╰╯╰╮╰╯╭╯┃╰━━┫╰━╯┃┃┃┃┃╱╰┫┃╱┃┃
- ┃╭━╮┣╮╭╯╱┃╭━━┫╭╮╭╯┃┃┃┃╱╭┫╰━╯┃
- ┃╰━╯┃┃┃╱╱┃╰━━┫┃┃╰┳┫┣┫╰━╯┃╭━╮┃
- ╰━━━╯╰╯╱╱╰━━━┻╯╰━┻━━┻━━━┻╯╱╰╯
- <!-- THEME: Sleepless Mind --->
- <!--DO NOT REMOVE THE CREDIT PLEASE.
- ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
- ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
- ***DO NOT USE AS BASE --->
- <head>
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="{favicon}"
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- <meta name="text:Search Label" content="/tagged" />
- <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
- <meta name="if:InfiniteScroll" content="0" />
- <meta name="if:Show Captions" content="0"/>
- <meta name="text:title part 2" content="part 2"/>
- <meta name="text:Second hover title" content="hover title"/>
- <meta name="if:250px" content="1" />
- <meta name="if:400px" content="0" />
- <meta name="if:500px" content="0" />
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#888"/>
- <meta name="color:bold" content="#00CED1"/>
- <meta name="color:italic" content="#F08080"/>
- <meta name="color:links" content="#888888"/>
- <meta name="color:links hover" content="#000000"/>
- <meta name="color:h1" content="#888888"/>
- <meta name="color:h1 border" content="#eeeeee"/>
- <meta name="color:blockquote border" content="#1cb8cb"/>
- <meta name="color:right sidebar bg" content="#fb4380"/>
- <meta name="color:Description" content="#ffffff"/>
- <meta name="color:Second hover title" content="#ffffff"/>
- <meta name="color:title" content="#ffffff"/>
- <meta name="color:title part 2" content="#e9e75a"/>
- <meta name="color:title border" content="#ffffff"/>
- <meta name="color:right sidebar bottom bg" content="#1cb8cb"/>
- <meta name="color:navigation text" content="#ffffff"/>
- <meta name="color:search bar bg" content="#e9e75a"/>
- <meta name="color:search bar border" content="#fafafa"/>
- <meta name="color:search bar text" content="#888888"/>
- <meta name="color:icon hover bg" content="#e9e75a"/>
- <meta name="color:icon hover border" content="#ffffff"/>
- <meta name="color:icon hover text" content="#ffffff"/>
- <meta name="color:post text" content="#888888"/>
- <meta name="color:post border" content="#eeeeee"/>
- <meta name="color:caption border" content="#eeeeee"/>
- <meta name="color:text post info" content="#888888"/>
- <meta name="color:post notes color" content="#e9e75a"/>
- <meta name="color:post info icon bg" content="#fb4380"/>
- <meta name="color:post info icon bg hover" content="#1cb8cb"/>
- <meta name="color:post info date" content="#888888"/>
- <meta name="color:post info date border" content="#eeeeee"/>
- <meta name="color:post info bg" content="#ffffff"/>
- <meta name="color:quotes bg" content="#fafafa"/>
- <meta name="color:quotes" content="#888888"/>
- <meta name="color:ask question" content="#888888"/>
- <meta name="color:asked by" content="#1cb8cb"/>
- <meta name="color:ask reply" content="#888888"/>
- <meta name="color:Albumart border" content="#eeeeee"/>
- <meta name="color:Audio Bg" content="#ffffff"/>
- <meta name="color:Audio border" content="#eeeeee"/>
- <meta name="color:permalink text" content="#888888"/>
- <meta name="color:permalink date" content="#1cb8cb"/>
- <meta name="color:permalink border" content="#eeeeee"/>
- <meta name="color:pagination current page bg" content="#e9e75a"/>
- <meta name="color:pagination current page text" content="#ffffff"/>
- <meta name="color:pagination bg" content="#ffffff"/>
- <meta name="color:pagination" content="#888888"/>
- <meta name="color:scrollbar border" content="#ffffff"/>
- <meta name="color:scrollbar bg" content="#1cb8cb"/>
- <meta name="color:scrollbar" content="#1cb8cb"/>
- <meta name="text:Link One URL" content="/"/>
- <meta name="text:Link One text" content="link one"/>
- <meta name="text:Link Two URL" content="/"/>
- <meta name="text:Link Two text" content="link two"/>
- <meta name="text:Link Three URL" content="/"/>
- <meta name="text:Link Three text" content="link three"/>
- <meta name="text:Link Four URL" content="/"/>
- <meta name="text:Link Four text" content="link four"/>
- <style type="text/css">
- /* tumblr controls */
- #tumblr_controls {position: fixed !important;}
- #tumblr_controls {-webkit-filter: invert(100%);}
- #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
- #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
- /* scroll bar */
- ::-webkit-scrollbar {
- height:5px;
- width:5px;
- background:{color:scrollbar bg};
- border:2px solid {color:scrollbar border};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background:{color:scrollbar};
- }
- /* Custom fonts */
- @font-face {font-family:cooper std; src: url(http://static.tumblr.com/bj5zkci/ToZn6pqkk/cooperblackstd.otf) format("truetype"); }
- @font-face {font-family:visitor1; src: url(http://static.tumblr.com/bj5zkci/fj4n5a84r/visitor1.ttf) format("truetype"); }
- /* body */
- body {
- font-family:calibri;
- font-size:10px;
- max-width:100%;
- height:100%;
- letter-spacing:1px;
- color:{color:Text};
- background:{color:Background};
- }
- a {
- color:{color:links};
- text-decoration:none;
- }
- a:hover {
- color:{color:links hover};
- }
- b, strong{
- color:{color:bold};
- }
- i, em {
- color:{color:italic};
- }
- h1 {
- font-family:helvetica sans serif;
- font-size:15px;
- text-transform:uppercase;
- text-align:center;
- border-bottom:1px solid {color:h1 border};
- color:{color:h1};
- padding:15px;
- }
- h1 a {
- color:{color:h1};
- text-decoration:none;
- }
- blockquote {
- border-left:1px solid {color:blockquote border};
- padding-left:10px;
- }
- /* container */
- #wrapping {
- margin-left:-10px;
- margin-top:-10px;
- height:150%;
- padding:30px;
- width:560px;
- {block:if500px}width:620px;{/block:if500px}
- }
- /* Sidebar */
- #longy {
- position:fixed;
- z-index:999;
- width:100%;
- height:100%;
- background:{color:right sidebar bg};
- top:0px;
- margin-left:590px;
- {block:if500px}
- margin-left:650px;
- {/block:if500px}
- }
- #rightbar {
- z-index:9999;
- position:fixed;
- margin-left:650px;
- {block:if500px}
- margin-left:680px;
- {/block:if500px}
- top:260px;
- }
- .cription {
- position:absolute;
- margin-top:80px;
- margin-left:17px;
- width:400px;
- color:{color:Description};
- padding:5px;
- text-align:justify;
- font-size:8px;
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:2px;
- }
- .cription a {
- color:{color:Description};
- }
- .grid {
- margin-top:-70px;
- margin-left:340px;
- overflow: hidden;
- padding: 3em 0 0 0;
- width:600px;
- list-style: none;
- text-align: center;
- }
- .grid figure {
- position: fixed;
- z-index:9999;
- display: inline-block;
- overflow: hidden;
- margin: -0.135em;
- width:600px;
- height: 400px;
- text-align: center;
- cursor: pointer;
- }
- .grid figure figcaption {
- padding: 2em;
- color:{color:Second hover title};
- text-transform: uppercase;
- font-size: 1.25em;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .grid figure figcaption::before,
- .grid figure figcaption::after {
- pointer-events: none;
- }
- .grid figure figcaption,
- .grid figure a {
- position: absolute;
- top:0;
- left:0px;
- {block:if500px}
- left:30px;
- {/block:if500px}
- width: 100%;
- }
- .grid figure a {
- z-index: 1000;
- text-indent: 200%;
- white-space: nowrap;
- font-size: 0;
- opacity: 0;
- }
- .grid figure h2 {
- word-spacing: -0.15em;
- font-size:60px;
- font-family:intro;
- color:{color:title};
- letter-spacing:-5px;
- font-weight: 300;
- }
- .grid figure h2 span {
- color:{color:title part 2};
- font-weight: 800;
- }
- .grid figure h2,
- .grid figure p {
- margin:0;
- }
- .grid figure p {
- margin-top:-8px;
- margin-left:5px;
- letter-spacing:0px;
- color:{color:Second hover title};
- width:400px;
- height:20px;
- margin-bottom:-3px;
- padding-bottom:4px;
- border-bottom:1px dotted {color:title border};
- font-family:arial;
- font-size:15px;
- }
- figure.effect-lily figcaption {
- top: auto;
- bottom: 0;
- height: 30%;
- text-align: left;
- }
- figure.effect-lily h2,
- figure.effect-lily p {
- -webkit-transform: translate3d(0,40px,0);
- transform: translate3d(0,40px,0);
- }
- figure.effect-lily h2 {
- -webkit-transition: -webkit-transform 0.35s;
- transition: transform 0.35s;
- }
- figure.effect-lily p {
- color:#fff;
- opacity: 0;
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
- transition: opacity 0.2s, transform 0.35s;
- }
- figure.effect-lily:hover img,
- figure.effect-lily:hover p {
- opacity: 1;
- }
- figure.effect-lily:hover img,
- figure.effect-lily:hover h2,
- figure.effect-lily:hover p {
- -webkit-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
- }
- figure.effect-lily:hover p {
- -webkit-transition-delay: 0.05s;
- transition-delay: 0.05s;
- -webkit-transition-duration: 0.35s;
- transition-duration: 0.35s;
- }
- /* bottom sidebar */
- #bosshom {
- position:fixed;
- z-index:99999;
- bottom:0px;
- margin-left:590px;
- width:100%;
- height:200px;
- background:{color:right sidebar bottom bg};
- {block:if500px}
- margin-left:650px;
- {/block:if500px}
- }
- #everyshing {
- margin-top:40px;
- {block:if500px}
- margin-left:-30px;
- {/block:if500px}
- }
- .tt-wrapper {
- position:relative;
- padding: 0;
- width: 465px;
- margin-left:70px;
- margin-top:10px;
- }
- .tt-wrapper li {
- float: left;
- }
- .tt-wrapper img {
- display: inline-block;
- width:28px;
- margin:15px;
- outline: none;
- text-indent: -9000px;
- position: relative;
- }
- .tt-wrapper a span {
- width: 100px;
- height: auto;
- line-height: 20px;
- padding: 10px;
- margin-left:-95px;
- margin-top:-50px;
- font-family:arial;
- text-transform:uppercase;
- letter-spacing:-1px;
- font-weight: 400;
- font-size: 14px;
- color:{color:icon hover text};
- text-align: center;
- border: 4px solid {color:icon hover border};
- background:{color:icon hover bg};
- text-indent: 0px;
- border-radius: 5px;
- position: absolute;
- pointer-events: none;
- bottom: 100px;
- opacity: 0;
- box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .tt-wrapper a span:before,
- .tt-wrapper a span:after {
- content: '';
- position: absolute;
- bottom: -15px;
- left: 50%;
- margin-left:-15px;
- width: 0;
- height: 0;
- border-left: 10px solid transparent;
- border-right: 10px solid transparent;
- border-top: 10px solid rgba(0,0,0,0.1);
- }
- .tt-wrapper a span:after {
- bottom: -14px;
- margin-left: -10px;
- border-top: 10px solid #fff;
- }
- .tt-wrapper a:hover span {
- opacity: 0.9;
- bottom: 70px;
- }
- #mainlinks {
- position:fixed;
- width:auto;
- text-transform:uppercase;
- font-family:arial;
- font-size:12px;
- line-height:7px;
- letter-spacing:0px;
- padding-left:10px;
- margin-left:50px;
- margin-top:-23px;
- }
- #mainlinks a {
- display:inline-block;
- margin:17px;
- padding:4px;
- color:{color:navigation text};
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- #mainlinks a:hover {
- letter-spacing:5px;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- #mainlinks img {
- width:20px;
- margin:10px;
- }
- .searchy {
- position:fixed;
- margin-top:-45px;
- margin-left:250px;
- }
- .sfm input {
- background-color:{color:search bar bg};
- font-size:8px;
- outline:none;
- text-transform: uppercase;
- border:1px solid {color:search bar border};
- color:{color:search bar text};
- letter-spacing: 1px;
- padding:9px;
- font-family: calibri, helvetica, arial;
- }
- #sb {
- margin-top:0px;
- color:#fff;
- border:none;
- background:none;
- vertical-align: top;
- }
- /* Pagination */
- .pagination {
- z-index:99;
- position:fixed;
- margin-top:13px;
- margin-left:74px;
- padding:7px;
- }
- .jump_page {
- display:inline-block;
- padding:4px 8px;
- color:{color:pagination};
- background:{color:pagination bg};
- font-family:arial;
- font-size:11px;
- text-decoration:none;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .nexh {
- display:inline-block;
- padding:5px 8px;
- color:{color:pagination};
- background:{color:pagination bg};
- font-family:calibri;
- text-transform:uppercase;
- font-size:9px;
- text-decoration:none;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .nexh:hover {
- background:{color:pagination current page bg};
- color:{color:pagination current page text};
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .nexh a:hover {
- color:{color:pagination current page text};
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .current_page, .jump_page:hover {
- padding: 4px 8px;
- font-family:arial;
- background:{color:pagination current page bg};
- color:{color:pagination current page text};
- font-size:11px;
- text-decoration:bold;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- #text {
- position:relative;
- display:block;
- overflow:hidden;
- padding:20px;
- font-family:calibri;
- font-size:10px;
- line-height:12px;
- letter-spacing:2px;
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:if500px}
- width:500px;
- {/block:if500px}
- }
- @font-face {font-family:intro inline; src: url(http://static.tumblr.com/bj5zkci/vKon6ia5a/intro_inline.otf) format("truetype"); }
- @font-face {font-family:bebasneue; src: url(http://static.tumblr.com/bj5zkci/e1nn3lnea/bebasneue.otf) format("truetype"); }
- /* Posts */
- .ent {
- position:relative;
- padding:40px;
- margin-bottom:70px;
- margin-top:50px;
- color:{color:post text};
- font-family:calibri;
- font-size:10px;
- {block:if250px}
- width:250px;
- margin-left:90px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- margin-left:20px;
- {/block:if400px}
- {block:if500px}
- width:500px;
- margin-left:5px;
- {/block:if500px}
- {block:PermalinkPage}
- margin-left:-5px;
- margin-top:50px;
- width:500px;
- padding-bottom:50px;
- {/block:PermalinkPage}
- }
- .ent:before {
- {block:IndexPage}
- position:absolute;
- content: " ";
- border-left:1px solid {color:post border};
- border-top:1px solid {color:post border};
- margin-left:-35px;
- margin-top:-35px;
- padding:25px;
- {/block:IndexPage}
- }
- .ent:after {
- {block:IndexPage}
- position:absolute;
- content:" ";
- padding:25px;
- border-right:1px solid {color:post border};
- border-bottom:1px solid {color:post border};
- margin-top:-20px;
- {block:if250px}
- margin-left:285px;
- {/block:if250px}
- {block:if400px}
- margin-left:434px;
- {/block:if400px}
- {block:if500px}
- margin-top:-25px;
- margin-left:525px;
- {/block:if500px}
- {/block:IndexPage}
- }
- .ent a {
- color:{color:links};
- }
- .ent img {
- max-width:100%;
- }
- #caption {
- margin-top:7px;
- padding:15px;
- border-top:1px solid {color:caption border};
- word-wrap:break-word;
- font-size:11px;
- font-family:calibri;
- color:{color:caption};
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:if500px}
- margin-top:-5px;
- margin-left:0px;
- width:500px;
- {/block:if500px}
- {block:PermalinkPage}
- margin-top:10px;
- width:480px;
- {/block:PermalinkPage}
- }
- /* Post infos */
- #texfo {
- position:absolute;
- padding:5px;
- width:400px;
- margin-top:0px;
- margin-left:15px;
- color:{color:text post info};
- text-align:left;
- opacity:0;
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .nfos {
- color:{color:text post info};
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .ent:hover #texfo {
- opacity:1;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- -ms-transition: all .7s ease-in-out;
- transition: all .7s ease-in-out;
- }
- .view {
- height:100%;
- top:0px;
- margin:10px;
- overflow:hidden;
- position:relative;
- text-align: center;
- cursor: default;
- {block:if250px}width:270px;{/block:if250px}
- {block:if400px}width:420px;{/block:if400px}
- {block:if500px}width:520px;{/block:if500px}
- }
- .view .mask, .view .content {
- height:100%;
- top:0px;
- position: absolute;
- overflow:auto;
- margin-left:30;
- {block:if250px}width:270px;{/block:if250px}
- {block:if400px}width:420px;{/block:if400px}
- {block:if500px}width:510px;{/block:if500px}
- }
- .view img {
- display: block;
- position: relative;
- }
- .view h2 {
- text-transform: uppercase;
- text-align: center;
- position: relative;
- font-size:50px;
- font-family:intro;
- letter-spacing:0px;
- padding: 10px;
- margin: 20px 0 0 0;
- }
- .view h2 a {
- padding:10px;
- color:{color:post notes color};
- }
- .view p {
- font-family:arial;
- font-size:10px;
- display:block;
- position: relative;
- text-transform:uppercase;
- padding:5px;
- text-align: center;
- }
- .view p img {
- background:{color:post info icon bg};
- width:25px;
- height:25px;
- display:inline-block;
- border-radius:90%;
- padding:5px;
- margin:6px;
- }
- .view p img:hover {
- background-color:{color:post info icon bg hover};
- }
- .view a.info {
- display: inline-block;
- text-decoration: none;
- padding: 7px 14px;
- margin-top:-5px;
- color:{color:post info date};
- text-transform: uppercase;
- border:1px solid {color:post info date border};
- }
- .view-sixth img {
- transition: all 0.4s ease-in-out 0.5s;
- }
- .view-sixth .mask {
- background-color:{color:post info bg};
- opacity:0;
- transition: all 0.3s ease-in 0.4s;
- }
- .view-sixth h2{
- opacity:0;
- background: transparent;
- margin: 20px 40px 0px 40px;
- transform: scale(10);
- transition: all 0.3s ease-in-out 0.1s;
- }
- .view-sixth p {
- opacity:0;
- transform: scale(10);
- transition: all 0.3s ease-in-out 0.2s;
- }
- .view-sixth a.info {
- opacity:0;
- transform: translateY(100px);
- transition: all 0.3s ease-in-out 0.1s;
- }
- .view-sixth:hover .mask {
- opacity:1;
- transition-delay: 0s;
- }
- .view-sixth:hover img {
- transition-delay: 0s;
- }
- .view-sixth:hover h2 {
- opacity: 1;
- transform: scale(1);
- transition-delay: 0.1s;
- }
- .view-sixth:hover p {
- opacity:1;
- transform: scale(1);
- transition-delay: 0.2s;
- }
- .view-sixth:hover a.info {
- opacity:1;
- transform: translateY(0px);
- transition-delay: 0.3s;
- }
- #quotes {
- margin-top:10px;
- font-family:calibri;
- font-size:9px;
- background:{color:quotes bg};
- color:{color:quotes};
- padding:15px;
- text-align:center;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- /* Asks */
- #messeju {
- margin-left:10px;
- height:100%;
- padding:20px;
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:if500px}
- margin-top:-5px;
- margin-left:0px;
- width:500px;
- {/block:if500px}
- }
- .theques{
- font-family:calibri;
- font-size:11px;
- padding-bottom:8px;
- border-bottom:1px solid #eee;
- color:{color:ask question};
- }
- .theques a {
- color:{color:ask question};
- }
- .whoasked {
- text-transform:uppercase;
- font-family:intro;
- font-size:30px;
- margin-left:-2px;
- letter-spacing:-2px;
- margin-top:10px;
- color:{color:asked by};
- text-align:left;
- }
- .whoasked a {
- color:{color:asked by};
- }
- #youreply {
- color:{color:ask reply};
- margin-top:5px;
- word-wrap:break-word;
- text-align:left;
- font-family:calibri;
- font-size:11px;
- }
- /* Music */
- #albumart {
- position:absolute;
- width:100%;
- margin-left:15px;
- margin-top:0px;
- }
- #albumart img {
- width:auto;
- height:50px;
- border:5px solid {color:Albumart border};
- {block:if250px}
- margin-top:1px;
- margin-left:210px;
- {/block:if250px}
- {block:if400px}
- margin-top:1px;
- margin-left:358px;
- {/block:if400px}
- {block:if500px}
- margin-top:-4px;
- margin-left:458px;
- {/block:if500px}
- }
- .moozic {
- overflow:hidden;
- position:absolute;
- width:160px;
- padding:15px;
- margin-left:0px;
- margin-top:0px;
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:if500px}
- margin-top:-5px;
- margin-left:0px;
- width:500px;
- {/block:if500px}
- background:{color:Audio Bg};
- border:1px solid {color:Audio Border};
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if400px}
- width:400px;
- {/block:if400px}
- {block:if500px}
- margin-top:-5px;
- margin-left:0px;
- width:500px;
- {/block:if500px}
- }
- .moozinf {
- color:{color:post text};
- width:250px;
- margin-top:70px;
- margin-left:-10px;
- padding:10px;
- font-family:calibri;
- font-size:10px;
- line-height:10px;
- letter-spacing:1px;
- }
- /* Permalink */
- #permalink {
- position:absolute;
- margin-top:140px;
- width:580px;
- margin-left:-65px;
- padding:20px;
- color:{color:permalink text};
- font-family:calibri;
- text-transform:uppercase;
- white-space:normal;
- word-wrap:break-word;
- text-align:left;
- }
- #permalink a {
- display:inline-block;
- color:{color:permalink text};
- }
- .date {
- font-family:bebasneue;
- font-size:25px;
- font-style:italic;
- line-height:19px;
- color:{color:permalink date};
- letter-spacing:-1px;
- }
- .date a {
- color:{color:permalink date};
- }
- .perma {
- border-top:1px solid #eee;
- padding-top:10px;
- font-family:calibri;
- font-size:9px;
- letter-spacing:2px;
- }
- #notecounts {
- position:absolute;
- float:center;
- margin-top:260px;
- width:579px;
- margin-left:-65px;
- border:1px solid {color:permalink border};
- font-family:courier new;
- font-size:8px;
- text-align:left;
- color:{color:permalink text};
- text-transform:uppercase;
- padding:20px;
- }
- #notecounts a {
- color:{color:permalink text};
- }
- #notecounts img {
- display:inline-block;
- margin:5px;
- border:5px solid {color:permalink border};
- }
- ol.notes {
- list-style-type:circle;
- }
- /* Hover text */
- #s-m-t-tooltip {
- z-index:999999;
- margin-top:25px;
- margin-left:15px;
- padding:5px;
- border-radius:10%;
- background-color:#fff;
- color:#888;
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- line-height:13px;
- }
- /* Theme credit */
- #thmcredit a {
- position:fixed;
- z-index:99999;
- font-family:calibri;
- font-size:9px;
- background:{color:right sidebar bottom bg};
- text-transform:uppercase;
- color:{color:navigation text};
- border:1px solid {color:navigation text};
- padding:5px;
- bottom:14px;
- right:20px;
- }
- </style>
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- </head>
- <body>
- <div id="wrapping">
- <div class="grid">
- <figure class="effect-lily">
- <figcaption>
- <h2>{title}<span>{text:title part 2}</span></h2>
- <p>{text:Second hover title}</p>
- </figcaption>
- </figure>
- </div>
- <div id="longy"></div>
- <div class="logo"><img src="{image:icon}"></a></div>
- <div id="rightbar">
- <div class="cription">
- {description}
- </div>
- </div>
- <div id="bosshom">
- <div id="everyshing">
- <div class="tt-wrapper">
- <a href="/"><img src="http://static.tumblr.com/bj5zkci/ygSn98kxc/untitled-1_copy.png"><span>Index</span></a>
- <a href="/ask"><img src="http://static.tumblr.com/bj5zkci/3fkn98l0r/untitled-2_copy.png"><span>Message</span></a>
- <a href="/achive"><img src="http://static.tumblr.com/bj5zkci/kHmn98l15/untitled-3_copy.png"><span>Data</span></a>
- </div>
- <div class="searchy">
- <form action="/search" method="get" class="sfm">
- <input type="text" name="q" value="{SearchQuery}" id="sf"/>
- <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/hJxn98kkr/10_copy.png" id="sb"/>
- </form><br>
- </div>
- <div id="mainlinks">
- <a href="{text:Link One URL}">{text:Link One text}</a>
- <a href="{text:Link Two URL}">{text:Link Two text}</a>
- <a href="{text:Link Three URL}">{text:Link Three text}</a>
- <a href="{text:Link Four URL}">{text:Link Four text}</a>
- </div>
- <!-- Pagination -->
- {block:IndexPage}
- {block:IfNotInfiniteScroll}
- <div class="pagination">
- {block:Pagination}
- {block:JumpPagination length="3"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}
- <div class="nexh"><a href="{NextPage}">Next</a></div>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {block:IfNotInfiniteScroll}
- {/block:IndexPage}
- </div>
- </div>
- <div class ="autopagerize_page_element">
- {block:posts}
- <div class="ent">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:text}<div id="text">{block:title}<h1>{title}</h1>{/block:title}{body}</div>
- {block:IndexPage}
- <div id="texfo">
- <div class="nfos">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}<b> notes</b></a>{/block:NoteCount}
- <a href="{ReblogURL}" title="reblog">reblog</a><BR>
- {block:HasTags}
- <b>TAGS:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:text}
- {block:Link}
- <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}
- {block:IndexPage}
- <div id="texfo">
- <div class="nfos">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}<b> notes</b></a>{/block:NoteCount}
- <a href="{ReblogURL}" title="reblog">reblog</a><BR>
- {block:HasTags}
- <b>TAGS:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Quote}
- <!-- Audio -->
- {block:Audio}
- <div id="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}</div>
- <div class="moozic">{AudioPlayerWhite}</div>
- <div class="moozinf">{block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
- {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
- {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br><br>
- {block:ifShowCaptions}
- {block:caption}<div id="caption">{caption}</div>{/block:caption}
- {/block:ifShowCaptions}
- {block:IndexPage}
- <div id="texfo">
- <div class="nfos">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}<b> notes</b></a>{/block:NoteCount}
- <a href="{ReblogURL}" title="reblog">reblog</a><BR>
- {block:HasTags}
- <b>TAGS:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Audio}
- <!-- Posts -->
- {block:photo}
- {block:IndexPage}
- <div class="view">
- <div class="view view-sixth">
- {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
- {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
- {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
- {block:ifShowCaptions}
- {block:caption}
- <div id="caption">{Caption}</div>
- {/block:caption}{/block:ifShowCaptions}{/block:IndexPage}
- {block:IndexPage}
- <div class="mask">
- <h2>{block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount}</h2>
- <a class="info">{block:Date}
- {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
- {/block:Date}</a>
- <p>
- <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/4nDn9a9qo/untitled-2_copy.png"></a>
- {block:HasTags}
- <img src="http://static.tumblr.com/bj5zkci/mSxn9a9dw/link2.png" title="{block:Tags}#{Tag}{/block:Tags}">
- {/block:HasTags}
- </p>
- </div>
- </div>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-500}"/>
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="view">
- <div class="view view-sixth">
- {block:if250px}{Photoset-250}{/block:if250px}
- {block:if400px}{Photoset-400}{/block:if400px}
- {block:if500px}{Photoset-500}{/block:if500px}
- {block:ifShowCaptions}
- {block:caption}<div id="caption">{Caption}</div>{/block:caption}
- {/block:ifShowCaptions}
- {/block:IndexPage}
- {block:IndexPage}
- <div class="mask">
- <h2>{block:NoteCount}
- <a href="{Permalink}" title="permalink">{NoteCount}</a>
- {/block:NoteCount}</h2>
- <a class="info">{block:Date}
- {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
- {/block:Date}</a>
- <p>
- <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/4nDn9a9qo/untitled-2_copy.png"></a>
- {block:HasTags}
- <img src="http://static.tumblr.com/bj5zkci/mSxn9a9dw/link2.png" title="{block:Tags}#{Tag}{/block:Tags}">
- {/block:HasTags}
- </p>
- </div>
- </div>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- <!-- Asks -->
- {block:Answer}
- <div id="messeju">
- <div class="whoasked">{Asker}</div>
- <div class="theques">{Question}</div>
- <div id="youreply">{Answer}</div>
- </div>
- {block:IndexPage}
- <div id="texfo">
- <div class="nfos">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}<b> notes</b></a>{/block:NoteCount}
- <a href="{ReblogURL}" title="reblog">reblog</a><BR>
- {block:HasTags}
- <b>TAGS:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Chat}
- {block:Title}{Title}<br />{/block:Title}
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- {block:IndexPage}
- <div id="texfo">
- <div class="nfos">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}<b> notes</b></a>{/block:NoteCount}
- <a href="{ReblogURL}" title="reblog">reblog</a><BR>
- {block:HasTags}
- <b>TAGS:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}{/block:Chat}
- {block:Video}
- {block:if250px}{Video-250}{/block:if250px}
- {block:if400px}{Video-400}{/block:if400px}
- {block:if500px}{Video-500}{/block:if500px}
- {block:caption}<div id="caption">{Caption}</div>{/block:caption}
- {block:IndexPage}
- <div id="texfo">
- <div class="nfos">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<br>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}<b> notes</b></a>{/block:NoteCount}
- <a href="{ReblogURL}" title="reblog">reblog</a><BR>
- {block:HasTags}
- <b>TAGS:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:IndexPage}{/block:Video}
- <!-- Permalink -->
- {block:PermalinkPage}
- {block:Date}
- <div id="permalink">
- <div class="date">
- {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
- <br>
- {block:NoteCount}
- <a href="{Permalink}" title="{NoteCount}">{NoteCount}<b> notes</b></a>{/block:NoteCount}
- </div> <BR>
- <div class="perma">
- <a href="{ReblogURL}" title="reblog">reblog</a>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
- <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
- {/block:RebloggedFrom}<br>
- {block:HasTags}
- <a href="{TagURL}"><b>TAGS:</b> {block:Tags}#{Tag}{/block:Tags}</a><br>
- {/block:HasTags}
- </div></div>
- {/block:Date}
- {/block:PermalinkPage}
- {block:PostNotes}
- <div id="notecounts">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:posts}
- </div>
- </body>
- <!-- THEME CREDIT - DO NOT REMOVE -->
- <div id="thmcredit">
- <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">dthm.</a>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement