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">
- <head>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</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}
- <!--------------------------------------------
- THEME #01 'HE IS SO' by INQUISITORISMAGE.tumblr.com
- You can edit the theme but please don't be a thief and LEAVE the CREDIT.
- Do NOT use parts of my code for your own purposes.
- ~~~~
- Music player © vitanica.tumblr.com
- Audio posts styling original © padyluppet
- ~~~~
- -------------------------------------------->
- <link href='http://fonts.googleapis.com/css?family={text:Google Web Font name}' rel='stylesheet' type='text/css'>
- <meta name="text:Google Web Font Name" content='Yanone Kaffeesatz'/>
- <meta name="if:Scrolling Background" content="0"/>
- <meta name="if:500px Posts" content="0"/>
- <meta name="if:Faded Photos" content="0"/>
- <meta name="if:Infinite Scrolling" content="0"/>
- <meta name="if:Music Player" content="0"/>
- <meta name="text:Music Player Code" content=""/>
- <meta name="if:Link 1" content="1"/>
- <meta name="if:Link 2" content="1"/>
- <meta name="if:Link 3" content="1"/>
- <meta name="if:Link 4" content="1"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#aaaaaa"/>
- <meta name="color:Bold" content="#ff9a90"/>
- <meta name="color:Italics" content="#ff89ad"/>
- <meta name="color:Posts Bg" content="#ffffff"/>
- <meta name="color:Post Column Bg" content="#f5f5f5"/>
- <meta name="color:Sidebar Image Border" content="#f7f7f7"/>
- <meta name="color:Description Bg" content="#ffffff"/>
- <meta name="color:Scrollbar Thumb" content="#dddddd"/>
- <meta name="color:Scrollbar Bg" content="#ffffff"/>
- <meta name="color:Sidebar Link" content="#ff89ad"/>
- <meta name="color:Post Link" content="#7f7f7f"/>
- <meta name="color:Post Link Hover" content="#ff89ad"/>
- <meta name="color:Pagination Bg" content="#90e4ff"/>
- <meta name="color:Extra Nav Hover" content="#ff9a90"/>
- <meta name="color:Color Bar" content="#90e4ff"/>
- <meta name="color:Music player" content="#ff9a90"/>
- <meta name="color:Credit" content="#ff5a49"/>
- <meta name="text:Font Size" content="11px"/>
- <meta name="text:Font" content="Calibri"/>
- <meta name="text:Link 1 URL" content="http://"/>
- <meta name="text:Link 1 Name" content="Link 1"/>
- <meta name="text:Link 2 URL" content="http://"/>
- <meta name="text:Link 2 Name" content="Link 2"/>
- <meta name="text:Link 3 URL" content="http://"/>
- <meta name="text:Link 3 Name" content="Link 3"/>
- <meta name="text:Link 4 URL" content="http://"/>
- <meta name="text:Link 4 Name" content="Link 4"/>
- <meta name="image:Sidebar" content="http://i.imgur.com/sbnX39Z.png"/>
- <meta name="image:Background" content="http://i.imgur.com/RGhvl99.png"/>
- <meta name="image:Posts Background" content="http://i.imgur.com/mA3SjH1.png"/>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- {block:ifInfiniteScrolling}
- <script type="text/javascript"
- src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- {/block:ifInfiniteScrolling}
- <style type="text/css">
- /*------------------------------
- TOOLTIP
- ------------------------------*/
- #s-m-t-tooltip {
- z-index: 99999999999999999999999999999;
- position: absolute;
- background-color: #333;
- padding: 6px;
- padding-bottom: 4px;
- padding-top: 4px;
- max-width: 300px;
- margin-top: 20px;
- margin-left: 10px;
- display: inline-block;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-family: '{text:Google Web Font Name}';
- font-weight: ;
- font-size: 10px;
- color: #bfbfbf;
- }
- /*------------------------------
- SCROLLBAR
- ------------------------------*/
- ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
- background-color: {color:Scrollbar Thumb};
- }
- ::-webkit-scrollbar {
- height: 5px;
- width: 5px;
- background-color: {color:Scrollbar Bg};
- }
- /*------------------------------
- GENERAL
- ------------------------------*/
- body {
- font-size: {text:Font Size};
- font-family: {text:Font};
- color: {Color:Text};
- background-color: {color:Background};
- background-image: url('{image:Background}');
- background-repeat:repeat;
- background-attachment:fixed;
- background-position: 0px 0px;
- {block:ifScrollingbackground}background-attachment:scroll;{/block:ifScrollingbackground}
- }
- b, strong {
- color: {color:Bold};
- }
- i, em {
- color: {color:Italics};
- }
- a {
- color: {color:Sidebar Link};
- text-decoration: none;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- a:hover {
- color: #acacac;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .container {
- margin-left: 0px;
- height: 105%;
- }
- /*------------------------------
- SIDEBAR
- ------------------------------*/
- .sidebar {
- margin-left: 150px;
- position: fixed;
- width: 380px;
- margin-top: 150px;
- }
- .sidebarimage {
- text-align: center;
- margin-top: 10px;
- position: absolute;
- z-index: 999;
- margin-left: -8px;
- opacity:1.0;
- height: 210px;
- margin-bottom: -15px;
- }
- .sidebarimage img {
- width: 150px;
- border: 9px solid {color:Sidebar Image Border};
- outline: 1px solid #ececec;
- text-align: center;
- position: absolute;
- z-index: 999;
- height: 210px;
- }
- .description {
- background: {color:Description Bg};
- padding: 10px;
- font-size: 10px;
- line-height: 12px;
- margin-top: -5px;
- margin-bottom: -7px;
- margin-left: 165px;
- text-align: justify;
- width: 190px;
- color: #bbb;
- }
- .title {
- -webkit-border-top-right-radius: 35px;
- -moz-border-radius-topright: 35px;
- border-top-right-radius: 35px;
- margin-left: 167px;
- background: #222;
- width: 200px;
- margin-top: 55px;
- margin-bottom: 5px;
- padding: 3px;
- font-size: 14px;
- line-height: 14px;
- font-family: '{text:Google Web Font Name}';
- letter-spacing: 3px;
- text-transform: uppercase;
- text-align: center;
- }
- .title a, .title a:hover {
- color: #ddd;
- }
- .pagination, .scrolltotop {
- text-transform: uppercase;
- font-family: '{text:Google Web Font Name}';
- font-size: 10px;
- letter-spacing: 1px;
- margin-left: -23px;
- margin-top: 248px;
- text-align: center;
- width: 200px;
- position: absolute;
- line-height: 22px;
- height: 25px;
- }
- .pagination a, .scrolltotop a {
- -webkit-border-top-right-radius: 15px;
- -webkit-border-bottom-left-radius: 15px;
- -moz-border-radius-topright: 15px;
- -moz-border-radius-bottomleft: 15px;
- border-top-right-radius: 15px;
- border-bottom-left-radius: 15px;
- padding: 20px;
- padding-top: 4px;
- padding-bottom: 4px;
- margin: 5px;
- background: {color:Pagination Bg};
- color: #fff;
- text-decoration: none;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .pagination span a {
- -webkit-border-top-left-radius: 15px;
- -webkit-border-bottom-right-radius: 15px;
- -moz-border-radius-topleft: 15px;
- -moz-border-radius-bottomright: 15px;
- border-top-left-radius: 15px;
- border-bottom-right-radius: 15px;
- -webkit-border-top-right-radius: 0px;
- -webkit-border-bottom-left-radius: 0px;
- -moz-border-radius-topright: 0px;
- -moz-border-radius-bottomleft: 0px;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- }
- .pagination a:hover, .pagination span a:hover {
- background: #333;
- color: #ddd;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .navigation {
- font-size: 9px;
- font-family: consolas;
- letter-spacing: 1px;
- margin: 4px;
- margin-top: 5px;
- text-transform: lowercase;
- margin-bottom: 5px;
- text-align: center;
- padding-bottom: 4px;
- padding-top: 1px;
- width: 200px;
- margin-left: 170px;
- }
- .navigation a {
- color: #bbb;
- text-align: center;
- display: inline-block;
- border-bottom: 8px solid #f1f1f1;
- position: relative;
- margin: 3px;
- padding-bottom: px;
- width:auto;
- -moz-transition: 0.7s ease-in-out;
- -o-transition: 0.7s ease-in-out;
- -webkit-transition: 0.7s ease-in-out;
- }
- .navigation a:hover {
- border-bottom: 5px solid #fff;
- background-color: #f1f1f1;
- -moz-transition: 0.7s ease-in-out;
- -o-transition: 0.7s ease-in-out;
- -webkit-transition: 0.7s ease-in-out;
- color: #aaa;
- }
- .extranav {
- position: absolute;
- z-index: 99999999;
- opacity: 0.9;
- text-transform: uppercase;
- font-family: calibri;
- line-height: 9px;
- letter-spacing: 1px;
- font-size: 8px;
- margin-top: 68px;
- margin-left: 27px;
- margin-bottom: 15px;
- opacity: 0.3;
- -moz-transition: 0.3s ease-in-out;
- -o-transition: 0.3s ease-in-out;
- -webkit-transition: 0.3s ease-in-out;
- }
- .sidebarimage:hover .extranav {
- opacity: 0.9;
- -moz-transition: 0.3s ease-in-out;
- -o-transition: 0.3s ease-in-out;
- -webkit-transition: 0.3s ease-in-out;
- }
- .extranav a {
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- border-radius: 10px;
- text-align: center;
- color: #aaa;
- display: inline-block;
- background-color: #fff;
- padding: 5px;
- margin: 2px;
- width: 100px;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .extranav a:hover {
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- color: {color:Extra Nav Hover};
- }
- /*------------------------------
- POSTS
- ------------------------------*/
- .postcolumn {
- background-image: url('{image:Posts Background}');
- background-repeat:repeat;
- background-attachment:fixed;
- background-position: 0px 0px;
- -webkit-border-bottom-right-radius: 40px;
- -webkit-border-bottom-left-radius: 40px;
- -moz-border-radius-bottomright: 40px;
- -moz-border-radius-bottomleft: 40px;
- border-bottom-right-radius: 40px;
- border-bottom-left-radius: 40px;
- margin-top: -10px;
- padding-top: 35px;
- width: 490px;
- {block:if500pxPosts}width: 590px;{/block:if500pxPosts}
- margin-left: 550px;
- height: 105%;
- background-color: {color:Post Column Bg};
- }
- .posts {
- -webkit-border-top-right-radius: 20px;
- -moz-border-radius-topright: 20px;
- border-top-right-radius: 20px;
- border: 1px solid #f2f2f2;
- margin-bottom: 0px;
- font-family: ;
- margin-left: 24px;
- text-align: justify;
- line-height: 12px;
- width: 400px;
- {block:if500pxPosts}width:500px;{/block:if500pxPosts}
- background-color: {color:Posts Bg};
- padding: 20px;
- padding-top: 25px;
- padding-bottom: 5px;
- }
- .colorbar {
- height: 3px;
- width: 205px;
- {block:if500pxPosts}width:255px;{/block:if500pxPosts}
- }
- {block:ifFadedPhotos}
- .photos {
- opacity: 0.9;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .photos:hover {
- opacity: 1.0;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- {/block:ifFadedPhotos}
- .posts h2, .posts h2 a {
- text-align: center;
- font-size: 14px;
- color: #bfbfbf;
- letter-spacing: 2px;
- font-family: '{text:Google Web Font Name}';
- font-style: ;
- font-weight: normal;
- margin-bottom: 20px;
- margin-top: -5px;
- }
- .posts h2 a {
- color: #bfbfbf !important;
- }
- .posts a {
- color: {color:Post Link};
- text-decoration: none;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .posts a:hover {
- color: {color:Post Link Hover};
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .posts blockquote {
- border-left: 1px solid #eaeaea;
- padding-left: 7px;
- margin-left: 10px;
- padding-right: 0px;
- margin-right: 0px;
- }
- .posts img, .posts li, .posts blockquote {
- max-width: 100%;
- }
- /*------------------------------
- ASKS
- ------------------------------*/
- .askerportrait {
- width: 58px;
- height: 58px;
- margin-left: -2px;
- }
- .askerportrait img {
- width: 48px;
- height: 48px;
- border: 4px solid #fcfcfc;
- outline: 1px solid #eaeaea;
- }
- .question {
- color: #bbb;
- width: 330px;
- {block:if500pxPosts}width:430px;{/block:if500pxPosts}
- padding-left: 7px;
- padding-right: 0px;
- text-align: justify;
- font-style: italic;
- }
- .question span {
- letter-spacing: 1px;
- text-transform: uppercase;
- font-family: '{text:Google Web Font Name}';
- font-style: normal;
- font-size: 10px;
- }
- .answer {
- margin-top: -5px;
- margin-left: -2px;
- }
- /*------------------------------
- POST INFO + TAGS
- ------------------------------*/
- #postinfo {
- width: 440px;
- {block:if500pxPosts}width:540px;{/block:if500pxPosts}
- margin-left: 26px;
- background-color: #333;
- color: #b7b7b7;
- margin-top:0px;
- border-top: px solid #f2f2f2;
- font-size: 10px;
- font-family: '{text:Google Web Font Name}';
- font-weight: ;
- letter-spacing: 1px;
- line-height: 19px;
- margin-bottom: -21px;
- -webkit-border-bottom-left-radius: 50px;
- -moz-border-radius-bottomleft: 50px;
- border-bottom-left-radius: 50px;
- text-align: center;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- #postinfo a {
- padding-top: 1px;
- padding-bottom: 3px;
- padding-left: 5px;
- padding-right: 5px;
- {block:if500pxPosts}
- padding-left: 10px;
- padding-right: 10px;{/block:if500pxPosts}
- color: #acacac;
- }
- #postinfo a:hover {
- color: #ccc;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .tags {
- width: 390px;
- {block:if500pxPosts}width:490px;{/block:if500pxPosts}
- text-transform: uppercase;
- font-family: consolas;
- line-height: 10px;
- position: relative;
- letter-spacing: 2px;
- font-size: 8px;
- font-style: ;
- font-weight: normal;
- color: #909090;
- opacity: 0.9;
- margin-left: 55px;
- margin-top: 27px;
- margin-bottom: 50px;
- text-align: center;
- }
- .tags a {
- border-bottom: px solid #cf42a5;
- color: #838383;
- text-decoration: none;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .tags a:hover {
- color: #9f9f9f;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- /*------------------------------
- REBLOG INFO
- ------------------------------*/
- .rebloginfo {
- margin-top: -10px;
- height: 27px;
- position: absolute;
- width: 60px;
- margin-left: 220px;
- {block:if500pxPosts}margin-left: 270px;{/block:if500pxPosts}
- letter-spacing: 3px;
- }
- .rebloginfo img {
- width: 17px;
- border: 3px solid #fcfcfc;
- outline: 1px solid #e8e8e8;
- margin-top: 0px;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .rebloginfo img:hover {
- border: 3px solid #eee;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- /*------------------------------
- QUOTES
- ------------------------------*/
- .quote {
- width: 400px;
- {block:if500pxPosts}width: 500px;{/block:if500pxPosts}
- text-align: center;
- font-size: 16px;
- font-style: ;
- font-weight: normal;
- text-indent: px;
- color: #707070;
- font-family: '{text:Google Web Font Name}';
- line-height: 18px;
- margin-top: 0px;
- margin-bottom: 6px;
- }
- .quotesource, .quotesource a {
- line-height: 7px;
- text-align: right;
- margin-top: 10px;
- color: #bbb;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-family: calibri;
- margin-bottom: 12px;
- font-size: 8px;
- }
- /*------------------------------
- CHAT
- ------------------------------*/
- .chat {
- margin-top: 15px;
- margin-bottom: 10px;
- }
- .chat .even {
- background: #fff;
- padding: 5px;
- color: #bfbfbf;
- }
- .chat .odd {
- background: #f5f5f5;
- padding: 5px;
- }
- .chat li, ul.chat {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .label {
- color: #bfbfbf;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-family: '{text:Google Web Font Name}';
- font-weight: ;
- font-size: 10px;
- }
- /*------------------------------
- AUDIO POSTS
- ------------------------------*/
- .playerbuttonbg {
- position: absolute;
- left: 32px;
- top: 28px;
- width: 55px;
- height: 55px;
- background-color: #ffffff;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: 0.7;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 0.9;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .newplayerbutton {
- position: relative;
- width: 40px;
- height: 50px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- margin-top: -12px;
- margin-left: -12px;
- top: 15px;
- left: 26px;
- }
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height: 50px;
- width: 500px;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- }
- .audioimgwrapper2 {
- position: absolute;
- left: 0px;
- top: 0px;
- }
- .audioimgwrapper img, .audioimgwrapper2 img {
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- border: 5px solid #f0f0f0;
- width: 110px;
- height: 110px;
- margin-top: -5px;
- opacity: ;
- }
- .trackdetails {
- background-color: #;
- margin-top: 20px;
- text-align: left;
- width: 265px;
- {block:if500pxPosts}width:365px;{/block:if500pxPosts}
- line-height: 17px;
- display:inline-block;
- margin-left: 135px;
- height: 100px;
- font-family: calibri;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 8px;
- }
- .trackname {
- font-size: 12px;
- line-height: 14px;
- font-family: '{text:Google Web Font Name}';
- letter-spacing: 1px;
- text-transform: uppercase;
- margin-bottom: -14px;
- color: #777;
- margin-left: 35px;
- margin-top: -16px;
- }
- .audiowrapper {
- position: relative;
- display: inline-block;
- }
- /*------------------------------
- POST NOTES
- ------------------------------*/
- .notes {
- margin-left: -7px;
- background-color: transparent !important;
- }
- .notes a {
- font-size: 8px;
- text-transform: uppercase;
- font-family: calibri;
- font-weight: ;
- letter-spacing: 1px;
- color: #909090;
- text-decoration: none;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .notes a:hover {
- color: #a0a0a0;
- text-decoration: none;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .notes blockquote {
- border-left: 2px solid #eee;
- padding-left: 7px;
- margin-left: 20px;
- padding-right: 0px;
- margin-right: 0px;
- }
- ol.notes {
- font-size: 10px;
- font-family: '{text:Google Web Font Name}';
- font-weight: ;
- letter-spacing: 1px;
- color: #aaa;
- width: 440px;
- {block:if500pxPosts}width: 540px;{/block:if500pxPosts}
- list-style-type: none;
- margin-top: -25px;
- padding-bottom: 30px;
- }
- .notes li {
- border-bottom: solid 1px #ccc;
- padding: 3px;
- padding-bottom: 5px;
- }
- .notes img {
- margin-left: -2px;
- margin-bottom: -5px;
- margin-right: 10px;
- width: 15px;
- height: 15px;
- border: 2px solid #fcfcfc;
- outline: 1px solid #e8e8e8;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .notes img:hover {
- border: 2px solid #eee;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .xxx {
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- position: fixed;
- bottom: 10px;
- right: 10px;
- background-color: {color:Credit};
- height: 30px;
- width: 30px;
- }
- .xxx a {
- background: transparent;
- color: #fff;
- font-style: italic;
- font-family: georgia;
- font-size: 17px;
- letter-spacing: -1px;
- margin-left: 3px;
- line-height: 27px;
- }
- /*------------------------------
- MUSIC PLAYER
- ------------------------------*/
- {block:ifMusicplayer}
- #musicicon {
- opacity: 0.8;
- position: fixed;
- bottom: 20px;
- left: 20px;
- width: 26px;
- height: 26px;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .micon {
- z-index: 1;
- width: 15px;
- background: {color:Music Player};
- padding: 2px;
- width: 26px;
- height: 26px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .micon:hover{
- -webkit-border-radius: 0px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius: 0px;
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-radius: 0px;
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .micon img {
- width: auto;
- margin: 6px;
- }
- .musicplayer {
- z-index: -1;
- position: absolute;
- margin-top: -30px;
- opacity: 0.8;
- background: #fff;
- border: 1px solid {color:Music Player};
- margin-left: 4px;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- width: 0px;
- padding: 12px;
- padding-top: 4px;
- padding-bottom: 9px;
- overflow: hidden;
- -moz-transition: 0.5s ease-in-out;
- -o-transition: 0.5s ease-in-out;
- -webkit-transition: 0.5s ease-in-out;
- }
- .mplayer {
- margin-left: -27px;
- }
- #musicicon:hover .musicplayer {
- margin-left: 25px;
- width: 120px;
- -webkit-border-radius: 4px;
- -webkit-border-top-left-radius: 0px;
- -webkit-border-bottom-left-radius: 0px;
- -moz-border-radius: 4px;
- -moz-border-radius-topleft: 0px;
- -moz-border-radius-bottomleft: 0px;
- border-radius: 4px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- }
- #musicicon:hover .micon {
- -webkit-border-radius: 0px;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius: 0px;
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-radius: 0px;
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- {/block:ifMusicplayer}
- </style>
- </head>
- <body>
- {block:ifMusicplayer}
- <div id="musicicon">
- <div class="micon">
- <img src="http://static.tumblr.com/n9vj50j/cxEn20wqg/12.gif">
- </div>
- <div class="musicplayer">
- <div class="mplayer">
- {text:Music Player Code}
- </div>
- </div>
- </div>
- {/block:ifMusicplayer}
- <div class="container">
- <!---------------------------------------------------
- SIDEBAR
- ---------------------------------------------------->
- <div class="sidebar">
- {block:ifInfiniteScrolling}<div class="scrolltotop"><a href="javascript:;" id="scrollToTop">back to top</a></div>{/block:ifInfiniteScrolling}
- {block:ifnotInfiniteScrolling}<div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">« prev</a>{/block:PreviousPage}{block:NextPage}<span><a href="{NextPage}">next »</a></span>{/block:NextPage}
- </div>{/block:ifnotInfiniteScrolling}
- <div class="sidebarimage">
- <img src="{image:Sidebar}">
- <div class="extranav">
- {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a><br>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a><br>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a><br>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:ifLink4}
- </div>
- </div>
- <div class="title"><a href="/">{Title}</a></div>
- <div class="description">{Description}</div>
- <div class="navigation">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <a href="/archive">archive</a>
- <a href="http://inquisitorismage.tumblr.com">credit</a>
- </div>
- </div>
- <!---------------------------------------------------
- POSTS
- ---------------------------------------------------->
- <div class="postcolumn">
- {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
- {block:Posts}
- <!------------------------------
- REBLOG INFO
- ------------------------------->
- <div class="colorbar" style="background-color:{color:Color bar};float:left;margin-left: 25px;"></div>
- <div class="rebloginfo">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a>
- <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a>
- {/block:RebloggedFrom}
- </div>
- <!------------------------------
- TEXT POSTS
- ------------------------------->
- <div class="posts">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div style="margin-top: -13px;">{Body}</div>
- {/block:Text}
- {block:Answer}
- <table width="400" style="margin-top: -5px;">
- <tr>
- <td width="60">
- <div class="askerportrait">
- <img src="{AskerPortraitURL-48}">
- </div>
- </td>
- <td width="340">
- <div class="question">
- <span>{Asker} says:</span> {Question}
- </div>
- </td>
- </tr>
- <tr>
- <td colspan="2">
- <div class="answer">{Answer}</div>
- </td>
- </tr>
- </table>
- {/block:Answer}
- {block:Quote}
- <div class="quote">
- {Quote}
- {block:Source}<div class="quotesource">— {Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <h2><a href="{URL}">{Name}</a> →</h2>
- <div style="margin-top: -13px;">{block:Description}{Description}{/block:Description} </div>
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div style="margin-top: -13px;"><div class="chat">
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">
- {Label}
- </span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}</ul>
- </ul>
- </div></div>
- {/block:Chat}
- <!------------------------------
- PHOTO POSTS
- ------------------------------->
- {block:Photo}
- <div class="photos">
- {LinkOpenTag}
- {block:ifnot500pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width:400px;">{/block:ifnot500pxPosts}
- {block:if500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:500px;">{/block:if500pxPosts}
- {LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="photos">
- {block:ifnot500pxPosts}{Photoset-400}{/block:ifnot500pxPosts}
- {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Photoset}
- <!------------------------------
- MEDIA POSTS
- ------------------------------->
- {block:AudioPlayer}
- <div class="audiowrapper">
- <div class="audioimgwrapper">
- <img src="http://i838.photobucket.com/albums/zz302/very_own_unicorn/noalbumart.png">
- </div>
- {block:AlbumArt}
- <div class="audioimgwrapper2">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- <u>track:</u> {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}<br/>
- <u>artist:</u> {block:Artist}{Artist}{/block:Artist}<br/>
- <u>album:</u> {block:Album}{Album}{/block:Album}<br />
- <u>plays:</u> {PlayCount}
- </div>
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:AudioPlayer}
- {block:Video}
- {block:ifnot500pxPosts}{Video-400}{/block:ifnot500pxPosts}
- {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- </div>
- <!------------------------------
- POST INFO
- ------------------------------->
- {block:Date}
- <div id="postinfo">
- <a href="{Permalink}">{TimeAgo}</a><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}" target="_blank" class="details">reblog</a></div>
- {/block:Date}
- <!------------------------------
- TAGS
- ------------------------------->
- <div class="tags">
- <b>tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div>
- <!------------------------------
- POST NOTES
- ------------------------------->
- <div class="notes">
- {PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div class="xxx">
- <a href="http://inquisitorismage.tumblr.com" target="_blank">iim</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement