Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- Theme «médiocre» by felinum
- Last update: 24.08.2016
- Rules:
- 1. Don't claim any part of the code as your own.
- 2. Don't redistribute it on other sites.
- 3. Don't implement parts of my code into your themes w/o permission.
- 4. Leave the credit intact and visible (don't move it to secondary pages).
- 5. You may edit the theme, but not beyond recognition.
- Credits:
- - Infinite Scroll: Paul Irish (https://github.com/infinite-scroll/infinite-scroll)
- - Video Resizing: @ shythemes (http://shythemes.tumblr.com/post/134536748863/)
- - Photo Lightbox: @ shythemes (http://shythemes.tumblr.com/post/140444996328/)
- - Styled Tooltips: Manos Malihutsakis (http://manos.malihu.gr/tuts/style-my-tooltips.html)
- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <style> body, a, a:hover{cursor:url({select:Tiny Cursor}), auto} </style>
- <link href='https://fonts.googleapis.com/css?family=Quicksand:300,400,700|Source+Sans+Pro|Karla|Muli:400,400italic|Roboto:400,400italic,500,500italic|Inconsolata' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="http://static.tumblr.com/0cdn90j/kzooc2pd7/icomoon.css">
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <!--META TAGS-->
- <meta name="image:Sidebar" content=""/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Text" content="#6b6b6b"/>
- <meta name="color:Italic" content="#ced6df"/>
- <meta name="color:Bold" content="#6f7f82"/>
- <meta name="color:Link" content="#a5b5c1"/>
- <meta name="color:Link Hover" content="#ccc"/>
- <meta name="color:Blockquote Border" content="#ededed"/>
- <meta name="color:Container BG" content="#fff"/>
- <meta name="color:Container Borders" content="#ededed"/>
- <meta name="color:Navigation Links" content="#000"/>
- <meta name="color:Navigation Links Hover" content="#c4c4c4"/>
- <meta name="color:Search" content="#949494"/>
- <meta name="color:Title" content="#2b2b2b"/>
- <meta name="color:1st Title Letter" content="#3aa0b6"/>
- <meta name="color:Current Page" content="#000"/>
- <meta name="color:Jump Page" content="#c4c4c4"/>
- <meta name="color:Jump Page Hover" content="#eef1f3"/>
- <meta name="color:Post Info" content="#c1c1c1"/>
- <meta name="color:Post Info Hover" content="#000"/>
- <meta name="color:Chat Label" content="#99b4b6"/>
- <meta name="color:Question BG" content="#f5f7f8"/>
- <meta name="color:Track Info" content="#979797"/>
- <meta name="color:Description Title" content="#fff"/>
- <meta name="color:Description Title BG" content="#ccc"/>
- <meta name="color:TopTags Title" content="#fff"/>
- <meta name="color:TopTags Title BG" content="#b4d3dc"/>
- <meta name="color:TopTags Links" content="#91b6c1"/>
- <meta name="color:TopTags Links Hover" content="#e6e9ea"/>
- <meta name="color:Updates Button Title" content="#000"/>
- <meta name="color:Updates Button Title Hover" content="#fff"/>
- <meta name="color:Updates Button BG Hover" content="#cad7d9"/>
- <meta name="color:Updates Tab Titles" content="#cad7d9"/>
- <meta name="color:Updates Tab Titles Hover" content="#b8b8b8"/>
- <meta name="color:Updates Tab Content" content="#c9c9c9"/>
- <meta name="color:Back to Top Icon" content="#979797"/>
- <meta name="color:Selection BG" content="#dfe5e7"/>
- <meta name="color:Selection Text" content="#000"/>
- <meta name="color:Tooltip Text" content="#979797"/>
- <meta name="color:Tooltip BG" content="#fff"/>
- <meta name="color:Tooltip Border" content="#f5f5f5"/>
- <meta name="select:Post Size" content="540" title="540px"/>
- <meta name="select:Post Size" content="500" title="500px"/>
- <meta name="select:Post Size" content="450" title="450px"/>
- <meta name="select:Post Size" content="400" title="400px"/>
- <meta name="select:Permalink Post Size" content="540" title="540px"/>
- <meta name="select:Permalink Post Size" content="500" title="500px"/>
- <meta name="select:Permalink Post Size" content="450" title="450px"/>
- <meta name="select:Permalink Post Size" content="400" title="400px"/>
- <meta name="select:Body Font Size" content="10" title="10px"/>
- <meta name="select:Body Font Size" content="11" title="11px"/>
- <meta name="select:Body Font Size" content="12" title="12px"/>
- <meta name="select:Body Font Family" content="Lao Ui" title="Lao Ui"/>
- <meta name="select:Body Font Family" content="Muli" title="Muli"/>
- <meta name="select:Body Font Family" content="Roboto" title="Roboto"/>
- <meta name="select:Body Font Family" content="Karla" title="Karla">
- <meta name="select:Body Font Family" content="Inconsolata" title="Inconsolata"/>
- <meta name="select:Body Font Family" content="Source Sans Pro" title="Source Sans Pro"/>
- <meta name="select:Title Font Weight" content="700" title="bold"/>
- <meta name="select:Title Font Weight" content="400" title="regular"/>
- <meta name="select:Title Font Weight" content="300" title="light"/>
- <meta name="select:Photoset Gutter" content="2" title="2px"/>
- <meta name="select:Photoset Gutter" content="1" title="1px"/>
- <meta name="select:Photoset Gutter" content="3" title="3px"/>
- <meta name="select:Photoset Gutter" content="4" title="4px"/>
- <meta name="select:Controls" content=".3" title="gray"/>
- <meta name="select:Controls" content="1" title="black"/>
- <meta name="select:Tiny Cursor" content="http://cur.cursors-4u.net/cursors/cur-9/cur817.cur" title="white"/>
- <meta name="select:Tiny Cursor" content="http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png" title="black"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="if:Fade In On Refresh" content="1"/>
- <meta name="if:Search Bar" content="1"/>
- <meta name="if:Updates Tab" content="1"/>
- <meta name="if:SubMenu" content="1"/>
- <meta name="if:Sidebar Image" content="1"/>
- <meta name="if:Rounded Sidebar Img Corners" content="0"/>
- <meta name="if:Top Tags" content="1"/>
- <meta name="if:Audio Player White" content="1"/>
- <meta name="if:Audio Player Black" content="0"/>
- <meta name="if:Show Caption" content="1"/>
- <meta name="if:Link Four" content="1"/>
- <meta name="if:Link Five" content="1"/>
- <meta name="if:Link Six" content="1"/>
- <meta name="if:Link Seven" content="1"/>
- <meta name="if:SubMenu Link One" content="1"/>
- <meta name="if:SubMenu Link Two" content="1"/>
- <meta name="if:SubMenu Link Three" content="1"/>
- <meta name="if:SubMenu Link Four" content="1"/>
- <meta name="if:SubMenu Link Five" content="1"/>
- <meta name="if:SubMenu Link Six" content="1"/>
- <meta name="if:SubMenu Link Seven" content="1"/>
- <meta name="if:SubMenu Link Eight" content="1"/>
- <meta name="text:Search Label" content="search..."/>
- <meta name="text:Title Font Size" content="24"/>
- <meta name="text:Link 4 URL" content="Link 4 URL; make sure not to leave any of these url areas blank;"/>
- <meta name="text:Link 4" content="Link 4"/>
- <meta name="text:Link 5 URL" content="Link 5 URL"/>
- <meta name="text:Link 5" content="Link 5"/>
- <meta name="text:Link 6 URL" content="Link 6 URL"/>
- <meta name="text:Link 6" content="Link 6"/>
- <meta name="text:Link 7 URL" content="Link 7 URL; the Submenu appears under this link"/>
- <meta name="text:Link 7" content="Link 7"/>
- <meta name="text:SubMenu Link 1 URL" content="http://"/>
- <meta name="text:SubMenu Link 1" content="SubMenu Link 1"/>
- <meta name="text:SubMenu Link 2 URL" content="http://"/>
- <meta name="text:SubMenu Link 2" content="SubMenu Link 2"/>
- <meta name="text:SubMenu Link 3 URL" content="http://"/>
- <meta name="text:SubMenu Link 3" content="SubMenu Link 3"/>
- <meta name="text:SubMenu Link 4 URL" content="http://"/>
- <meta name="text:SubMenu Link 4" content="SubMenu Link 4"/>
- <meta name="text:SubMenu Link 5 URL" content="http://"/>
- <meta name="text:SubMenu Link 5" content="SubMenu Link 5"/>
- <meta name="text:SubMenu Link 6 URL" content="http://"/>
- <meta name="text:SubMenu Link 6" content="SubMenu Link 6"/>
- <meta name="text:SubMenu Link 7 URL" content="http://"/>
- <meta name="text:SubMenu Link 7" content="SubMenu Link 7"/>
- <meta name="text:SubMenu Link 8 URL" content="http://"/>
- <meta name="text:SubMenu Link 8" content="SubMenu Link 8"/>
- <meta name="text:Top Tag 1 URL" content="/tagged/tag 1"/>
- <meta name="text:Top Tag 1" content="tag 1"/>
- <meta name="text:Top Tag 2 URL" content="/tagged/tag 2"/>
- <meta name="text:Top Tag 2" content="tag 2"/>
- <meta name="text:Top Tag 3 URL" content="/tagged/tag 3"/>
- <meta name="text:Top Tag 3" content="tag 3"/>
- <meta name="text:Top Tag 4 URL" content="/tagged/tag 4"/>
- <meta name="text:Top Tag 4" content="tag 4"/>
- <meta name="text:Updates Section 1 Title" content="Title I"/>
- <meta name="text:Updates Section 1" content="Section I Content"/>
- <meta name="text:Updates Section 2 Title" content="Title II"/>
- <meta name="text:Updates Section 2" content="Section II Content"/>
- <meta name="text:Updates Section 3 Title" content="Title III"/>
- <meta name="text:Updates Section 3" content="Section III Content"/>
- <meta name="text:Updates Section 4 Title" content="Title IV"/>
- <meta name="text:Updates Section 4" content="Section IV Content"/>
- <style type="text/css">
- ::-webkit-scrollbar {width:11px; height:11px;}
- ::-webkit-scrollbar-thumb {
- border:5px solid rgba(0, 0, 0, 0);
- background-clip:padding-box;
- background-color:rgba(0, 0, 0, 1);
- }
- ::-webkit-scrollbar-track {border:5px solid {color:Background}; background-color:#eee;}
- #s-m-t-tooltip {
- max-width:300px;
- margin:13px 18px 7px 8px;
- padding:5px;
- z-index:999999999999999999999999999999999999999999999999;
- text-transform:uppercase;
- letter-spacing:1px;
- font:8px calibri;
- color:{color:Tooltip Text};
- background:{color:Tooltip BG};
- border:1px solid {color:Tooltip Border};
- }
- #toTop {
- position:fixed;
- bottom:40px;
- right:14px;
- cursor:pointer;
- color:{color:Back to Top Icon};
- }
- .tmblr-iframe {
- position:relative;
- top:5px;
- right:-20px;
- z-index:90000000000000000000000000000000000;
- opacity:{select:Controls};
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- }
- .tmblr-iframe:hover {opacity:.7;}
- ::selection {background:{color:Selection BG}; color:{color:Selection Text};}
- ::-moz-selection {background:{color:Selection BG}; color:{color:Selection Text};}
- /* general */
- body {
- opacity:1;
- transition:.5s opacity;
- font:{select:Body Font Size}px {select:Body Font Family}, calibri, sans-serif;
- color:{color:Text};
- background:{color:Background};
- overflow-wrap:break-word;
- word-wrap:break-word;
- }
- body.fade-out {opacity:0; transition:none;}
- i, em {color:{color:Italic};}
- b, strong {color:{color:Bold};}
- pre {
- font-family:inherit !important;
- white-space:pre-wrap;
- white-space:-moz-pre-wrap;
- white-space:-pre-wrap;
- white-space:-o-pre-wrap;
- word-wrap:break-word;
- }
- h6, small, big, sup, sub {font-size:1em;}
- h4, h5, h6 {margin:6px 0;}
- h5 {font-size:1.1em;}
- h4 {font-size:1.2em;}
- h3 {font-size:1.3em;}
- h2 {font-size:1.4em;}
- h1 {font-size:1.5em;}
- blockquote {
- margin:0;
- padding:0 10px;
- border-left:1px solid {color:Blockquote Border};
- }
- ul:not(.not) {margin:0 0 0 -35px; list-style-type:none;}
- ol {margin-left:-25px;}
- ul li:not(.not):before {
- content:'—';
- display:inline-block;
- margin-right:5px;
- }
- img {max-width:100%; height:auto;}
- hr {border:1px solid {color:Blockquote Border};}
- *:not(#s-m-t-tooltip):not(a):not(.tmblr-iframe), *:not(#s-m-t-tooltip):not(a):not(.tmblr-iframe):hover, a, a:hover, .tmblr-iframe, .tmblr-iframe:hover {transition-duration:.5s;}
- a {text-decoration:none;}
- a:link, a:visited {color:{color:Link};}
- a:hover {color:{color:Link Hover};}
- a:active {color:{color:Link};}
- /* container */
- #curtain {
- position:fixed;
- width:100%;
- height:193px;
- margin:0 auto;
- top:0;
- left:0;
- right:0;
- z-index:1;
- background-color:{color:Background};
- }
- #container, #menu_container, #navigation_container, #subnav_container, #updates_wrapper, #updates_sections_wrapper {
- {block:IndexPage}width:calc({select:Post Size}px + 240px);{block:IndexPage}
- {block:Permalink}width:calc({select:Permalink Post Size}px + 240px);{block:Permalink}
- }
- #container, #menu_container, #subnav_container, #updates_wrapper, #postscontainer, #sidebar {background-color:{color:Container BG};}
- #container, #subnav_container, #updates_sections_wrapper, #sidebar, #sidebar_image, #postscontainer {border:1px solid {color:Container Borders};}
- #description, #toptags_container, .vertebrae {border-top:1px solid {color:Container Borders};}
- #title_wrapper {border-right:1px solid {color:Container Borders};}
- #navigation_container {border-bottom:1px solid {color:Container Borders};}
- #updates_button, .sections, #top_tags {border-left:1px solid {color:Container Borders};}
- #container {
- position:fixed;
- margin:0 auto;
- top:106px;
- left:0;
- right:0;
- z-index:99;
- border-top-right-radius:1em;
- border-top-left-radius:1em;
- }
- #navigation_container {
- height:40px;
- z-index:99;
- text-transform:uppercase;
- font-family:'source sans pro';
- }
- #navigation {
- float:left;
- width:500px;
- letter-spacing:1px;
- font-size:11px;
- }
- #navigation li {display:inline-block; padding:3px 12px 2px 12px;}
- #navigation a {
- padding-bottom:11px;
- border-bottom:2px solid transparent;
- color:{color:Navigation Links};
- }
- #navigation a:hover {border-bottom:2px solid {color:Navigation Links Hover}; color:{color:Navigation Links Hover};}
- #navigation a.current {border-bottom:2px solid {color:Navigation Links}; color:{color:Navigation Links};}
- /* submenu */
- #navigation li ul {display:none; position:absolute;}
- #navigation li:hover ul {
- display:block;
- height:auto;
- max-width:170px;
- margin:-5px 0 0 -25px;
- padding:0 15px 5px 15px;
- background-color:{color:Container BG};
- }
- #navigation li:hover ul li {
- width:60px;
- padding:10px;
- border-bottom:1px solid #f5f5f5;
- font-size:9px;
- }
- #navigation li:hover ul li a {border:none; color:{color:Navigation Links};}
- #navigation li:hover ul li a:hover {border:none; color:{color:Navigation Links Hover};}
- /* search bar */
- #search {float:right; margin-top:15px;}
- form {width:80px;}
- form span {vertical-align:middle;}
- #sfm input {
- width:50px;
- border:none;
- outline:none;
- padding-left:5px;
- text-transform:uppercase;
- letter-spacing:1px;
- font:9px 'source sans pro';
- color:{color:Search};
- background:{color:Container BG};
- }
- ::-webkit-input-placeholder {color:{color:Search};}
- :-moz-placeholder {color:{color:Search}; opacity:1;}
- ::-moz-placeholder {color:{color:Search}; opacity:1;}
- :-ms-input-placeholder {color:{color:Search};}
- /* title */
- #subnav_container {
- position:fixed;
- height:51px;
- margin-left:-1px;
- text-align:center;
- z-index:-999;
- border-top:none;
- }
- #title_wrapper {
- float:left;
- width:229px;
- height:51px;
- overflow-y:hidden;
- }
- #title::first-letter {color:{color:1st Title Letter};}
- #title {
- position:relative;
- top:50%;
- text-transform:lowercase;
- padding:0 5px;
- font:{select:Title Font Weight} {text:Title Font Size}px quicksand;
- color:{color:Title};
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- #title_wrapper:hover #title {color:{color:1st Title Letter};}
- /* pagination */
- #pagination_container {
- float:left;
- width:calc(100% - 232px);
- {block:ifUpdatesTab}width:calc(100% - 342px);{/block:ifUpdatesTab}
- }
- #pagination {margin-top:20px; font:12px 'source sans pro';}
- .current_page {
- padding:8px 8px 14px 8px;
- color:{color:Current Page};
- border-bottom:2px solid {color:Current Page};
- }
- .jump_page a {padding:8px 8px 16px 8px; color:{color:Jump Page};}
- .jump_page a:hover {color:{color:Jump Page Hover};}
- /* updates button */
- #updates_button_wrapper {float:right;}
- #updates_button {
- display:table-cell;
- width:110px;
- height:51px;
- vertical-align:middle;
- text-transform:uppercase;
- letter-spacing:1px;
- font:10px muli;
- color:{color:Updates Button Title};
- }
- #updates_button:hover {background-color:{color:Updates Button BG Hover}; color:{color:Updates Button Title Hover};}
- #updates_wrapper {
- position:absolute;
- margin:0 auto;
- top:-249px;
- right:1px;
- height:107px;
- z-index:2;
- opacity:0;
- -webkit-transition-duration: 1.5s;
- -moz-transition-duration: 1.5s;
- -o-transition-duration: 1.5s;
- transition-duration: 1.5s;
- }
- #updates_button:hover #updates_wrapper {top:-149px; opacity:1;}
- #updates_wrapper:hover {top:-49px;}
- #updates_sections_wrapper {
- height:93px;
- padding:10px 0;
- border-bottom:none;
- }
- #updates_button, #updates_button_title, #updates_wrapper {
- -webkit-transition-delay: 2s;
- -moz-transition-delay: 2s;
- -o-transition-delay: 2s;
- transition-delay: 2s;
- }
- #updates_button:hover, #updates_button:hover #updates_button_title, #updates_button:hover #updates_wrapper, #posts:hover #tags_container {
- -webkit-transition-delay: 0ms;
- -moz-transition-delay: 0ms;
- -o-transition-delay: 0ms;
- transition-delay: 0ms;
- }
- .sections {
- float:left;
- {block:IndexPage}width:calc(({select:Post Size}px + 210px) / 4);{/block:IndexPage}
- {block:Permalink}width:calc(({select:Permalink Post Size}px + 210px) / 4);{/block:Permalink}
- height:90px;
- padding:0 3px 3px 3px;
- overflow-y:hidden;
- }
- .sections:hover {overflow-y:auto;}
- .title {
- padding-bottom:7px;
- font:11px karla;
- color:{color:Updates Tab Titles};
- }
- #updates_sections_wrapper:hover .title {color:{color:Updates Tab Titles Hover};}
- .content {
- line-height:11px;
- font:8px calibri;
- color:{color:Updates Tab Content};
- }
- /* sidebar */
- #sidebar {
- position:fixed;
- width:229px;
- height:100%;
- margin:0 auto;
- top:200px;
- bottom:0;
- {block:IndexPage}left:calc(1px - {select:Post Size}px - 12px);{/block:IndexPage}
- {block:Permalink}left:calc(1px - {select:Permalink Post Size}px - 12px);{/block:Permalink}
- right:0;
- padding:20px 0;
- border-top:none;
- }
- #sidebar_image {
- width:200px;
- margin:auto;
- margin-top:10px;
- margin-bottom:10px;
- {block:ifRoundedCornersSidebarImg}
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius:4px;
- {/block:ifRoundedCornersSidebarImg}
- }
- #sidebar_image img {
- width:180px;
- padding:10px;
- opacity:1;
- {block:ifRoundedCornersSidebarImg}
- -webkit-border-radius:14px;
- -moz-border-radius:14px;
- border-radius:14px;
- {/block:ifRoundedCornersSidebarImg}
- }
- #sidebar_image:hover {opacity:.7;}
- #description_title_container, #toptags_title_container {width:175px; margin-left:25px;}
- #description_title, #toptags_title {
- padding:2px 4px;
- text-transform:uppercase;
- font:bold 9px quicksand;
- }
- #description_title {background:{color:Description Title BG}; color:{color:Description Title};}
- #toptags_title {background:{color:TopTags Title BG}; color:{color:TopTags Title};}
- #description_container {
- width:175px;
- margin:auto;
- padding-bottom:10px;
- }
- #description {padding-top:5px; text-align:justify;}
- #toptags_container {
- width:180px;
- margin:auto;
- padding:6px 0px;
- text-transform:uppercase;
- font:10px calibri;
- color:{color:Container Borders};
- }
- #toptags_container a {
- padding:0 10px;
- color:{color:TopTags Links};
- border-left:1px solid transparent;
- }
- #toptags_container a:hover {
- margin-right:3px;
- color:{color:TopTags Links Hover};
- border-left:1px solid {color:TopTags Links};
- }
- /* posts */
- #postscontainer {
- position:relative;
- {block:Permalink}width:calc({select:Permalink Post Size}px + 10px);{/block:Permalink}
- {block:IndexPage}width:calc({select:Post Size}px + 10px);{/block:IndexPage}
- margin:auto;
- margin-top:193px;
- padding-top:50px;
- left:115px;
- z-index:0;
- border-top:none;
- }
- #posts {position:relative; margin-bottom:90px;}
- .vertebrae {
- margin:auto;
- overflow:hidden;
- margin-top:-10px;
- padding-top:8px;
- {block:Permalink}width:calc({select:Permalink Post Size}px - 4px);{/block:Permalink}
- {block:IndexPage}width:calc({select:Post Size}px - 4px);{/block:IndexPage}
- }
- .photo-slideshow .count-1, .pancake {
- {block:Permalink}width:{select:Permalink Post Size}px;{/block:Permalink}
- {block:IndexPage}width:{select:Post Size}px;{/block:IndexPage}
- }
- .photo-slideshow {position:relative;}
- .photo-slideshow .count-3 {max-width:177px; margin-bottom:calc({select:Photoset Gutter}px + 2px);}
- .photo-slideshow .row:last-of-type .count-3 {margin-bottom:0 !important;}
- .photo-slideshow .count-3:last-child {float:right;}
- .photo-slideshow .count-3:nth-child(2) {
- max-width:178px;
- position:absolute;
- left:50%;
- transform: translateX(-50%);
- -webkit-transform: translateX(-50%)
- }
- /* photoset lightbox */
- .vignette, #vignette {opacity:0;}
- .lightbox-image, #tumblr_lightbox img {box-shadow:none !important; max-width:none;}
- .tmblr-lightbox, #tumblr_lightbox {background-color:rgba(255,255,255,.8) !important;} /*you can change the lightbox bg color by pasting a new rgb color code over 255, 255, 255*/
- /* post info */
- #postinfo {
- position:absolute;
- top:-15px;
- right:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- font:8px calibri;
- }
- #postinfo a:link, #postinfo a:visited {
- padding-bottom:5px;
- color:{color:Post Info};
- border-bottom:1px solid transparent;
- }
- #postinfo a:hover {color:{color:Post Info Hover}; border-bottom:1px solid {color:Post Info Hover};}
- #tags_container {
- position:absolute;
- right:-120px;
- top:-15px;
- width:100px;
- height:auto;
- text-transform:uppercase;
- letter-spacing:1px;
- font:8px calibri;
- opacity:0;
- -webkit-transition-delay: 500ms;
- -moz-transition-delay: 500ms;
- -o-transition-delay: 500ms;
- transition-delay: 500ms;
- }
- #tags_container a:link, #tags_container a:visited {letter-spacing:1px; color:{color:Post Info};}
- #tags_container a:hover {color:{color:Post Info Hover};}
- #posts:hover #tags_container {opacity:1;}
- #tagged_under {
- padding:4px;
- text-transform:uppercase;
- font-style:italic;
- border-bottom:1px solid {color:Container Borders};
- }
- /* text */
- .text, .text_post_title {padding:0 10px}
- .text_post_title {
- margin-bottom:5px;
- text-transform:uppercase;
- font-size:12px;
- }
- .text_post_title a:link {border-left:1px solid transparent;}
- .text_post_title a:hover {
- margin-left:10px;
- padding-left:10px;
- border-left:1px solid {color:Link};
- }
- /* chat */
- #chat {margin:10px 10px 0 -30px;}
- #chat li {padding-top:5px;}
- #label {text-transform:uppercase; font-weight:bold; color:{color:Chat Label};}
- /* quote */
- #quote {text-align:center; font-size:12px; margin:5px 20px;}
- #source {font-size:10px;}
- /* question */
- #que {margin-bottom:5px;}
- #asker_portrait {float:left; padding-right:20px;}
- #asker_portrait img {
- {block:ifRoundedCornersSidebarImg}
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- {/block:ifRoundedCornersSidebarImg}
- }
- #asker {
- text-transform:uppercase;
- letter-spacing:1px;
- font-weight:bold;
- font-size:8px;
- }
- #question {
- margin-left:50px;
- padding:10px;
- min-height:20px;
- background-color:{color:Question BG};
- }
- #question:before {
- content:' ';
- position:absolute;
- width:0;
- height:0;
- left:51px;
- top:22px;
- border-top:6px solid transparent;
- border-bottom:6px solid transparent;
- border-right:6px solid {color:Question BG};
- }
- #answer img {height:auto;}
- #answer {
- margin-left:50px;
- padding:1px 10px;
- background-color:{color:Question BG};
- }
- /* audio player */
- #art {
- width:60px;
- height:60px;
- z-index:0;
- }
- #art img {border-radius:4px;}
- #p {
- position:absolute;
- width:58px;
- height:58px;
- margin-top:-59px;
- margin-left:1px;
- z-index:1;
- overflow:hidden;
- opacity:0;
- background:#fff;
- border-radius:4px;
- }
- #audio_player:hover #p {opacity:1;}
- #player {margin-top:19px;}
- .tumblr_audio_player {
- height:130px;
- width:1000px;
- -moz-transform:scale(0.70, 0.70);
- -webkit-transform:scale(0.70, 0.70);
- -o-transform:scale(0.70, 0.70);
- -ms-transform:scale(0.70, 0.70);
- transform:scale(0.70, 0.70);
- -moz-transform-origin:top left;
- -webkit-transform-origin:top left;
- -o-transform-origin:top left;
- -ms-transform-origin:top left;
- transform-origin:top left;
- }
- #det_container {
- position:absolute;
- display:table;
- min-height:60px;
- top:9px;
- left:70px;
- padding-left:10px;
- line-height:12px;
- color:{color:Track Info};
- }
- #details {display:table-cell; vertical-align:middle;}
- /* post notes */
- #notecontainer .notes {
- margin-bottom:30px;
- max-height:400px;
- overflow-y:auto;
- overflow-wrap:break-word;
- word-wrap:break-word;
- }
- #notecontainer ol {
- list-style-type:none;
- margin:70px 0 0 0;
- padding:10px;
- }
- #notecontainer li {padding:8px 5px;}
- .retags {padding-left:25px;}
- .retags a {
- font-weight:bold;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:2px;
- }
- #notecontainer .retags.error {color:{color:Italic} !important;}
- #notecontainer a:hover, #notecontainer .retags a:hover {color:{color:Link Hover} !important;}
- #notecontainer .answer_content {font-style:italic; color:{color:Italic};}
- #notecontainer blockquote {
- border-color:transparent;
- margin:10px 5px 10px 20px;
- font-style:italic;
- }
- #notecontainer img.avatar {
- margin-right:10px;
- width:16px;
- height:16px;
- vertical-align:middle;
- -webkit-border-radius:8px;
- -moz-border-radius:8px;
- border-radius:8px;
- }
- #c img {height:100%; opacity:1;}
- #c img:hover {opacity:.6;}
- #c {
- position:fixed;
- z-index:9999999999999999999999999999;
- bottom:7px;
- right:7px;
- height:24px;
- }
- [data-icon='\e901']:hover {opacity:.5;}
- [data-icon='\e900'] {color:{color:Search};}
- </style>
- </head>
- <body>
- {block:ifFadeInOnRefresh}<script>document.body.className += ' fade-out';</script>{/block:ifFadeInOnRefresh}
- <div id="curtain"></div>
- <div id="container">
- <div id="menu_container">
- <div id="navigation_container">
- <!-------navigation------->
- <div id="navigation">
- <ul class="not maybe">
- <li class="not"><a href="/">home</a></li>
- <li class="not"><a href="/ask">ask</a></li>
- <li class="not"><a href="/archive">map</a></li>
- {block:ifLinkFour}<li class="not"><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLinkFour}
- {block:ifLinkFive}<li class="not"><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLinkFive}
- {block:ifLinkSix}<li class="not"><a href="{text:Link 6 URL}" style="z-index:9999999;">{text:Link 6}</a></li>{/block:ifLinkSix}
- {block:ifLinkSeven}<li class="not"><a href="{text:Link 7 URL}" style="z-index:9;">{text:Link 7}</a>
- <!-------submenu------->
- {block:IfSubMenu}
- <ul style="padding-top:25px; z-index:-9;">
- {block:ifSubmenuLinkOne}<li class="not"><a href="{text:SubMenu Link 1 URL}">{text:SubMenu Link 1}</a></li>{/block:ifSubmenuLinkOne}
- {block:ifSubmenuLinkTwo}<li class="not"><a href="{text:SubMenu Link 2 URL}">{text:SubMenu Link 2}</a></li>{/block:ifSubmenuLinkTwo}
- {block:ifSubmenuLinkThree}<li class="not"><a href="{text:SubMenu Link 3 URL}">{text:SubMenu Link 3}</a></li>{/block:ifSubmenuLinkThree}
- {block:ifSubmenuLinkFour}<li class="not"><a href="{text:SubMenu Link 4 URL}">{text:SubMenu Link 4}</a></li>{/block:ifSubmenuLinkFour}
- {block:ifSubmenuLinkFive}<li class="not"><a href="{text:SubMenu Link 5 URL}">{text:SubMenu Link 5}</a></li>{/block:ifSubmenuLinkFive}
- {block:ifSubmenuLinkSix}<li class="not"><a href="{text:SubMenu Link 6 URL}">{text:SubMenu Link 6}</a></li>{/block:ifSubmenuLinkSix}
- {block:ifSubmenuLinkSeven}<li class="not"><a href="{text:SubMenu Link 7 URL}">{text:SubMenu Link 7}</a></li>{/block:ifSubmenuLinkSeven}
- {block:ifSubmenuLinkEight}<li class="not"><a href="{text:SubMenu Link 8 URL}">{text:SubMenu Link 8}</a></li>{/block:ifSubmenuLinkEight}
- </ul>
- {/block:IfSubMenu}
- </li>{/block:ifLinkSeven}
- </ul>
- </div>
- <!-------search bar------->
- {block:ifSearchBar}
- <div id="search">
- <script language="javascript">function send(){document.searchf.submit()}</script>
- <form action="/search" method="get" id="sfm" name="searchf">
- <span aria-hidden="true" data-icon=""></span>
- <input type="text" placeholder="{text:Search Label}" name="q" value=""/>
- </form>
- </div>
- {/block:ifSearchBar}
- </div>
- <div id="subnav_container">
- <!-------title------->
- <div id="title_wrapper">
- <div id="title">
- {Title}
- </div>
- </div>
- <!-------pagination------->
- {block:ifNotInfiniteScroll}
- <div id="pagination_container">
- {block:Pagination}
- <div id="pagination">
- {block:JumpPagination length="4"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<span class="jump_page"><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
- {/block:JumpPagination}
- </div>
- {/block:Pagination}
- </div>
- {/block:ifNotInfiniteScroll}
- {block:ifUpdatesTab}
- <div id="updates_button_wrapper">
- <div id="updates_button">updates
- <!-------updates tab------->
- <div id="updates_wrapper">
- <div id="updates_sections_wrapper">
- <div class="sections" style="border:none;">
- <div class="title">{text:Updates Section 1 Title}</div>
- <div class="content">
- {text:Updates Section 1}
- </div>
- </div>
- <div class="sections">
- <div class="title">{text:Updates Section 2 Title}</div>
- <div class="content">
- {text:Updates Section 2}
- </div>
- </div>
- <div class="sections">
- <div class="title">{text:Updates Section 3 Title}</div>
- <div class="content">
- {text:Updates Section 3}
- </div>
- </div>
- <div class="sections">
- <div class="title">{text:Updates Section 4 Title}</div>
- <div class="content">
- {text:Updates Section 4}
- </div><!--class="content"-->
- </div><!--class="sections"-->
- </div><!--id="updates_section_wrapper"-->
- </div><!--id="updates_wrapper"-->
- </div><!--id="updates_button"-->
- </div><!--id="updates_button_wrapper"-->
- {/block:ifUpdatesTab}
- </div><!--id="subnav_container"-->
- </div><!--id="menu_container"-->
- </div><!--id="container"-->
- <!-------sidebar, blog description, top tags------->
- <div id="sidebar">
- {block:ifSidebarImage}<div id="sidebar_image"><img src="{image:Sidebar}"></div>{/block:ifSidebarImage}
- <div id="description_title_container">
- <span id="description_title">
- {Title}
- </span>
- </div>
- <div id="description_container">
- <div id="description">
- {Description}
- </div>
- </div>
- {block:ifTopTags}
- <span id="toptags_title_container">
- <span id="toptags_title">
- top tags
- </span>
- </span>
- <div id="toptags_container">
- <div id="top_tags">
- <a href="{text:Top Tag 1 URL}"># {text:Top Tag 1}</a><br>
- <a href="{text:Top Tag 2 URL}"># {text:Top Tag 2}</a><br>
- <a href="{text:Top Tag 3 URL}"># {text:Top Tag 3}</a><br>
- <a href="{text:Top Tag 4 URL}"># {text:Top Tag 4}</a>
- </div>
- </div>
- {/block:ifTopTags}
- </div>
- <a href="#" id="toTop"><span aria-hidden="true" data-icon=""></span></a>
- {block:ifInfiniteScroll}
- <div class="navigation" id="navigation">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IfInfiniteScroll}
- <!-------posts container------->
- <div id="postscontainer">
- {block:Posts}
- <div id="posts">
- <!-------post info------->
- {block:Date}
- <div id="postinfo">
- <a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
- <a href="{Permalink}">{TimeAgo}</a>
- {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
- </div>
- {/block:Date}
- <!-------text post------->
- {block:Text}
- <div class="vertebrae">
- <div class="text">{block:Title}<div class="text_post_title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}</div>
- </div>
- {/block:Text}
- <!-------link post------->
- {block:Link}
- <div class="vertebrae">
- <div class="text_post_title"><a href="{URL}">{Name}</a></div>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- </div>
- {/block:Link}
- <!-------question post------->
- {block:Answer}
- <div class="vertebrae">
- <div id="que">
- <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
- <div id="question"><span id="asker">{Asker}</span>:<br>{Question}</div>
- </div>
- <div id="answer">{Answer}</div>
- </div>
- {/block:Answer}
- <!-------quote post------->
- {block:Quote}
- <div class="vertebrae">
- <div id="quote">
- {Quote}<br><br>
- {block:Source}<div id="source">{Source}</div>{/block:Source} </div>
- </div>
- {/block:Quote}
- <!-------chat post------->
- {block:Chat}
- <div class="vertebrae">
- <a href="{Permalink}" class="text_post_title">{Title}</a>
- <ul id="chat">
- {block:Lines}<li>{block:Label}<span id="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- <!-------audio post------->
- {block:AudioPlayer}
- <div class="vertebrae">
- <div id="audio_player">
- <div id="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <div id="p"><div id="player">{AudioPlayer}</div></div>
- </div>
- <div id="det_container">
- <div id="details">
- {block:TrackName}{TrackName}{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist}<br>
- {block:Album}{Album}{/block:Album}<br>
- {PlayCountWithLabel}
- </div>
- </div>
- {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
- </div>
- {/block:AudioPlayer}
- <!-------photo post------->
- {block:Photo}
- <div class="vertebrae">
- <div class="pancake">
- {LinkOpenTag}<a href="#" style="margin:0 !important; height:0 !important;" 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"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{LinkCloseTag}
- {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
- </div>
- </div>
- {/block:Photo}
- <!-------photoset post------->
- {block:Photoset}
- <div class="vertebrae">
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}
- <div class="photo-data">
- <div class="pxu-photo">
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
- </div>
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- </div>
- {/block:Photos}
- </div>
- {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div> {/block:Caption}{/block:IfShowCaption}
- </div>
- {/block:Photoset}
- <!-------video post------->
- {block:Video}
- <div class="vertebrae">
- <div class="video">{Video-500}</div>
- {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
- </div>
- {/block:Video}
- <!-------tags------->
- {block:HasTags}
- <div id="tags_container">
- <span id="tagged_under">Tagged under:</span><br><br>
- {block:Tags}<a href="{TagURL}">{Tag}</a><br>{/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <div id="notecontainer">{PostNotes}</div>
- {/block: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} -->
- </div>
- <!-------end posts container------->
- <!-------------scripts------------->
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <script>
- $(function(){
- $('a').each(function() {
- if ($(this).prop('href') == window.location.href) {
- $(this).addClass('current');
- }
- });
- });
- </script>
- <div id="c"><a href="http://felinum.tumblr.com" title="theme by felinum"><img src="http://static.tumblr.com/0cdn90j/ZjQobhv98/snowshoe-cat.png"></a></div> <!--DO NOT REMOVE THIS--><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>{block:IndexPage}{block:ifInfiniteScroll}<script src="http://static.tumblr.com/0cdn90j/vsOo9wcfa/infinitescroll.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.1.8/imagesloaded.pkgd.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}
- <script>
- jQuery(document).ready(function($){
- $('.photo-slideshow').pxuPhotoset({
- lightbox:true,
- rounded:false,
- gutter:'{select:Photoset Gutter}px',
- borderRadius:'0px',
- photoset:'.photo-slideshow',
- photoWrap:'.photo-data',
- photo:'.pxu-photo'
- });
- {block:IndexPage}
- var $container = $('#postscontainer');
- {block:ifInfiniteScroll}
- $container.infinitescroll({
- navSelector:'.navigation',
- nextSelector:'.navigation a',
- itemSelector:'#posts',
- loadingImg:'',
- loadingText:'<em></em>',
- bufferPx:2000
- },
- function(newElements){
- var $newElems = $(newElements).css('opacity', 0);
- resizeVideos();
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox:true,
- rounded:false,
- gutter:'{select:Photoset Gutter}px',
- photoset:'.photo-slideshow',
- photoWrap:'.photo-data',
- photo:'.pxu-photo'
- });
- $newElems.imagesLoaded(function(){
- $newElems.animate({opacity: 1});
- });
- }
- );
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- });
- </script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js"></script><script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#toTop").scrollToTop({speed:1000,start:700});
- });
- </script>
- <script src="http://static.tumblr.com/0cdn90j/glvnidntk/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script>
- $(function() {
- $('body').removeClass('fade-out');
- });
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment