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">
- <!-- HOTLIMIT THEME 001: LOVE TECHNIQUE
- THEME CODED BY HOTLIMIT [AT] TUMBLR [DOT] COM
- PLEASE DO NOT REMOVE THE CREDIT, REDISTRIBUTE, USE AS A BASE, OR CLAIM AS YOUR OWN. THAT IS VERY BAD AND MAKES BABY JESUS CRY. -->
- <head>
- <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}
- <!-- DEFAULT VARIABLES -->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="image:Background" content="http://static.tumblr.com/gsojzab/CSVm3o8e7/lt-bg.png">
- <meta name="color:Entry" content="#ffffff"/>
- <meta name="color:Entry border" content="#f8cde2"/>
- <meta name="color:Text" content="#726e77"/>
- <meta name="color:Selection" content="#EE82A1"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Sidebar text" content="#726e77"/>
- <meta name="color:LeftBorder" content="#FF9DCE"/>
- <meta name="image:Sidebar" content="http://static.tumblr.com/ima4vag/1E3m1yo1w/blank.gif"/>
- <meta name="color:Link" content="#f052a0"/>
- <meta name="color:LinkHover" content="#d3657c"/>
- <meta name="color:Title" content="#F1B4C9"/>
- <meta name="color:Subtitle" content="#e78cab"/>
- <meta name="color:blockquote" content="#c7578c"/>
- <meta name="color:quotation" content="#f881ab"/>
- <meta name="color:odd" content="#fed7e9"/>
- <meta name="color:even" content="#fbeaf2"/>
- <meta name="color:Bold" content="#b52673"/>
- <meta name="color:Italic" content="#e42c60"/>
- <meta name="color:Underline" content="#BF4E69"/>
- <meta name="color:Buttons" content="#f796c6"/>
- <meta name="color:Button background" content=""/>
- <meta name="color:Button hover" content="#F8F8F8"/>
- <meta name="color:Arrow hover" content="#f796c6"/>
- <meta name="color:Stats" content="#feeff6"/>
- <meta name="color:Entry title" content="#F1B4C9"/>
- <meta name="color:tags" content="#d93683"/>
- <meta name="color:Link1 hover" content="#f796c6"/>
- <meta name="color:Link2 hover" content="#ed669c"/>
- <meta name="color:Link3 hover" content="#e03380"/>
- <meta name="color:Link4 hover" content="#bd658c"/>
- <meta name="color:Player" content="#f6c3d9"/>
- <meta name="if:Show title" content="1" />
- <meta name="if:Show subtitle" content="1" />
- <meta name="if:Show custom links" content="1" />
- <meta name="if:Show music player" content="1" />
- <meta name="if:Permalink hover" content="1" />
- <meta name="if:Fade sidebar image" content="1" />
- <meta name="if:Fade images" content="1" />
- <meta name="if:Show captions on index" content="1" />
- <meta name="if:Infinite scroll" content="0" />
- <meta name="text:Link1 Title" content="Link 1" />
- <meta name="text:Link1 URL" content="" />
- <meta name="text:Link2 Title" content="Link 2" />
- <meta name="text:Link2 URL" content="" />
- <meta name="text:Link3 Title" content="Link 3" />
- <meta name="text:Link3 URL" content="" />
- <meta name="text:Link4 Title" content="Link 4" />
- <meta name="text:Link4 URL" content="" />
- <meta name="text:Subtitle" content="" />
- <meta name="text:Player code" content="" />
- <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* BASICS */
- body {
- background-color: {color:Background};
- background-image: url('{image:Background}');
- background-attachment: fixed;
- background-position: top-left;
- background-repeat: repeat;
- font-family: Calibri;
- font-size: 11px;
- color: {color:Text};
- }
- a, a:link, a:visited, a:active {
- color: {color:Link};
- font-weight: bold;
- text-decoration: none;
- transition: all 0.6 ease-in-out;
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6 ease-in-out;
- }
- a:hover {
- color: {color:LinkHover};
- transition: all 0.7 ease-in-out;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7 ease-in-out;
- }
- a img {
- border: 0px;
- }
- b, strong {
- font-weight: bold;
- color: {color:Bold};
- }
- i, em {
- color: {color:Italic};
- text-transform: italic;
- }
- u {
- text-decoration: none;
- border-bottom: 1px solid {color:Underline};
- }
- small {
- font-size: 9px;
- letter spacing: 1px;
- }
- p {
- margin: 5px 0 2px 0;
- }
- blockquote {
- margin: 2px 5px 2px 5px;
- padding: 1px 0 3px 6px;
- border-left: 5px solid {color:blockquote};
- }
- ::selection {
- background-color: {color:Selection};
- color: #ffffff;
- }
- ::-moz-selection {
- background-color: {color:Selection};
- color: #ffffff;
- }
- /* SIDEBAR */
- #side {
- background-color: {color:Sidebar};
- width: 260px;
- height: 100%;
- margin-left: 75px;
- top: 0px;
- position: fixed;
- border-left: 5px solid {color:LeftBorder};
- border-right: 1px dotted {color:Bold};
- }
- .sidebar {
- background-color: transparent;
- color: {color:Sidebar text};
- width: 250px;
- margin-top: 110px;
- padding: 5px;
- position: fixed;
- }
- #title {
- font-size: 24px;
- letter-spacing: 1px;
- color: {color:Title};
- text-transform: uppercase;
- text-align: center;
- width: 250px;
- height: auto;
- margin-top: 65px;
- padding: 5px;
- position: fixed;
- opacity: 0.5;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- }
- #title:hover {
- opacity: 1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #subtitle {
- font-size: 16px;
- color: {color:Subtitle};
- font-family: 'Loved by the King', cursive;
- height: auto;
- letter-spacing: 1px;
- text-align: center;
- width: 250px;
- margin-top: 85px;
- padding: 5px;
- position: fixed;
- opacity: 0.5;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- }
- #subtitle:hover {
- opacity: 1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- /* TOP BUTTONS */
- #navlinks {
- display: block;
- width: 250px;
- height: 30px;
- overflow: hidden;
- }
- #ask, #home, #archive, #themetab {
- color: {color:Buttons};
- background-color: {color:Button background};
- }
- #home:hover {
- color: {color:Button hover};
- background-color: {color:Link1 hover};
- }
- #ask:hover {
- color: {color:Button hover};
- background-color: {color:Link2 hover};
- }
- #archive:hover {
- color: {color:Button hover};
- background-color: {color:Link3 hover};
- }
- #themetab:hover {
- color: {color:Button hover};
- background-color: {color:Link4 hover};
- }
- .navtab {
- float: left;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- padding: 3px;
- margin: 0px 1px 0px 5px;
- line-height: 20px;
- width: 50px;
- height: 20px;
- overflow: hidden;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- /* SIDEBAR IMAGE AND DESCRIPTION */
- #love {
- width: 250px;
- height: 250px;
- position: absolute;
- z-index: 1;
- margin-top: 5px;
- overflow: hidden;
- background-color: transparent;
- }
- #sidedes {
- padding: 5px;
- opacity: 0;
- width: 240px;
- height: 220px;
- margin-top: 20px;
- background-color: transparent;
- overflow: hidden;
- font-size: 10px;
- letter-spacing: 1px;
- z-index: 1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #sidedes:hover {
- opacity: 1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #technique {
- height: 250px;
- width: 250px;
- z-index: 100;
- position: relative;
- top: -250px;
- -webkit-transition: opacity 1s linear;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- }
- #technique img {
- height: 250px;
- width: 250px;
- -moz-border-radius: 125px;
- -webkit-border-radius: 125px;
- border-radius: 125px;
- {block:IfFadeSidebarImage}
- opacity: 0.5;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- {/block:IfFadeSidebarImage}
- {block:IfNotFadeSidebarImage}
- opacity: 1;
- {/block:IfNotFadeSidebarImage}
- }
- #technique img:hover {
- {block:IfFadeSidebarImage}
- opacity: 1;
- {/block:IfFadeSidebarImage}
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #love:hover #technique {
- margin-left: 250px;
- -webkit-transition: opacity 1s linear;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -moz-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- }
- /* CUSTOM LINKS */
- #custom {
- display: block;
- width: 250px;
- height: 30px;
- overflow: hidden;
- margin-top: 260px;
- }
- .linkbox {
- float: left;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- padding: 3px;
- margin: 0px 1px 0px 5px;
- line-height: 20px;
- width: 50px;
- height: 20px;
- overflow: hidden;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #link1, #link2, #link3, #link4 {
- color: {color:Buttons};
- background-color: {color:Button background};
- }
- #link1:hover {
- color: {color:Button hover};
- background-color: {color:Link1 hover};
- }
- #link2:hover {
- color: {color:Button hover};
- background-color: {color:Link2 hover};
- }
- #link3:hover {
- color: {color:Button hover};
- background-color: {color:Link3 hover};
- }
- #link4:hover {
- color: {color:Button hover};
- background-color: {color:Link4 hover};
- }
- /* MAIN CONTENT */
- #entry {
- margin: 10px 3px 20px 350px;
- width: 520px;
- text-align: justify;
- padding: 5px;
- background-color: transparent;
- }
- .interior {
- background-color: {color:Entry};
- border: 5px solid {color:Entry border};
- width: 500px;
- padding: 10px;
- position: relative;
- overflow: hidden;
- }
- /* DATE AND TIME BOX */
- #stats {
- background-color: {color:Stats};
- border-left: 2px solid {color:LeftBorder};
- {block:IfPermalinkHover}
- opacity: 0;
- margin-left: 300px;
- {/block:IfPermalinkHover}
- {block:IfNotPermalinkHover}
- opacity: 1;
- margin-left: 540px;
- {/block:IfNotPermalinkHover}
- width: 100px;
- padding: 5px;
- padding-left: 5px;
- line-height: 9px;
- position: absolute;
- height: auto;
- font-size: 9px;
- letter-spacing: 1px;
- text-transform: uppercase;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #entry:hover #stats {
- {block:IfPermalinkHover}
- opacity: 1;
- margin-left: 540px;
- {/block:IfPermalinkHover}
- position: absolute;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #permastats {
- background-color: {color:Stats};
- border-left: 2px solid {color:LeftBorder};
- margin-left: 540px;
- width: 100px;
- padding: 5px;
- padding-left: 5px;
- line-height: 9px;
- position: absolute;
- height: auto;
- font-size: 9px;
- letter-spacing: 1px;
- text-transform: uppercase;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- /* ENTRY CONTENT */
- h3 {
- font-size: 20px;
- margin: 0px;
- font-weight: normal !important;
- text-align: left;
- text-transform: uppercase;
- color: {color:EntryTitle};
- }
- .images {
- {block:IfFadeImages}
- opacity: 0.6;
- transition: all 0.5 ease-in-out;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- {/block:IfFadeImages}
- {block:IfNotFadeImages}
- opacity: 1;
- {/block:IfNotFadeImages}
- }
- .images:hover {
- {block:IfFadeImages}
- opacity: 1;
- transition: all 0.9s ease-in-out;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- {/block:IfFadeImages}
- }
- .quote {
- font-size: 18px;
- font-style: italic;
- color: {color:quotation};
- }
- .source {
- margin-left: 25px;
- text-align: right;
- }
- .postlink {
- padding: 5px;
- font-size: 16px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- font-weight: normal;
- font-style: italic;
- }
- .postlink:hover {
- color: {color:Bold};
- }
- #audiowrap {
- display: block;
- height: auto;
- position: relative;
- min-height: 140px;
- }
- .audiopost {
- width: 490px;
- position: relative;
- padding: 5px;
- min-height: 140px;
- }
- #musicbox {
- width: 140px;
- height: 140px;
- padding: 5px;
- position: absolute;
- z-index: 1;
- overflow: hidden;
- background-color: transparent;
- }
- #blank {
- height: 130px;
- position: absolute;
- width: 130px;
- }
- #albumcover {
- width: 130px;
- height: 130px;
- position: relative;
- }
- #albumcover img {
- width: 130px;
- height: 130px;
- }
- #player {
- background-color: #ffffff;
- overflow: hidden;
- z-index: 3;
- opacity: 0;
- width: 130px;
- height: 130px;
- margin-left: -150px;
- -webkit-transition: opacity 1s linear;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- transition: all 1s ease-in-out;
- }
- #audiobutton {
- width: 20px;
- height: 30px;
- overflow: hidden;
- z-index: 4;
- margin: 50px 30px 0px 50px;
- }
- #musicbox:hover #player {
- margin-left: 0px;
- opacity: .7;
- filter:alpha(opacity=70);
- -webkit-transition: opacity 0.8s linear;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- .id3 {
- float: right;
- margin: 10px;
- max-height: 150px;
- width: 300px;
- padding: 5px;
- }
- .tracktitle {
- background: transparent url("http://static.tumblr.com/gsojzab/ZsSm0h5wj/tumblr_lkl64v9iji1qfamg6.png") left no-repeat;
- padding: 6px 2px 3px 20px;
- }
- .trackartist {
- background: transparent url("http://static.tumblr.com/gsojzab/cebm0h5yr/user_icon_cyan.gif") left no-repeat;
- padding: 3px 4px 3px 20px;
- }
- .trackalbum {
- background: transparent url("http://static.tumblr.com/gsojzab/ndIm0h619/tumblr_ll7xsqavqj1qi6qow.gif") left no-repeat;
- padding: 6px 4px 3px 20px;
- }
- .playcount {
- background: transparent url("http://static.tumblr.com/gsojzab/KD7m0h62n/tumblr_lkqyvzrtye1qi6qow.gif") left no-repeat;
- padding: 6px 2px 3px 20px;
- }
- .external {
- background: transparent url("http://static.tumblr.com/gsojzab/KiHm0h63v/mini-164.gif") left no-repeat;
- padding: 6px 2px 3px 20px;
- }
- ul.chat {
- margin: 0;
- padding: 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- }
- .chat li.odd {
- background-color: {color:odd};
- margin-bottom: 1px;
- }
- .chat li.even {
- background-color: {color:even};
- margin-bottom: 1px;
- }
- .label {
- font-weight: bold;
- }
- .user_1 .label {
- color:#c7578c;
- font-weight:bold;
- }
- .user_2 .label {
- color:#f052a0;
- font-weight:bold;
- }
- .user_3 .label {
- color:#c7578c;
- font-weight:bold;
- }
- .user_4 .label {
- color:#f052a0;
- font-weight:bold;
- }
- .user_5 .label {
- color:#c7578c;
- font-weight:bold;
- }
- #query {
- margin: 0 auto;
- padding: 5px;
- position: relative;
- width: 490px;
- }
- #answer {
- text-align: left;
- padding-top: 5px;
- padding-bottom: 1px;
- }
- #question {color: #171214;
- background-color: {color:Entry border};
- margin-top: -4px;
- margin-left: 85px;
- font-size: 11px;
- padding: 8px;
- min-height: 45px;
- overflow-y: hidden;
- padding-bottom: 5px;
- width: 385px;
- }
- #question a {
- color: {color:Link};
- font-size: 14px;
- }
- #askicon img {
- width: 64px;
- height: 64px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- #askicon {
- padding-right: 8px;
- margin-bottom: 13px;
- margin-top: 5px;
- }
- .arrow {font-size: 20px;
- font-family: arial;
- margin-bottom: 0px;
- margin-top: 15px;
- margin-left: 5px;
- color: {color:Entry border};
- float: left;}
- #asker {
- padding: 15px 6px 2px;
- float: right;
- }
- .askername a {font-size: 14px;
- color: {color:Link};
- text-align: right;
- letter-spacing: 1px;
- }
- .origin {
- padding: 1px;
- width: 490px;
- margin: 5px auto 0 auto;
- height: auto;
- overflow: hidden;
- }
- .title {
- font-size: 24px;
- letter-spacing: -2px;
- color: {color:Title};
- }
- #caption {
- {block:IfShowCaptionsOnIndex}
- padding: 2px 0 35px 0;
- width: 490px;
- margin: 0 0 0 5px;
- {/block:IfShowCaptionsOnIndex}
- }
- /* METADATA */
- #meta {
- padding: 5px;
- width: 490px;
- margin: 10px auto 0 auto;
- height: auto;
- overflow: hidden;
- background-color: {color:Entry};
- }
- .tags {
- display: inline;
- text-align: left;
- font-size: 10px;
- float: left;
- color: #666666;
- text-transform: uppercase;
- padding: 3px 4px 4px 5px;
- height: auto;
- }
- .tag {
- font-weight: normal;
- margin-right: 2px;
- font-style: none;
- color: {color:tags};
- }
- #clear {
- clear: both;
- width: 50px;
- height: 0px;
- background-color: transparent;
- }
- /* NOTES */
- .notes {
- float: left;
- padding: 5px;
- height: 25px;
- margin-top: 0px;
- width: 500px;
- }
- ol.notes {
- list-style: none;
- margin: 0 20px 0 10px;
- padding: 0px;
- }
- ol.notes li.note {
- margin: 0px;
- padding: 5px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- .action a {
- text-transform: uppercase;
- }
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- font-style: italic;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- #notes img {
- border:0px;
- }
- #notes a {
- font-size: 10px;
- }
- /* PAGINATION ARROWS */
- .paginate {
- text-align: center;
- width: 530px;
- position: absolute;
- display: block;
- height: 35px;
- z-index: 1;
- padding: 5px;
- margin: 0 20px 0 350px;
- }
- .moveback {
- float: left;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- padding: 3px;
- margin: 0px 1px 0px 10px;
- width: 70px;
- height: 20px;
- line-height: 20px;
- overflow: hidden;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- opacity: 0.8;
- }
- .movenext {
- float: right;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- padding: 3px;
- margin: 0px 10px 0px 5px;
- width: 70px;
- height: 20px;
- line-height: 20px;
- overflow: hidden;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- opacity: 0.8;
- }
- #backarrow, #nextarrow {
- color: {color:Buttons};
- background-color: {color:Button background};
- }
- #backarrow:hover {
- color: {color:Button hover};
- background-color: {color:Arrow hover};
- margin-left: 0px;
- opacity: 1;
- }
- #nextarrow:hover {
- color: {color:Button hover};
- background-color: {color:Arrow hover};
- margin-right: 0px;
- opacity: 1;
- }
- /* MUSIC PLAYER */
- #musicplayer {
- text-align: center;
- font-size: 11px;
- position: fixed;
- left: 94px;
- top: -43px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index: 999;
- opacity: 0.5;
- }
- #musicplayer:hover {
- top: -10px;
- opacity: 1;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- }
- #music {
- padding: 20px 0 5px 0;
- background-color: {color:Player};
- width: 230px;
- border-bottom-right-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -webkit-border-bottom-right-radius: 5px;
- z-index: 9999;
- }
- #musictab {
- font-family: century gothic;
- text-shadow: 0 1px 0 #FFFFFF;
- height: 30px;
- padding: 0 0 8px 0;
- background-color: {color:Player};
- border-bottom-left-radius: 5px;
- -moz-border-radius-bottomleft: 5px;
- -webkit-border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -webkit-border-bottom-right-radius: 5px;
- width: 50px;
- }
- /* SCROLLBARS */
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Entry border};
- height:100px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 5px;
- background-color:#ffffff;
- }
- /* TUMBLR CONTROLS */
- iframe#tumblr_controls {
- right: 3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.8s linear;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- -ms-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- opacity: 0.2;
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.4s linear;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- -ms-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- opacity: 1;
- }
- {CustomCSS}
- </style>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
- </head>
- <body>
- {block:IfShowMusicPlayer}<div id="musicplayer">
- <div id="music"><center>{text:Player code}</center></div>
- <div id="musictab"><br><img src="http://static.tumblr.com/gsojzab/3iOm3rh6y/minigif01.gif"></div>
- </div>
- {/block:IfShowMusicPlayer}
- <div id="side">
- {block:IfShowTitle}<div id="title">{Title}</div>{/block:IfShowTitle}
- {block:IfShowSubtitle}<div id="subtitle">{text:Subtitle}</div>{/block:IfShowSubtitle}
- <div class="sidebar">
- <div id="navlinks">
- <a href="/"><div class="navtab" id="home">HOME</div></a>
- <a href="/ask"><div class="navtab" id="ask">MESSAGE</div></a>
- <a href="/archive"><div class="navtab" id="archive">ARCHIVE</div></a>
- <a href="http://hotlimit.tumblr.com" target="_blank"><div class="navtab" id="themetab">THEME</div></a>
- </div>
- <div id="love">
- <div id="sidedes">{block:Description}<center>{Description}</center>{/block:Description}</div>
- <div id="technique"><img src="{image:Sidebar}"></div>
- </div>
- {block:IfShowCustomLinks}
- <div id="custom">
- <a href="{text:Link1 URL}"><div class="linkbox" id="link1">{text:Link1 Title}</div></a>
- <a href="{text:Link2 URL}"><div class="linkbox" id="link2">{text:Link2 Title}</div></a>
- <a href="{text:Link3 URL}"><div class="linkbox" id="link3">{text:Link3 Title}</div></a>
- <a href="{text:Link4 URL}"><div class="linkbox" id="link4">{text:Link4 Title}</div></a>
- </div>{/block:IfShowCustomLinks}
- </div>
- </div>
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="entry">
- {block:IndexPage}{block:Date}
- <div id="stats"><a href="{Permalink}">{TimeAgo}</a><br />
- {Year}/{MonthNumberWithZero}/{DayOfMonthWithZero} @ {24Hour}:{Minutes}<br />
- {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br />
- <a href="{ReblogURL}">Reblog</a></div>
- {/block:Date}{/block:IndexPage}
- {block:PermalinkPage}{block:Date}
- <div id="permastats">{TimeAgo}<br />
- {Year}/{MonthNumberWithZero}/{DayOfMonthWithZero} @ {24Hour}:{Minutes}<br />
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
- {/block:Date}
- {/block:PermalinkPage}
- <div class="interior">
- {block:Text}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="images">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {block:IfShowCaptionsOnIndex}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:IfShowCaptionsOnIndex}
- {block:IfNotShowCaptionsOnIndex}{block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}{/block:IfNotShowCaptionsOnIndex}
- {/block:Photo}
- {block:Photoset}
- <div class="images"><center>{Photoset-500}</center></div>
- {block:IfShowCaptionsOnIndex}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:IfShowCaptionsOnIndex}
- {block:IfNotShowCaptionsOnIndex}{block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}{/block:IfNotShowCaptionsOnIndex}
- {/block:Photoset}
- {block:Quote}
- <span class="quote">"{Quote}"</span>
- {block:Source}
- <div class="source">β {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <center><a href="{URL}" class="postlink" {Target}>{Name} →</a></center>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Video}
- <center>{Video-500}</center>
- {block:IfShowCaptionsOnIndex}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:IfShowCaptionsOnIndex}
- {block:IfNotShowCaptionsOnIndex}{block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}{/block:IfNotShowCaptionsOnIndex}
- {/block:Video}
- {block:Audio}
- <div id="audiowrap">
- <div class="audiopost">
- <div id="musicbox">
- <div id="blank"><img src="http://static.tumblr.com/gsojzab/EOfm3q98n/blank.png" width="130px" height="130px" style="position:absolute; vertical-align:middle;">{block:AlbumArt}
- <div id="albumcover"><img width="130" height="130" src="{AlbumArtURL}" style="position:absolute;" /></div>{/block:AlbumArt}</div>
- <div id="player"><div id="audiobutton">{AudioPlayerWhite}</div></div>
- </div>
- <div class="id3">
- <table width="240px" cellspacing="1px" cellpadding="1px">
- {block:TrackName}
- <tr>
- <td class="tracktitle">{TrackName}</td>
- </tr>
- {/block:TrackName}
- {block:Artist}
- <tr>
- <td class="trackartist">{Artist}</td>
- </tr>
- {/block:Artist}
- {block:Album}
- <tr>
- <td class="trackalbum">{Album}</td>
- </tr>
- {/block:Album}
- <tr>
- <td class="playcount">Played {FormattedPlayCount} times</td>
- </tr>
- {block:ExternalAudio}
- <tr>
- <td class="external"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
- </tr>
- {/block:ExternalAudio}
- </table>
- </div>
- </div>
- </div>
- {block:IfShowCaptionsOnIndex}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:IfShowCaptionsOnIndex}
- {block:IfNotShowCaptionsOnIndex}{block:PermalinkPage}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}{/block:IfNotShowCaptionsOnIndex}
- {/block:Audio}
- {block:Answer}
- <div id="query">
- <div id="askicon"> <img src="{AskerPortraitURL-64}" align="left"></div><div class="arrow">β</div><div id="question">{Question}
- <div id="asker"> <div class="askername">--{Asker}</div></div></div></div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- {block:PermalinkPage}
- <div class="origin">{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(source: <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}</div>
- {block:HasTags}<div id="meta">
- <div class="tags">{block:Tags}#<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div></div>{/block:HasTags}
- {/block:PermalinkPage}
- <div id="clear"></div>
- </div>
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- {block:IfNotInfiniteScroll}{block:Pagination}
- <div class="paginate">
- {block:PreviousPage}<a href="{PreviousPage}"><div class="moveback" id="backarrow">← BACK</div></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"><div class="movenext" id="nextarrow">NEXT →</div></a>{/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:IfNotInfiniteScroll}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement