Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ┏━━━┓
- ┃┏━━┛
- ┃┗━━┳━┳━━┳━━┓
- ┃┏━━┫┏┫┏┓┃━━┫
- ┃┗━━┫┃┃┗┛┣━━┃
- ┗━━━┻┛┗━━┻━━┛
- -Theme four: Alcestis [tragedy theme touch up] by erosthemes/sunlitfuruta @ tumblr
- -Please do not remove credit
- -Please do not redistribute or claim as your own
- -Please don't use as base code
- -Enjoy
- !-->
- <!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">
- <head>
- <!--Custom Fonts-->
- <link href="https://fonts.googleapis.com/css?family=Exo:300,300i,400,400i,500,500i|Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400' rel='stylesheet' type='text/css'>
- <!--Custom Fonts-->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="viewport" content="width=1366, initial-scale=1.0">
- <!--Custom Options-->
- <meta name="color:background" content="#eeeeee" />
- <meta name="color:Text" content="#888888" />
- <meta name="color:bold" content="#444444"/>
- <meta name="color:italic" content="#444444"/>
- <meta name="color:underline" content="#666666"/>
- <meta name="color:pre" content="#888888" />
- <meta name="color:pre background" content="#eeeeee" />
- <meta name="color:text selection" content="#ffffff" />
- <meta name="color:text selection background" content="#444444" />
- <meta name="color:music player" content="#444444" />
- <meta name="color:music player text" content="#ffffff" />
- <meta name="color:tooltip text" content="#444444" />
- <meta name="color:tooltip background" content="#ffffff" />
- <meta name="color:Links" content="#888888" />
- <meta name="color:Link Hover" content="#cccccc" />
- <meta name="color:header" content="#222222" />
- <meta name="color:subtitle" content="#ffffff" />
- <meta name="color:homelink" content="#888888" />
- <meta name="color:homelink background" content="#eeeeee" />
- <meta name="color:homelink hover" content="#cccccc" />
- <meta name="color:sidebar" content="#ffffff" />
- <meta name="color:sidebar title" content="#444444" />
- <meta name="color:description" content="#888888" />
- <meta name="color:desc bold" content="#444444"/>
- <meta name="color:desc italic" content="#444444"/>
- <meta name="color:desc underline" content="#888888"/>
- <meta name="color:navi" content="#ffffff" />
- <meta name="color:navi background" content="#222222" />
- <meta name="color:navi Hover" content="#525252" />
- <meta name="color:Posts" content="#ffffff" />
- <meta name="color:Post Title" content="#444444" />
- <meta name="color:Post Title Background" content="#eeeeee" />
- <meta name="color:Post link Border" content="#444444" />
- <meta name="color:quote" content="#444444" />
- <meta name="color:Blockquote" content="#eeeeee" />
- <meta name="color:Scrollbar" content="#666666" />
- <meta name="color:Scrollbar Background" content="#222222" />
- <meta name="color:Chat Odd" content="#444444" />
- <meta name="color:Chat Even" content="#888888" />
- <meta name="color:Chat Border" content="#cccccc" />
- <meta name="color:audio track" content="#888888" />
- <meta name="color:audio track bold" content="#666666" />
- <meta name="color:audio track background" content="#eeeeee" />
- <meta name="color:Asker" content="#888888" />
- <meta name="color:Asker bold" content="#666666" />
- <meta name="color:Asker background" content="#eeeeee" />
- <meta name="color:Asker Border" content="#eeeeee" />
- <meta name="color:question" content="#888888" />
- <meta name="color:Question Background" content="#eeeeee" />
- <meta name="color:pagination" content="ffffff" />
- <meta name="color:pagination current" content="#444444" />
- <meta name="color:pagination background" content="#222222" />
- <meta name="color:permalink" content="#ffffff" />
- <meta name="color:permalink left" content="#222222" />
- <meta name="color:permalink right" content="#444444" />
- <meta name="color:permalink hover" content="#eeeeee" />
- <meta name="color:tag" content="#444444" />
- <meta name="color:tag border" content="#cccccc" />
- <meta name="color:tag hover" content="#888888" />
- <meta name="select:Background Attachment" content="fixed" title="fixed">
- <meta name="select:Background Attachment" content="scroll" title="scroll">
- <meta name="select:Background Repeat" content="repeat" title="repeat">
- <meta name="select:Background Repeat" content="no-repeat" title="no repeat">
- <meta name="if:Link1" content="1" />
- <meta name="if:Link2" content="1" />
- <meta name="if:Link3" content="1" />
- <meta name="if:Link4" content="1" />
- <meta name="if:Link5" content="1" />
- <meta name="if:Link6" content="1" />
- <meta name="if:Link7" content="1" />
- <meta name="if:Link8" content="1" />
- <meta name="text:subtitle" content="laugh, it's fun" />
- <meta name="text:subtitle font" content="20" />
- <meta name="text:body font" content="10" />
- <meta name="text:title font" content="18" />
- <meta name="text:Music Player" content="MUSIC PLAYER CODE GOES HERE" />
- <meta name="text:CustomLink1URL" content="Link 1 URL" />
- <meta name="text:CustomLink1Name" content="Link 1" />
- <meta name="text:CustomLink2URL" content="Link 2 URL" />
- <meta name="text:CustomLink2Name" content="Link 2" />
- <meta name="text:CustomLink3URL" content="Link 3 URL" />
- <meta name="text:CustomLink3Name" content="Link 3" />
- <meta name="text:CustomLink4URL" content="Link 4 URL" />
- <meta name="text:CustomLink4Name" content="Link 4" />
- <meta name="text:CustomLink5URL" content="Link 5 URL" />
- <meta name="text:CustomLink5Name" content="Link 5" />
- <meta name="text:CustomLink6URL" content="Link 6 URL" />
- <meta name="text:CustomLink6Name" content="Link 6" />
- <meta name="text:CustomLink7URL" content="Link 7 URL" />
- <meta name="text:CustomLink7Name" content="Link 7" />
- <meta name="text:CustomLink8URL" content="Link 8 URL" />
- <meta name="text:CustomLink8Name" content="Link 8" />
- <meta name="image:sidebar" content="" />
- <meta name="image:background" content=""/>
- <meta name="image:imageone" content=""/>
- <meta name="image:imagetwo" content=""/>
- <meta name="image:imagethree" content=""/>
- <meta name="if:inverted tumblr controls" content="0" />
- <meta name="if:Small Cursor" content="1" />
- <meta name="if:Music Player" content="1">
- <meta name="if:500pxPosts" content="1">
- <meta name="if:400pxPosts" content="0">
- <meta name="if:Custom Text Selection" content="1"/>
- <meta name="if:Faded Images" content="0"/>
- <meta name="if:Grayscale Images" content="0"/>
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:Show Captions" content="1"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Hover Tags" content="1"/>
- <!--Custom Options-->
- <!--Tooltips Script-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--Tooltips Script-->
- <style type="text/css">
- /* Follow/Dashboard */
- iframe#tumblr_controls, .iframe-controls--desktop {
- right: 3px !important;
- top: 12px !important;
- position: fixed !important;
- z-index:999999999!important;
- opacity: 0.3;
- background-color: transparent;
- {block:ifinvertedtumblrcontrols}
- -webkit-filter: invert(100%);
- {/block:ifinvertedtumblrcontrols}
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- iframe#tumblr_controls, .iframe-controls--desktop:hover {
- opacity:0.8 !important;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- /* Custom Tumblr Lightbox */
- .vignette, #vignette {
- opacity:0;
- }
- .lightbox-image, #tumblr_lightbox img {
- box-shadow:none !important;
- border-radius:0 !important;
- max-width:none;
- }
- .tmblr-lightbox, #tumblr_lightbox {
- background-color:rgba({RGBcolor:Background}, 0.4) !important;
- }
- .lightbox-image, #tumblr_lightbox img {
- background-color: {color:posts} !important;
- padding: 10px !important;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- }
- /* Scrollbar */
- ::-webkit-scrollbar {
- width: 6px;
- height: 6px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Scrollbar};
- }
- ::-webkit-scrollbar-track {
- background: {color:Scrollbar Background};
- }
- /*tooltips*/
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 0px;
- padding:5px 4px;
- margin:5px 7px -2px 20px;
- background-color:{color:tooltip background};
- font-family:calibri;
- font-size:9px;
- letter-spacing:2px;
- text-transform:capitalize;
- color:{color:tooltip text};
- z-index:999999999999999999999999999999999999;
- }
- /* text selection */
- {block:ifCustomTextSelection}
- ::selection {
- background: {color:text selection background};
- color: {color:text selection};
- }
- ::-moz-selection {
- background: {color:text selection background};
- color: {color:text selection};
- }
- ::-webkit-selection {
- background: {color:text selection background};
- color: {color:text selection};
- }
- {/block:ifCustomTextSelection}
- /* Body and basic stuff */
- body {
- background:{color:background};
- color:{color:text};
- font-family: 'Open Sans', sans-serif;
- font-weight: 300;
- font-size:{text:body font}px;
- line-height:150%;
- margin:0;
- text-align:left;
- background-attachment: {select:Background Attachment};
- background-repeat: {select:Background Repeat};
- background-image: url({image:Background});
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- a {
- color: {color:Links};
- text-decoration: none;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- a:hover {
- color: {color:Link Hover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- b,strong {
- color:{color:bold};
- }
- i,em {
- color:{color:italic};
- }
- u {
- color:{color:underline};
- }
- h1 {
- font-weight: 700;
- font-size: 2em;
- color: {color:bold};
- }
- h2 {
- font-weight: 700;
- font-size: 1.5em;
- color: {color:bold};
- }
- h3 {
- font-weight: 700;
- font-size: 1.1em;
- color: {color:bold};
- }
- h4 {
- font-weight: 700;
- font-size: 1.0em;
- color: {color:bold};
- }
- h5 {
- font-weight: 700;
- font-size: .75em;
- color: {color:bold};
- }
- h6 {
- font-weight: 700;
- font-size: .55em;
- color: {color:bold};
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- padding: 5px 10px;
- background-color: {color:pre background};
- color: {color:pre};
- font-family: 'Open Sans', sans-serif;
- font-weight: 300;
- line-height: 150%;
- }
- blockquote {
- padding-left:10px;
- margin: 10px;
- border-left:1px solid {color:blockquote};
- }
- blockquote img {
- max-width: 100%;
- height: auto;
- }
- small,sub,sup {
- font-size: 9px;
- }
- hr {
- width: 30%;
- height: 0.5px;
- background-color: {color:bold};
- color: {color:bold};
- border: 0px solid transparent;
- }
- /* custom cursor */
- {block:ifSmallCursor}
- html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
- a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
- {/block:ifSmallCursor}
- /* header */
- .header {
- width: 100%;
- height: 50px;
- top: 0;
- left: 0;
- right: 0;
- position: fixed;
- background-color: {color:header};
- z-index: 300;
- }
- #subtitle {
- text-align: center;
- margin-top: 20px;
- font-family: 'Roboto Condensed', sans-serif;
- font-weight: 400;
- font-size: {text:subtitle font}px;
- text-transform: lowercase;
- color: {color:subtitle};
- }
- /* home links */
- .homelinks {
- margin-top: 5px;
- }
- .homelinks a {
- display: inline-block;
- margin-left: 2px;
- background-color: {color:homelink background};
- color: {color:homelink};
- padding: 5px;
- width: 50px;
- font-size: 10px;
- text-align: center;
- font-family: 'PT Sans Narrow', sans-serif;
- text-transform: capitalize;
- letter-spacing: 0px;
- }
- .homelinks a:hover {
- background-color: {color:homelink hover};
- letter-spacing: 2px;
- }
- /* sidebar content */
- .sidebar {
- width: 290px;
- height: 100%;
- top: 0;
- margin-left: 95px;
- position: fixed;
- background-color: {color:sidebar};
- }
- .sidebar img {
- width: 250px;
- margin-top: 70px;
- background-color: {color:accent};
- }
- #title {
- padding: 10px;
- margin-top: 0px;
- text-align: center;
- color: {color:sidebar title};
- font-family: 'PT Sans Narrow', sans-serif;
- font-weight: 400;
- text-transform: capitalize;
- font-size: {text:title font}px;
- }
- .description {
- width: 255px;
- margin-left: 15px;
- margin-top: 10px;
- color: {color:description};
- padding: 5px 3px;
- text-align: justify;
- }
- .description b,strong {
- color:{color:desc bold};
- }
- .description i,em {
- color:{color:desc italic};
- }
- .description u {
- color:{color:desc underline};
- }
- #icon {
- position: fixed;
- margin-top: 10px;
- margin-left: 10px;
- border: 5px solid {color:navi background};
- width: 64px;
- height: 64px;
- }
- /*navigations links */
- .morelinks {
- margin-top: 85px;
- margin-left: 10px;
- position: fixed;
- }
- .morelinks a {
- width: 64px;
- display: block;
- margin-top: 8px;
- padding: 5px;
- text-transform: capitalize;
- text-align: center;
- font-family: 'PT Sans Narrow', sans-serif;
- background-color:{color:navi background};
- color: {color:navi};
- text-shadow: 20px 0 0 transparent, -20px 0 0 transparent;
- }
- .morelinks a:hover {
- background-color: {color:navi hover};
- text-shadow: 0 0 1px {color:navi}, 0 0 1px {color:navi};
- }
- .morelinks img a{
- border: 5px solid {color:navi background};
- }
- /* Pagination */
- #pagination {
- text-align:center;
- margin:15px;
- }
- /* current page number */
- #pagination span {
- background:{color:pagination current};
- color:{color:pagination};
- padding:3px;
- width:15px;
- height:15px;
- display:inline-block;
- margin-left:2px;
- }
- #pagination a {
- background:{color:pagination background};
- color:{color:pagination};
- padding:3px;
- width:15px;
- height:15px;
- display:inline-block;
- margin-left:2px;
- }
- #pagination a:hover {
- background-color: {color:pagination current};
- }
- /* right images */
- .imagebar {
- width: 300px;
- height: 100%;
- position: fixed;
- top: 40px;
- margin-left: 920px;
- z-index: 200;
- }
- /* music player */
- #bubble-music {
- position:fixed;
- left:30px;
- top:10px;
- width:30px;
- height:30px;
- background-color:{color:music player};
- border-radius:100%;
- -moz-border-radius:100%;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out
- z-index: 999;
- }
- #bubble-music:hover {
- border-radius:9px;
- -moz-border-radius:9px;
- width:140px;
- height:30px;
- }
- .music_embed {
- margin:-23px 0 0 70px;
- z-index:1;
- color: {color:music player text};
- font-family:consolas;
- font-size:8px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out
- }
- #bubble-music:hover .music_embed {
- margin:-23px 0 0 34px;
- opacity:1;
- }
- /* Posts */
- #content {
- {block:if500pxposts}margin: 80px 0px 60px 480px;{/block:if500pxposts}
- {block:if400pxposts}margin: 80px 0px 60px 480px;{/block:if400pxposts}
- padding-top: 10px;
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- }
- .posts {
- {block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- padding:15px;
- margin-bottom: 45px;
- background-color:{color:posts};
- }
- .posts iframe {
- max-width:100%;
- display: block;
- padding: 0;
- margin: 0
- }
- .posts img, .photoset {
- border: 0;
- display: block;
- max-width: 100%;
- {block:ifFadedImages}opacity: 0.6;
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- }
- .posts img:hover, .photoset:hover {
- opacity: 1.0;
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- {/block:ifFadedImages}
- }
- {block:ifGrayscaleImages}
- .posts img,.photoset {
- z-index: -9999999999999999999999999px;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- filter: gray;
- /* IE 6-9 */
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- }
- .posts img:hover,.photoset:hover {
- -webkit-filter: none;
- filter: none;
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- }
- {/block:ifGrayscaleImages}
- blockquote {
- border-left: solid 3px;
- border-color: {color:Blockquote};
- margin: 5px 0 0 0;
- padding-left: 5px;
- }
- blockquote img {
- max-width: 100%;
- height: auto;
- }
- .posts .title {
- color: {color:Post Title};
- font-size: 18px;
- font-family: 'PT Sans Narrow', sans-serif;
- font-weight: 400;
- text-align: center;
- text-transform: capitalize;
- background-color: {color:Post Title Background};
- padding: 10px;
- }
- .posts .link {
- font-size: 18px;
- font-family: 'PT Sans Narrow', sans-serif;
- font-weight: 400;
- text-align: center;
- text-transform: capitalize;
- background-color: {color:Post Title Background};
- padding: 10px;
- border-left: solid 10px {color:Post link Border};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .posts .link a {
- color: {color:Post Title};
- }
- .posts .link a:hover {
- color: {color:link hover};
- }
- .posts .link:hover {
- border-left: solid 30px {color:Post Title Border};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .posts .quote {
- color: {color:quote};
- font-size: 18px;
- font-family: 'PT Sans Narrow', sans-serif;
- line-height: 25px;
- text-align: center;
- }
- /* audio posts */
- .playbutton {
- width: 30px;
- height: 30px;
- overflow: hidden;
- position: absolute;
- margin-top: 20px;
- margin-left: 20px;
- z-index: 999999;
- }
- .playbox {
- background-color: white;
- width: 70px;
- height: 70px;
- z-index: 1;
- position:absolute;
- margin-top: 45px;
- margin-left: 43px;
- opacity: 0.6;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .playbox:hover {
- opacity: 0.9;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- .audioimgwrapper {
- left: 0px;
- margin-top: 0px;
- overflow: hidden;
- width: 160px;
- height: 160px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- }
- .trackdetails {
- min-height: 72px;
- color: {color:audio track};
- text-transform: capitalize;
- line-height: 150%;
- padding-right:10px;
- padding-left: 2px;
- {block:if500pxPosts}width: calc(500px - 170px);{/block:if500pxPosts}
- {block:if400pxPosts}width: calc(400px - 170px);{/block:if400pxPosts}
- margin-top: 0px;
- }
- .trackdetails b {
- font-weight: bold;
- color: {color:audio track bold};
- }
- .track {
- padding: 10px;
- height: 18px;
- margin-bottom: 3px;
- overflow: hidden;
- background-color: {color:audio track background};
- }
- .artist {
- padding: 10px;
- height: 18px;
- margin-bottom: 3px;
- overflow: hidden;
- background-color: {color:audio track background};
- }
- .album {
- padding: 10px;
- height: 18px;
- margin-bottom: 3px;
- overflow: hidden;
- background-color: {color:audio track background};
- }
- .play {
- padding: 10px;
- height: 18px;
- margin-bottom: 3px;
- overflow: hidden;
- background-color: {color:audio track background};
- }
- /* question/answer */
- #asker {
- background-color: {color:asker background};
- color: {color:Asker};
- padding: 3px;
- {block:if500pxPosts}width:414px;{/block:if500pxPosts}
- {block:if400pxPosts}width:314px;{/block:if400pxPosts}
- text-align: center;
- margin-bottom: 3px;
- margin-left: 80px;
- }
- #asker a {
- color: {color:Asker};
- }
- #asker b {
- font-family: 'Oswald', sans-serif;
- font-weight: 800;
- font-size: 12px;
- color: {color:asker bold};
- }
- .question {
- {block:if500pxPosts}width:400px;{/block:if500pxPosts}
- {block:if400pxPosts}width:300px;{/block:if400pxPosts}
- margin-left: 80px;
- min-height: 62px;
- margin-bottom:4px;
- padding: 5px 10px;
- text-align: justify;
- color: {color:question};
- background-color: {color:Question Background};
- }
- .question img {
- margin-right:4px;
- }
- .answer {
- margin-top:10px;
- padding:0px;
- }
- /* chat posts */
- .chat .line {
- margin-top: 5px;
- border-bottom: 1px solid {color:chat border};
- padding: 0px 0 10px 0;
- margin-bottom: 10px;
- }
- .chat .label {
- text-transform: capitalize;
- }
- .line:nth-child(odd) .label b {
- color: {color:chat odd};
- }
- .line:nth-child(even) .label b {
- color: {color:chat even};
- }
- /* Post Info and Permalinks */
- #info {
- margin: 15px 0px 0px -15px;
- letter-spacing: 2px;
- text-transform:capitalize;
- font-family: 'Archivo Narrow', sans-serif;
- font-size: 8px;
- color:{color:permalink};
- text-align: center;
- {block:if500pxPosts}width: 530px;{/block:if500pxPosts}
- {block:if400pxPosts}width: 430px;{/block:if400pxPosts}
- position: absolute;
- }
- #info a {
- font-size: 8px;
- font-family: 'Archivo Narrow', sans-serif;
- color:{color:permalink};
- text-align: center;
- }
- #info a:hover {
- color:{color:permalink hover};
- }
- #date {
- padding: 5px 0;
- width: 50%;
- float: left;
- }
- {block:IndexPage}
- {block:ifHoverTags}
- #tag {
- position: absolute;
- margin-top: -5px;
- {block:if500pxPosts}margin-left: 490px;{/block:if500pxPosts}
- {block:if400pxPosts}margin-left: 390px;{/block:if400pxPosts}
- opacity: 0.0;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- .posts:hover #tag {
- {block:if500pxPosts}margin-left: 520px;{/block:if500pxPosts}
- {block:if400pxPosts}margin-left: 420px;{/block:if400pxPosts}
- opacity: 1.0;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- {/block:ifHoverTags}
- {block:ifnotHoverTags}
- #tag {
- position: absolute;
- margin-top: -5px;
- {block:if500pxPosts}margin-left: 520px;{/block:if500pxPosts}
- {block:if400pxPosts}margin-left: 420px;{/block:if400pxPosts}
- opacity: 1.0;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- }
- {/block:ifnotHoverTags}
- #tag a {
- border-left: 2px solid {color:tag border};
- color:{color:tag};
- padding-left: 5px;
- display: block;
- margin-top: 2px;
- text-transform: capitalize;
- }
- #tag a:hover {
- color: {color:tag hover};
- border-left: 10px solid {color:tag border};
- }
- {/block:IndexPage}
- /* Permalink page */
- #perma {
- {block:if500pxPosts}width: 520px;{/block:if500pxPosts}
- {block:if400pxPosts}width:420px;{/block:if400pxPosts}
- padding: 5px;
- margin: -20px auto 0px;
- background-color: {color:Posts};
- text-align: center;
- text-transform: uppercase;
- }
- #notecontainer {
- margin: 20px auto;
- {block:if500pxPosts}width: 500px;{/block:if500pxPosts}
- {block:if400pxPosts}width: 400px;{/block:if400pxPosts}
- padding: 15px;
- font-size: 10px;
- color: {color:Text};
- background-color: {color:Posts};
- }
- #notecontainer ol.notes {
- list-style-type: none;
- padding: 5px;
- margin: 0;
- padding: 0;
- }
- #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- .caption img {
- max-width:500px;
- }
- /* Don't remove credit!!! */
- #credit {
- position:fixed;
- right:10px;
- bottom:12px;
- }
- #credit a {
- letter-spacing: 1px;
- padding:3px;
- display: block;
- width: 20px;
- height: 20px;
- border-radius:100%;
- font-size: 18px;
- background-color:{color:navi background};
- font-weight:bold;
- line-height:150%;
- color:{color:navi};
- text-transform:uppercase;
- text-align:center;
- padding: 5px;
- line-height: 100%;
- }
- #credit a:hover {
- background-color:{color:homelink hover};
- }
- /* Scroll to top */
- #scrollToTop:link, #scrollToTop:visited {
- color:{color:navi};
- background-color: {color:navi background};
- position: fixed;
- bottom: 43px;
- right: 11px;
- display: block;
- padding: 3px;
- width: 23px;
- height: 23px;
- border-radius: 100%;
- text-align: center;
- text-transform: uppercase;
- font-size: 30px;
- line-height: 100%;
- }
- {CustomCSS}
- </style>
- <!--Infinite Scroll script-->
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- <!--Infinite Scroll script-->
- {/block:IfInfiniteScroll}
- <!--Scroll to top script-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <a href="javascript:;" id="scrollToTop" title="scroll to top">^</a>
- <!--Scroll to top script-->
- </head>
- <body>
- <!--Header-->
- <div class="header">
- {block:ifMusicPlayer}
- <div id="bubble-music">
- <img style="margin:7px;" src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
- <div class="music_embed">
- {text:Music Player}
- </div>
- </div>
- {/block:ifMusicPlayer}
- <center><div id="subtitle">"{text:subtitle}"</div></center>
- </div>
- <!--Header-->
- <!--Sidebar-->
- <div class="sidebar">
- <center><img src="{image:sidebar}"></center>
- <div id="title">{title}</div>
- <center><div class="homelinks">
- <a href="/">index</a>
- <a href="/ask">ask</a>
- <a href="/submit">Submit</a>
- <a href="/archive">archive</a>
- </div></center>
- <div class="description">{Description}</div>
- <!--pagination-->
- {block:IfNotInfiniteScroll}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:IfNotInfiniteScroll}
- <!--pagination-->
- </div>
- <!--Sidebar-->
- <!--Navigation links-->
- <div id="icon"><a href="/"><img src="{PortraitURL-64}"></a></div>
- <div class="morelinks">
- {block:ifLink1}<a href="{text:CustomLink1URL}">{text:CustomLink1Name}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:CustomLink2URL}">{text:CustomLink2Name}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:CustomLink3URL}">{text:CustomLink3Name}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:CustomLink4URL}">{text:CustomLink4Name}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:CustomLink5URL}">{text:CustomLink5Name}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:CustomLink6URL}">{text:CustomLink6Name}</a>{/block:ifLink6}
- {block:ifLink7}<a href="{text:CustomLink7URL}">{text:CustomLink7Name}</a>{/block:ifLink7}
- {block:ifLink8}<a href="{text:CustomLink8URL}">{text:CustomLink8Name}</a>{/block:ifLink8}
- </div>
- <!--Navigation links-->
- <div id="content"> <!--content-->
- <div class="autopagerize_page_element"> <!--autopagerize_page_element-->
- {block:Posts}
- <div class="posts"> <!--posts-->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:IndexPage}
- {block:ifShowTags}{block:HasTags}<div id="tag">{block:Tags}
- <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
- {/block:IndexPage}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
- </a>{LinkCloseTag}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
- {/block:Photo}
- {block:Photoset}
- {block:if500pxPosts}
- {Photoset-500}
- {/block:if500pxPosts}
- {block:if400pxPosts}
- {Photoset-400}
- {/block:if400pxPosts}
- {block:IfShowCaptions}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">“{Quote}”</div>
- {block:Source}<div class="text"><center><br>~ {Source}</center></div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="link"><a href="{URL}">{Name} »</a></div>
- {block:Description}
- <div class="text">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Audio}
- <table style="width:100%">
- <td>
- <div class="audiowrapper">
- <div class="playbox">
- <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </td>
- </div>
- <td>
- <div class="trackdetails">
- <div class="track">{block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}</div>
- <div class="artist">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}</div>
- <div class="album">{block:Album}<b>Album:</b> {Album}{/block:Album}</div>
- <div class="play">{block:PlayCount}<b>Played:</b> {PlayCountWithLabel}{/block:PlayCount}</div>
- </div>
- {/block:AudioPlayer}
- </div>
- </td>
- </table>
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
- {/block:Audio}
- {block:Video}
- {block:if500pxPosts}
- {Video-500}
- {/block:if500pxPosts}
- {block:if400pxPosts}
- {Video-400}
- {/block:if400pxPosts}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
- {/block:Video}
- {block:Chat}
- {block:Title}<div class="title" style="margin-bottom: 15px;">{Title}</div>{/block:Title}
- <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</div>{/block:Lines}</div>
- {/block:Chat}
- {block:Answer}
- <img src="{AskerPortraitURL-64}"align="left" style="border:5px solid {color:asker border}">
- <div id="asker"><b>{Asker} asked:</b></div>
- <div class="question">
- {Question} </div>
- <div class="answer">
- {Answer}</div>
- {/block:Answer}
- {block:IndexPage}
- <div id="info"> <!--Permalink and Notes-->
- {block:Date}<div id="date" style="background-color:{color:permalink left};"><a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>{block:NoteCount} ▪ <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a>{/block:NoteCount}</div>{/block:Date}
- <div id="date" style="background-color:{color:permalink right};">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> ▪ <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> ▪{/block:RebloggedFrom} <a href="{ReblogURL}" title="Reblog this post">Reblog</a></div>
- </div><!--Permalink and Notes-->
- {/block:IndexPage}
- </div> <!--posts-->
- <!--Permalink page-->
- {block:PermalinkPage}
- {block:Date}
- <div id="perma">
- Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
- {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom}
- <br>
- <a href="{ReblogParentURL}">via: {ReblogParentName}</a> +
- <a href="{ReblogRootURL}">source: {ReblogRootName}</a>
- {/block:RebloggedFrom}
- <br>
- {block:HasTags}{block:Tags}<a href="{TagURL}" title="Tagged as">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Date}
- {/block:PermalinkPage}
- <!--Permalink page-->
- {/block:Posts}
- </div> <!--autopagerize_page_element-->
- </div> <!--content-->
- <!--Don't remove credit!!!-->
- <div id="credit"><a href="http://ixathemes.tumblr.com/" title="Theme by ixathemes">I</a></div>
- </body>
- </html> <!--End-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement