Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-------------------------------------------------------------------
- ᴛʜᴇᴍᴇ 100% ʙʏ ᴍᴜɴ.
- ʀᴇғʀᴀɪɴ ғʀᴏᴍ sᴛᴇᴀʟɪɴɢ, ᴄᴏᴘʏɪɴɢ, ᴅᴜᴘʟɪᴄᴀᴛɪɴɢ, sᴋɪᴍᴍɪɴɢ ᴛʜʀᴏᴜɢʜ ᴄᴏᴅᴇs, ᴇᴛᴄ.
- ɪ ᴡɪʟʟ ᴋɴᴏᴡ ᴀɴᴅ ɪ ᴡɪʟʟ ɴᴏᴛ ʙᴇ ᴋɪɴᴅ ᴀʙᴏᴜᴛ ɪᴛ :)
- ᴛʜᴀɴᴋ ʏᴏᴜ
- ---------------------------------------------------------------------->
- <html>
- <!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" lang="en" xml:lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" title="RSS 2.0 feed" href="{RSS}" />
- {block:ifinfinitescroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:ifinfinitescroll}
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <meta name="color:background color" content="#151515" />
- <meta name="color:posts" content="#161616" />
- <meta name="color:post text" content="#777777" />
- <meta name="color:post border" content="#191919" />
- <meta name="color:title color" content="#2b4065" />
- <meta name="color:blockquote background" content="#181818" />
- <meta name="color:blockquote border" content="#2b4065" />
- <meta name="color:blockquote text" content="#999999" />
- <meta name="color:bq bq bg" content="#151515" />
- <meta name="color:Asker Color" content="#596184" />
- <meta name="color:Asker Background" content="#181818" />
- <meta name="color:sidebar background" content="#181818" />
- <meta name="color:quote background" content="#181818" />
- <meta name="color:quote text" content="#666666" />
- <meta name="color:italics" content="#596184" />
- <meta name="color:bold" content="#2b4065" />
- <meta name="color:accent" content="#2b4065" />
- <meta name="color:chat odd" content="#131313" />
- <meta name="color:chat even" content="#181818" />
- <meta name="color:link color" content="#596184" />
- <meta name="color:active color" content="#2b4065" />
- <meta name="color:link hover" content="#555555" />
- <meta name="color:selected text color" content="#596184" />
- <meta name="color:scrollbar thumb" content="#2b4065" />
- <meta name="image:background image" content="http://static.tumblr.com/42392c3c69effd7663b82f7631565de7/xandh9h/UIgnjf0po/tumblr_static_cp1szyp44rkgsgoowkwksg84c.png" />
- <meta name="image:sidebar one" content="http://static.tumblr.com/a4b8d0a8dac4c49879fae83af8d34879/xandh9h/80Rnjyc47/tumblr_static_7l5yegu0k78kcw0wog8s0kgc8.png" />
- <meta name="image:sidebar two" content="http://static.tumblr.com/657f407eb9407d8b4de31ea6d853a566/xandh9h/5mFnjycbd/tumblr_static_9ne0myuasl4w8c04cck0skck8.png" />
- <meta name="image:sidebar center" content="http://static.tumblr.com/7240d2303ed49a3e3769f709a842d3eb/xandh9h/nCynjydnv/tumblr_static_9xqnoesg75kw08sgsws4cwc0g.png" />
- <meta name="image:vince" content="http://static.tumblr.com/69dc49a1b877683bb824bf57d874d92f/xandh9h/Ae3nk4byz/tumblr_static_c4s4cxqhy7swcgsg80s4c0wkk.png" />
- <meta name="image:kadecent" content="http://static.tumblr.com/b0ff81d5018f5a42adde990d98adfc26/xandh9h/vKBnk58bh/tumblr_static_dbvv67rri9csgg888cckw8kw0.png" />
- <meta name="text:description 1" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." />
- <meta name="text:description 2" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." />
- <meta name="font:body" content="avalon" />
- <meta name="if:500" content="0" />
- <meta name="if:400" content="0" />
- <meta name="if:250" content="1" />
- <meta name="if:Image Fade" content="1" />
- <meta name="if:Monochrome" content="0" />
- <meta name="if:infinite scroll" content="1" />
- <meta name="if:Black" content="1" />
- <meta name="if:White" content="0" />
- <meta name="if:Gray" content="0" />
- <style type="text/css">
- @font-face
- {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/jiftomjbyrfuo4p/04B_03__.TTF?dl=1'); format("truetype");}
- @font-face
- {font-family: "rural";src: url('https://dl.dropboxusercontent.com/s/fucigabdgpi2fbg/Rurable_PersonalUseOnly.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "neo";src: url('https://dl.dropboxusercontent.com/s/23uoc1pcia146fu/NEOTERIC%E2%95%95%20-%20Regular%20DEMO%20VERSION.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "neo_bold";src: url('https://dl.dropboxusercontent.com/s/dx5ju7j1wcme453/NEOTERIC%E2%95%95%20-%20Bold%20DEMO%20VERSION.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "bittersweet";src: url('https://dl.dropboxusercontent.com/s/hvglj32s90xyllb/BitterSweet.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "veron";src: url('https://dl.dropboxusercontent.com/s/8ytkp5hql33zg3d/Veron.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "scifi";src: url('https://dl.dropboxusercontent.com/s/vliwsavte4sra4a/scifibit.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "neou";src: url('https://dl.dropboxusercontent.com/s/2h1vucoe1c1shg2/Neou-Bold.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "wendy";src: url('https://dl.dropboxusercontent.com/s/jerubvna49ka84x/wendy.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "talldark";src: url('https://dl.dropboxusercontent.com/s/wnq8ve4sb0mpl2q/talldark.ttf?dl=1'); format("truetype");}
- @font-face
- {font-family: "eli";src: url('https://dl.dropboxusercontent.com/s/rs5trrvs58zue6d/Eliensee.ttf?dl=1'); format("truetype");}
- /* Wobble Horizontal */
- @-webkit-keyframes hvr-wobble-horizontal {
- 16.65% {
- -webkit-transform: translateX(8px);
- transform: translateX(8px);
- }
- 33.3% {
- -webkit-transform: translateX(-6px);
- transform: translateX(-6px);
- }
- 49.95% {
- -webkit-transform: translateX(4px);
- transform: translateX(4px);
- }
- 66.6% {
- -webkit-transform: translateX(-2px);
- transform: translateX(-2px);
- }
- 83.25% {
- -webkit-transform: translateX(1px);
- transform: translateX(1px);
- }
- 100% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @keyframes hvr-wobble-horizontal {
- 16.65% {
- -webkit-transform: translateX(8px);
- transform: translateX(8px);
- }
- 33.3% {
- -webkit-transform: translateX(-6px);
- transform: translateX(-6px);
- }
- 49.95% {
- -webkit-transform: translateX(4px);
- transform: translateX(4px);
- }
- 66.6% {
- -webkit-transform: translateX(-2px);
- transform: translateX(-2px);
- }
- 83.25% {
- -webkit-transform: translateX(1px);
- transform: translateX(1px);
- }
- 100% {
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- .hvr-wobble-horizontal {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- }
- .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
- -webkit-animation-name: hvr-wobble-horizontal;
- animation-name: hvr-wobble-horizontal;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1;
- }
- /* Selection */
- ::-moz-selection { /* Code for Firefox */
- color: {color:Selected Text Color};
- }
- ::selection {
- color: {color:Selected Text Color};
- }
- /* Let's get this party started */
- ::-webkit-scrollbar {
- width:13px;
- max-height:5px;
- min-height:1px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background-color:{color:accent};
- border:6px solid {color:background color};
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- border-top:4px solid {color:background color};
- border-bottom:4px solid {color:background color};
- border-right:5px solid {color:background color};
- border-left:5px solid {color:background color};
- background-color:{color:scrollbar thumb};
- }
- ::-webkit-scrollbar-thumb:window-inactive {
- background:{color:scrollbar thumb};
- }
- /* Let's get this party started */
- .v_desc::-webkit-scrollbar {
- width:4px;
- max-height:5px;
- min-height:1px;
- }
- /* Track */
- .v_desc::-webkit-scrollbar-track {
- background-color:{color:background color};
- border:0;
- }
- /* Handle */
- .v_desc::-webkit-scrollbar-thumb {
- border-top:0;
- border-bottom:0;
- border-right:0;
- border-left:0;
- background-color:{color:scrollbar thumb};
- }
- /* Let's get this party started */
- .nec_desc::-webkit-scrollbar {
- width:4px;
- max-height:5px;
- min-height:1px;
- }
- /* Track */
- .nec_desc::-webkit-scrollbar-track {
- background-color:{color:background color};
- border:0;
- }
- /* Handle */
- .nec_desc::-webkit-scrollbar-thumb {
- border-top:0;
- border-bottom:0;
- border-right:0;
- border-left:0;
- background-color:{color:scrollbar thumb};
- }
- /* Let's get this party started */
- .adm_desc::-webkit-scrollbar {
- width:4px;
- max-height:5px;
- min-height:1px;
- }
- /* Track */
- .adm_desc::-webkit-scrollbar-track {
- background-color:{color:background color};
- border:0;
- }
- /* Handle */
- .adm_desc::-webkit-scrollbar-thumb {
- border-top:0;
- border-bottom:0;
- border-right:0;
- border-left:0;
- background-color:{color:scrollbar thumb};
- }
- *, body, a {cursor:url('http://i.imgur.com/vl6y9.jpg'), auto;}
- * {
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- *:hover {
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- body {
- padding:0;
- margin:0 0;
- background-color:{color:background color};
- background-image:url('{image:background image}');
- background-size:contain;
- background-attachment:fixed;
- background-repeat:no-repeat;
- background-position:bottom left;
- font-family:{font:body};
- overflow-x:hidden;
- }
- a {
- color:{color:active color};
- text-decoration:none;
- -moz-transition:all 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -o-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- a:visited {
- color:{color:link color};
- text-decoration:none;
- -moz-transition:all 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -o-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- a:active{
- color:{color:link color};
- text-decoration:none;
- -moz-transition:all 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -o-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- a:link {
- color:{color:link color};
- text-decoration:none;
- -moz-transition:all 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -o-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- a:hover {
- color:{color:link hover};
- cursor: url('http://media.tumblr.com/tumblr_m2umqmgxNc1qfamg6.gif'), auto;
- -moz-transition:all 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -o-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- i, em {
- color:{color:italics};
- text-shadow: 1.5px 1.5px 1.5px #000;
- font-size:8px;
- }
- b, strong {
- color:{color:bold};
- }
- small {
- font-family:tinytots;
- font-size:8px;
- text-transform:auto;
- line-height:100%;
- text-align:justify;
- }
- small:first-letter {
- text-transform:uppercase;
- }
- big {
- font-family:{font:body};
- font-size:12px;
- text-transform:uppercase;
- }
- ul {
- color: tinytots;
- font-family:tinytots;
- font-size:8px;
- line-height:100%;
- text-transform:uppercase;
- margin-left:-10px;
- list-style-type:square;
- }
- ol {
- color: tinytots;
- font-family:tinytots;
- font-size:8px;
- line-height:100%;
- text-transform:uppercase;
- margin-left:-10px;
- list-style-type: upper-roman;
- }
- li {
- color: tinytots;
- font-family:tinytots;
- font-size:8px;
- line-height:100%;
- text-transform:uppercase;
- }
- blockquote {
- margin:5px 10px 5px 10px;
- border-left:2px solid {color:blockquote border};
- background-color:{color:blockquote background};
- width:auto !important;
- padding:5px 10px 5px 10px;
- font-family:tinytots;
- font-size:8px;
- color:{color:blockquote text};
- line-height:100%;
- text-transform:uppercase;
- text-align:justify;
- word-spacing:0;
- letter-spacing:0;
- }
- blockquote blockquote {
- margin:0 0;
- background-color:{color:bq bq bg};
- }
- blockquote img {
- max-width:100%;
- border-right:1px solid transparent;
- border-left:1px solid transparent;
- border-top:4px solid transparent;
- border-bottom:4px solid transparent;
- opacity:.5;
- }
- blockquote img:hover {
- max-width:95%;
- opacity:1;
- border:4px solid {color:accent};
- }
- pre {
- color:{color:blockquote text};
- background-color:{color:pre background};
- padding:3px;
- font-size:8px;
- font-family:tinytots;
- line-height:100%;
- text-transform:uppercase;
- text-align:center;
- word-spacing:0;
- letter-spacing:0;
- }
- /* Posts */
- .post_title {
- margin:5px 0;
- padding:5px;
- font-family:neou;
- font-size:20px;
- color:{color:title color};
- line-height:100%;
- text-transform:lowercase;
- text-align:center;
- word-spacing:0;
- letter-spacing:1px;
- }
- .posts {
- {block:if500}
- width:500px !important;
- {/block:if500}
- {block:if400}
- width:400px !important;
- {/block:if400}
- {block:if250}
- width:250px !important;
- {/block:if250}
- position:relative;
- padding:5px;
- margin-top:20px;
- margin-bottom:20px;
- font-family:{font:body};
- font-size:10px;
- color:{color:post text};
- background-color:{color:posts};
- border-top:2px solid {color:post border};
- border-left:2px solid {color:post border};
- border-right:2px solid {color:post border};
- border-bottom:2px solid transparent;
- line-height:100%;
- text-transform:auto;
- text-align:justify;
- word-wrap:break-word;
- letter-spacing:0;
- margin-bottom:50px;
- word-spacing:0;
- }
- {block:indexpage}
- .posts:hover {
- margin-bottom:65px;
- }
- {/block:indexpage}
- .posts img {
- max-width:100%;
- opacity:.5;
- }
- .posts img:hover {
- opacity:1;
- }
- .bottom_border {
- position:absolute;
- margin:5px -19px;
- padding:0;
- border-top:12px double {color:blockquote background};
- border-left:6px solid {color:background color};
- border-right:6px solid {color:background color};
- width:275px;
- height:1px;
- background-color:{color:background color};
- margin-bottom:50px;
- }
- .line {
- margin:-3px 10px;
- width:2px;
- height:15px;
- padding:0;
- background-color:{color:blockquote background};
- }
- .perma_date {
- margin:-15px 0;
- width:50px !important;
- height:auto !important;
- padding:2px 1px 0px 1px;
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-transform:uppercase;
- text-align:center;
- word-spacing:0;
- letter-spacing:0px;
- background-color:{color:posts};
- border:1px solid {color:accent};
- z-index:9999999999999999999999999999999999;
- }
- .line2 {
- margin:8px 0;
- width:50%;
- height:2px;
- padding:0;
- background-color:{color:blockquote background};
- opacity:0;
- }
- .posts:hover .line2 {
- width:100% !important;
- opacity:1;
- }
- .perm1 {
- margin:-7px 0;
- width:auto !important;
- height:auto !important;
- background-color:{color:background color};
- padding:2px;
- }
- .p {
- display:inline-block;
- background-color:{color:posts};
- border:1px solid {color:accent};
- padding:2px;
- width:5px;
- height:5px !important;
- line-height:100%;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:0;
- word-spacing:0;
- }
- .p:hover {
- background-color:{color:accent};
- }
- .line3 {
- margin:15px 10px;
- width:2px;
- height:0px;
- padding:0;
- background-color:{color:blockquote background};
- }
- .posts:hover .line3 {
- height:11px;
- }
- .index_tags {
- margin:-15px 0;
- width:80%;
- height:auto;
- padding:2px;
- background-color:transparent;
- border-top:1px solid {color:blockquote background};
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- word-spacing:0;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:center;
- opacity:0;
- }
- .posts:hover .index_tags {
- opacity:1;
- }
- .pageperma {
- width:262px !important;
- margin:5px 0px 0px 0px;
- padding:3px;
- background-color:transparent;
- color:{color:Perma Text};
- font-family:tinytots;
- font-size:8px;
- line-height:100%;
- word-spacing:0;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- text-decoration:none;
- }
- .tags {
- width:262px !important;
- margin:0px 0px 0px 0px;
- padding:3px;
- background-color:transparent;
- color:{color:Perma Text};
- font-family:tinytots;
- font-size:8px;
- line-height:100%;
- word-spacing:0;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- text-decoration:none;
- }
- .notes {
- {block:if500}
- width:510px !important;
- {/block:if500}
- {block:if400}
- width:410px !important;
- {/block:if400}
- {block:if250}
- width:260px !important;
- {/block:if250}
- margin:5px 0px 20px -20px;
- word-wrap:break-word;
- display:inline-block;
- line-height:100%;
- color:{color:Post Text};
- background-color:transparent;
- text-align:justify;
- text-transform:uppercase;
- font-family:tinytots;
- font-size:8px;
- letter-spacing:0;
- word-spacing:0;
- list-style-type:none;
- }
- .notes img {
- display:;
- margin-bottom:5px;
- float:left;
- margin-right:5px;
- border:1px solid {color:accent 3};
- {block:ifMonochrome}
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(100%);
- {/block:ifMonochrome}
- {block:ifImageFade}
- opacity: .5;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- {/block:ifImageFade}
- }
- .notes img:hover {
- {block:ifMonochrome}
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(0%);
- {/block:ifMonochrome}
- {block:ifImageFade}
- opacity: 1;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- {/block:ifImageFade}
- }
- .notes blockquote {
- margin:5px 5px 5px 5px;
- text-align:justify;
- text-transform:uppercase;
- font-family:tinytots;
- font-size:8px;
- letter-spacing:0;
- word-spacing:0;
- }
- .notes ul {
- list-style-type:none;
- font-family:tinytots;
- font-size:8px;
- }
- .notes ol {
- list-style-type:none;
- font-family:tinytots;
- font-size:8px;
- }
- .notes li {
- {block:if500}
- width:510px !important;
- {/block:if500}
- {block:if400}
- width:410px !important;
- {/block:if400}
- {block:if250}
- width:260px !important;
- {/block:if250}
- margin-top:3px;
- padding:3px;
- min-height:18px;
- line-height:18px;
- font-family:tinytots;
- font-size:8px;
- height:auto;
- max-height:auto;
- }
- .notes li:nth-of-type(odd) {
- background-color:transparent;
- border-bottom:1px solid {color:accent};
- }
- .notes li:nth-of-type(even) {
- background-color:transparent;
- border-bottom:1px solid {color:accent};
- }
- /* Quote */
- .quote {
- margin:0px 0;
- height:auto !important;
- padding:5px;
- background-color:{color:quote background};
- border:4px double {color:posts};
- font-family:neo;
- font-size:15px;
- color:{color:quote text};
- line-height:100%;
- text-transform:uppercase;
- text-align:justify;
- letter-spacing:0;
- word-spacing:0;
- }
- .source {
- width:100% !important;
- height:auto !important;
- padding:2px;
- background-color:{color:accent};
- color:{color:background color};
- line-height:100%;
- font-family:tinytots;
- font-size:8px;
- text-transform:uppercase;
- text-align:right;
- letter-spacing:1px;
- word-spacing:0;
- }
- .source a {
- color:{color:background color};
- }
- .source a:hover {
- color:{color:link hover};
- }
- /* Audio */
- .player {
- width: 25px;
- height: 26px;
- overflow: hidden;
- padding:0;
- margin-top:auto !important;
- margin-left:auto !important;
- position: relative;
- float:right;
- background-color:#000;
- border:2px solid {color:accent};
- z-index: 10;
- -moz-transition:all 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -o-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- .track {
- width:auto;
- margin-right:30px;
- margin-left:0px;
- height:8px;
- font-family:tinytots;
- line-height:100%;
- font-size: 8px;
- padding: 3px;
- text-align:justify;
- color: {color:posts};
- text-transform: uppercase;
- letter-spacing:0;
- background-color:{color:accent};
- }
- .tracks {
- width:auto;
- margin-left:0px;
- margin-right:30px;
- height:8px !important;
- background-color:{color:ask background};
- border:1px solid {color:accent};
- margin-top:0px;
- padding:3px;
- font-family:tinytots;
- font-size:8px;
- color:{color:Post Text};
- line-height:100%;
- text-transform:uppercase;
- text-align:center;
- word-spacing:0;
- letter-spacing:0;
- }
- /* Chat */
- .chat {
- width:auto !important;
- padding:2px;
- }
- .even {
- background-color:{color:Chat Even};
- color:{color:Post Text};
- padding:3px;
- font-family:tinytots;
- font-size:8px;
- letter-spacing:1px;
- word-spacing:0;
- line-height:100%;
- text-transform:uppercase;
- text-align:justify;
- }
- .odd {
- background-color:{color:Chat Odd};
- color:{color:Post Text};
- padding:3px;
- font-family:tinytots;
- font-size:8px;
- letter-spacing:1px;
- word-spacing:0;
- line-height:100%;
- text-transform:uppercase;
- text-align:justify;
- }
- .odd:nth-of-type(odd) {
- margin-top:1px;
- }
- .even:nth-of-type(even) {
- margin-top:1px;
- }
- /* Asks */
- .askbg {
- height:auto;
- margin:0 0 0px 0;
- padding:5px;
- background-color:{color:asker background};
- font-family:scifi;
- font-size:8px;
- color:{color:asker color};
- line-height:100%;
- text-transform:auto;
- text-align:center;
- border:4px double {color:posts};
- letter-spacing:0;
- word-spacing:0;
- }
- .askers {
- height:1px;
- margin:15px 0;
- padding:0px;
- font-family:scifi;
- font-size:8px;
- color:{color:asker color};
- line-height:100%;
- text-transform:auto;
- text-align:center;
- letter-spacing:0;
- word-spacing:0;
- }
- .askers:first-letter {
- text-transform:uppercase;
- font-family:eli;
- font-size:35px;
- }
- .ask {
- height:auto;
- margin:5px 0;
- padding:5px;
- background-color:{color:asker background};
- border:4px double {color:posts};
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-transform:uppercase;
- text-align:center;
- word-spacing:0;
- letter-spacing:0;
- }
- .ask_border {
- margin:5px 0;
- width:100%;
- background-color:{color:accent};
- height:3px;
- }
- /* Images */
- .image {
- max-width:100%;
- opacity:.5;
- }
- .image:hover {
- opacity:1;
- }
- #box1 img {
- -webkit-transition: all 0.8s ease-in-out;
- display: block;
- opacity:.7;
- -webkit-transition: all 0.8s ease-in-out;
- border:solid 1px #222222;
- background-color:#ffffff;
- outline-offset: -11px;
- outline:dotted 7px rgba(192,192,192,0.3);
- }
- #box1 img:hover {
- position:relative;
- opacity:1;
- outline-offset: -125px;
- outline:double 125px rgba(0,0,0,0.4);
- -webkit-transition:all .8s ease-out;
- -moz-transition:all .8s ease-out;
- transition:all .8s ease-out;
- }
- .photo {
- max-width:100%;
- opacity:.5;
- }
- .photo:hover {
- opacity:1;
- }
- .video {
- max-width:100%;
- opacity:.5;
- }
- .video:hover {
- opacity:1;
- }
- /* Wrappers */
- .postwrap {
- display:;
- {block:if500}
- width:500px !important;
- {/block:if500}
- {block:if400}
- width:400px !important;
- {/block:if400}
- {block:if250}
- width:250px !important;
- {/block:if250}
- position:relative;
- margin:20px 975px;
- background-color:transparent;
- padding:0;
- height:100%;
- }
- #center {
- position:absolute;
- margin-top:60px;
- margin-bottom:60px;
- background-color:transparent;
- width:300px;
- height:auto;
- margin-left:auto;
- margin-right:auto;
- }
- /*sidebar wrapper*/
- #sidebar {
- position:fixed;
- margin-left:470px;
- margin-top:50px;
- width:150px;
- height:auto;
- padding:0px;
- background-color:transparent;
- z-index:99999999999999999999;
- }
- /* Tooltip */
- #s-m-t-tooltip{
- /* basic */
- max-width:200px;
- z-index:9999999999999999999999999999999999999999999999;
- margin:24px 14px 7px 12px;
- /* style and design */
- padding:2px;
- background-color:{color:posts};
- border:1px solid {color:post border};
- color:{color:post text};
- font-family:tinytots;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:center;
- font-size:8px;
- line-height:100%;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-animation-name: hvr-wobble-horizontal;
- animation-name: hvr-wobble-horizontal;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-timing-function: ease-in-out;
- animation-timing-function: ease-in-out;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1;
- }
- /* Sidebar Content */
- .sb {
- position:fixed;
- width:450px !important;
- height:450px !important;
- margin:0px 0px;
- background-color:transparent;
- padding:0;
- }
- .topbar {
- position:fixed;
- width:400px;
- height:auto !important;
- padding:5px;
- margin:20px 20px;
- background-color:{color:sidebar background};
- font-family:scifi;
- font-size:8px;
- color:{color:post text};
- text-transform:uppercase;
- text-align:center;
- line-height:100%;
- word-spacing:0;
- letter-spacing:0;
- border-radius:30px 30px 0px 0px;
- }
- .botbar {
- position:fixed;
- width:400px;
- height:auto !important;
- padding:5px;
- margin:413px 20px;
- background-color:{color:sidebar background};
- font-family:scifi;
- font-size:8px;
- color:{color:post text};
- text-transform:uppercase;
- text-align:center;
- line-height:100%;
- word-spacing:0;
- letter-spacing:0;
- border-radius:0px 0px 30px 30px;
- }
- .main_title {
- position:fixed;
- margin:-55px 20px;
- width:400px;
- height:auto;
- padding:1px;
- background-color:transparent;
- color:#1a1a1a;
- text-shadow:2px 2px 4px #0c0c0c;
- font-family:eli;
- font-size:100px;
- line-height:100%;
- text-transform:auto;
- text-align:right;
- word-spacing:0;
- letter-spacing:0;
- }
- .sb_i1 {
- position:fixed;
- width:180px;
- height:180px;
- margin:40px 20px;
- padding:5px;
- background-color:{color:sidebar background};
- }
- .sb_i1 img {
- width:auto !important;
- opacity:0.7;
- }
- .sb_desc1 {
- position:relative;
- margin-left:0px;
- margin-top:-184px;
- width:auto !important;
- height:170px;
- padding:5px;
- background-color:{color:background color};
- opacity:0;
- z-index:99999999999999999999999999999;
- }
- .sb_i1:hover .sb_desc1 {
- opacity:.9;
- }
- .sb_tit {
- width:auto;
- height:auto;
- margin:10px 0px;
- font-family:neo;
- font-size:40px;
- color:#202020;
- line-height:100%;
- text-align:center;
- text-transform:uppercase;
- text-shadow:2px 0 0 #0c0c0c, 0 2px 0 #0c0c0c, 0 0 2px #0c0c0c;
- word-spacing:0;
- letter-spacing:-5px;
- }
- .sb_descd {
- width:150px;
- margin-top:-10px;
- height:105px;
- overflow:auto;
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-align:justify;
- text-transform:uppercase;
- word-spacing:0;
- letter-spacing:0;
- }
- .sb_descd i, em {
- font-family:scifi;
- }
- /* Let's get this party started */
- .sb_descd::-webkit-scrollbar {
- width:3px;
- max-height:5px;
- min-height:1px;
- }
- /* Track */
- .sb_descd::-webkit-scrollbar-track {
- background-color:{color:background color};
- border:0;
- }
- /* Handle */
- .sb_descd::-webkit-scrollbar-thumb {
- background-color:{color:accent};
- border:0;
- }
- .sb_i2 {
- position:fixed;
- width:180px;
- height:180px;
- margin:40px 240px;
- padding:5px;
- background-color:{color:sidebar background};
- }
- .sb_i2 img {
- width:auto !important;
- opacity:0.7;
- }
- .sb_desc2 {
- position:relative;
- margin-left:0px;
- margin-top:-184px;
- width:auto !important;
- height:170px;
- padding:5px;
- background-color:{color:background color};
- opacity:0;
- z-index:99999999999999999999999999999;
- }
- .sb_i2:hover .sb_desc2 {
- opacity:.9;
- }
- .sb_links2 {
- width:150px;
- }
- .sb_descd2 {
- width:150px;
- margin-top:-10px;
- height:105px;
- overflow:auto;
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-align:justify;
- text-transform:uppercase;
- word-spacing:0;
- letter-spacing:0;
- }
- /* Let's get this party started */
- .sb_descd2::-webkit-scrollbar {
- width:3px;
- max-height:5px;
- min-height:1px;
- }
- /* Track */
- .sb_descd2::-webkit-scrollbar-track {
- background-color:{color:background color};
- border:0;
- }
- /* Handle */
- .sb_descd2::-webkit-scrollbar-thumb {
- background-color:{color:accent};
- border:0;
- }
- .cb {
- position:fixed;
- margin:40px 218px;
- width:10px;
- height:366px;
- padding:2px;
- background-color:{color:sidebar background};
- }
- .c_i {
- position:fixed;
- margin:185px 168px;
- padding:2px;
- width:100px;
- height:100px;
- background-color:{color:sidebar background};
- border:5px solid {color:background color};
- border-radius:10em;
- z-index:9999999999999999999999999999999999999999999999999999999999999;
- }
- .c_i img {
- width:auto !important;
- border-radius:10em;
- opacity:0.6;
- }
- .s_i {
- position:fixed;
- margin:318px 189px;
- padding:2px;
- width:60px;
- height:60px;
- background-color:{color:sidebar background};
- border:4px solid {color:background color};
- border-radius:10em;
- z-index:9999999999999999999999999999999999999999999999999999999999999;
- }
- .s_i img {
- width:100% !important;
- border-radius:10em;
- opacity:0.6;
- }
- .c_line {
- position:fixed;
- width:400px;
- height:2px;
- padding:5px;
- margin:238px 20px;
- background-color:{color:sidebar background};
- }
- .c_i1 {
- position:fixed;
- margin:245px 185px;
- width:10px;
- height:165px;
- background-color:{color:sidebar background};
- }
- .c_i2 {
- position:fixed;
- margin:245px 255px;
- width:10px;
- height:165px;
- background-color:{color:sidebar background};
- }
- .c_i3 {
- position:fixed;
- margin:283px 20px;
- width:170px;
- height:10px;
- background-color:{color:sidebar background};
- }
- .c_i5 {
- position:fixed;
- margin:340px 20px;
- width:170px;
- height:7px;
- background-color:{color:sidebar background};
- }
- .c_i6 {
- position:fixed;
- margin:364px 20px;
- width:170px;
- height:7px;
- background-color:{color:sidebar background};
- }
- .c_i7 {
- position:fixed;
- margin:352px 259px;
- width:170px;
- height:7px;
- background-color:{color:sidebar background};
- }
- .c_i8 {
- position:fixed;
- margin:380px 259px;
- width:170px;
- height:7px;
- background-color:{color:sidebar background};
- }
- .c_i4 {
- position:fixed;
- margin:305px 260px;
- width:170px;
- height:10px;
- background-color:{color:sidebar background};
- }
- .links {
- position:fixed;
- margin:258px 23px;
- display:inline-block;
- width:150px;
- height:auto;
- padding:0px;
- background-color:transparent;
- }
- .link {
- display:inline-block;
- width:15px;
- height:15px;
- padding:0;
- background-color:{color:sidebar background};
- border:1px solid {color:accent};
- border-radius:0px;
- font-family:scifi;
- font-size:8px;
- color:transparent;
- line-height:100%;
- }
- .link:hover {
- background-color:{color:accent};
- border:1px solid {color:sidebar background};
- border-radius:10em;
- -webkit-transform:rotate(360deg);
- -moz-transform:rotate(360deg);
- -o-transform:rotate(360deg);
- }
- /* MUSIC */
- .music {
- position:absolute;
- margin:323px 272px;
- width: 157px;
- height: 21px;
- font-family: ms gothic;
- font-size: 14px;
- color: #303030;
- text-transform: uppercase;
- letter-spacing: 0px;
- text-align: center;
- background: {color:Sidebar Background};
- }
- .tgs {
- position:fixed;
- width:157px;
- height:auto !important;
- padding:3px;
- margin:255px 270px;
- background-color:transparent;
- }
- .tag_tit {
- background-color:{color:background color};
- padding:2px;
- margin-bottom:5px;
- width:auto !important;
- height:auto !important;
- font-family:scifi;
- font-size:8px;
- color:{color:accent};
- line-height:100%;
- word-spacing:0;
- letter-spacing:0;
- text-transform:uppercase;
- text-align:center;
- }
- .tag pre {
- border-bottom:1px solid {color:accent};
- border-top:1px solid {color:accent};
- padding:1px;
- font-family:scifi;
- }
- .tag_b {
- position:relative;
- width:auto !important;
- height:1px;
- background-color:{color:accent};
- margin-top:4px;
- margin-bottom:4px;
- }
- .tag {
- display:block;
- margin-top:2px;
- background-color:{color:sidebar background};
- width:auto !important;
- height:11px;
- padding:3px;
- font-family:scifi;
- font-size:8px;
- overflow:hidden;
- color:{color:post text};
- line-height:100%;
- text-transform:uppercase;
- text-align:justify;
- word-spacing:0px;
- letter-spacing:0px;
- -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;
- z-index:999999999999999999999999999999999999999999999999999999999999;
- }
- .tag_desc {
- width:auto !important;
- min-height:auto;
- height:100px;
- padding:3px;
- background-color:{color:background color};
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-align:justify;
- text-transform:uppercase;
- word-spacing:0px;
- letter-spacing:0px;
- overflow-x:hidden;
- overflow-y:scroll;
- }
- /* Let's get this party started */
- .tag_desc::-webkit-scrollbar {
- width:3px;
- max-height:5px;
- min-height:1px;
- }
- /* Track */
- .tag_desc::-webkit-scrollbar-track {
- background-color:{color:background color};
- border:0;
- }
- /* Handle */
- .tag_desc::-webkit-scrollbar-thumb {
- background-color:{color:accent};
- border:0;
- }
- .tag:hover {
- height:125px;
- -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;
- }
- .vince {
- position:fixed;
- width:400px;
- height:0px;
- padding:4px;
- background-color:{color:sidebar background};
- border:1px solid transparent;
- margin:-74px -155px;
- z-index:-1000000000;
- opacity:0;
- overflow:hidden;
- }
- .c_i:hover .vince {
- height:178px;
- margin-top:-254px;
- opacity:1;
- }
- .v_i {
- position:absolute;
- margin:0 0;
- width:140px;
- height:165px;
- background-color:{color:sidebar background};
- border:4px solid {color:background color};
- padding:2px;
- }
- .v_i img {
- width:140px;
- height:165px;
- border-radius:0em;
- }
- .kadecent {
- position:absolute;
- margin:-175px -6px;
- width:140px;
- height:165px;
- background-color:{color:sidebar background};
- border:4px solid {color:background color};
- padding:2px;
- opacity:0;
- }
- .kadecent img {
- width:140px;
- height:165px;
- border-radius:0em;
- }
- .v_i:hover .kadecent {
- opacity:1;
- }
- .v_desc {
- position:absolute;
- margin:30px 248px;
- width:138px !important;
- min-height:auto;
- height:135px;
- border:4px solid {color:background color};
- padding:3px;
- background-color:{color:sidebar background};
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-align:justify;
- text-transform:uppercase;
- word-spacing:0px;
- letter-spacing:0px;
- overflow-x:hidden;
- overflow-y:scroll;
- }
- .c_ii {
- position:absolute;
- margin:142px 143px;
- padding:2px;
- width:100px;
- height:100px;
- background-color:{color:sidebar background};
- border:5px solid {color:background color};
- border-radius:10em;
- }
- .v_b1 {
- position:absolute;
- width:10px;
- height:180px;
- padding:0;
- background-color:{color:background color};
- margin:0 160px;
- }
- .v_b2 {
- position:absolute;
- width:10px;
- height:180px;
- padding:0;
- background-color:{color:background color};
- margin:0 230px;
- }
- .v_links {
- position:absolute;
- width:auto;
- height:auto;
- padding:1px;
- background-color:transparent;
- margin:10px 175px;
- }
- .v_links a {
- display:block;
- width:45px;
- height:auto;
- margin-top:20px;
- padding:1px;
- font-family:scifi;
- font-size:8px;
- color:{color:accent};
- line-height:100%;
- text-transform:uppercase;
- text-align:center;
- word-spacing:0px;
- letter-spacing:0px;
- background-color:transparent;
- border-bottom:1px solid {color:accent};
- border-top:1px solid transparent;
- }
- .v_links a:hover {
- color:{color:post text};
- border-top:1px solid {color:accent};
- }
- .v_date {
- position:absolute;
- bottom:3px;
- margin-left:-4px;
- width:140px !important;
- height:auto;
- padding:4px;
- background-color:{color:background color};
- font-family:scifi;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-transform:uppercase;
- text-align:center;
- word-spacing:0px;
- letter-spacing:0px;
- opacity:1;
- }
- .v_i:hover .v_date {
- opacity:0;
- }
- .v_kadecent {
- position:absolute;
- bottom:3px;
- margin-left:-4px;
- width:140px !important;
- height:auto;
- padding:4px;
- background-color:{color:background color};
- font-family:scifi;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- text-transform:uppercase;
- text-align:center;
- word-spacing:0px;
- letter-spacing:0px;
- opacity:0;
- }
- .v_i:hover .v_kadecent {
- opacity:1;
- }
- .vince_tit {
- position:absolute;
- width:140px;
- height:auto;
- font-family:neo;
- font-size:40px;
- color:{color:accent};
- text-shadow:0 0 2px #000;
- line-height:19px;
- text-transform:uppercase;
- text-align:center;
- padding:1px;
- word-spacing:0;
- letter-spacing:0;
- margin:3px 250px;
- }
- .necatus {
- position:fixed;
- width:160px;
- height:auto;
- font-family:neo_bold;
- font-size:45px;
- line-height:100%;
- color:#1a1a1a;
- letter-spacing:-4px;
- word-spacing:0;
- text-transform:uppercase;
- text-align:justify;
- margin:295px 20px;
- background-color:transparent;
- }
- .nec_desc {
- position:fixed;
- margin:-45px 0px;
- width:158px;
- height:0px;
- padding:2px;
- overflow:auto;
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- word-spacing:0;
- letter-spacing:0px;
- text-transform:uppercase;
- text-align:center;
- background-color:{color:sidebar background};
- opacity:0;
- z-index:1000000000000000000000000000000000000000000000000;
- }
- .necatus:hover .nec_desc {
- opacity:1;
- height:112px;
- overflow-y:scroll;
- overflow-x:none;
- }
- .nec_links {
- position:fixed;
- width:auto;
- height:auto;
- padding:2px;
- margin:-55px 0px;
- opacity:0;
- background-color:transparent;
- }
- .nec_lnk {
- display:block;
- width:10px;
- height:10px;
- padding:1px;
- border-radius:10em;
- margin-top:1px;
- background-color:{color:sidebar background};
- border:1px solid {color:italics};
- text-align:center;
- z-index:9999999999999999999999999999999999999999999999;
- }
- .nec_lnk:hover {
- background-color:{color:italics};
- }
- .necatus:hover .nec_links {
- margin-left:-20px;
- opacity:1;
- }
- .nc {
- position:fixed;
- font-family:neo;
- margin:40px -65px;
- font-size:30px;
- color:{color:post text};
- line-height:100%;
- letter-spacing:-3px;
- text-transform:uppercase;
- -webkit-transform:rotate(-90deg);
- }
- .nc a {
- color:{color:post text};
- }
- .nc a:hover {
- color:{color:link hover};
- }
- .adamantium {
- position:fixed;
- width:160px;
- height:auto;
- font-family:neo_bold;
- font-size:47px;
- line-height:100%;
- color:#1a1a1a;
- letter-spacing:-4px;
- word-spacing:0;
- text-transform:uppercase;
- text-align:justify;
- margin:370px 20px;
- background-color:transparent;
- }
- .adm_desc {
- position:fixed;
- margin:-8px 0px;
- width:158px;
- height:0px;
- padding:2px;
- overflow:auto;
- font-family:tinytots;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- word-spacing:0;
- letter-spacing:0px;
- text-transform:uppercase;
- text-align:center;
- background-color:{color:sidebar background};
- opacity:0;
- z-index:1000000000000000000000000000000000000000000000000;
- }
- .adamantium:hover .adm_desc {
- opacity:1;
- margin-top:-80px;
- height:70px;
- overflow-y:scroll;
- overflow-x:none;
- }
- .adm_link {
- position:fixed;
- width:auto;
- height:auto;
- padding:2px;
- font-family:neo;
- font-size:20px;
- color:{color:post text};
- margin:-35px 0px;
- line-height:100%;
- text-align:center;
- text-transform:uppercase;
- word-spacing:0;
- letter-spacing:-1px;
- opacity:0;
- }
- .adamantium:hover .adm_link {
- margin-left:-100px;
- opacity:1;
- }
- .na_q {
- position:fixed;
- margin:350px 20px;
- width:164px;
- height:auto;
- padding:1px;
- font-family:scifi;
- font-size:8px;
- color:{color:accent};
- line-height:100%;
- background-color:{color:sidebar background};
- word-spacing:0;
- letter-spacing:0;
- text-transform:uppercase;
- text-align:center;
- }
- .playlist {
- position:fixed;
- margin:362px 255px;
- width:168px;
- height:auto;
- padding:3px;
- font-family:scifi;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- background-color:{color:sidebar background};
- word-spacing:0;
- letter-spacing:0;
- text-transform:uppercase;
- text-align:center;
- }
- .cctv {
- position:fixed;
- margin:393px 272px;
- width:149px;
- height:auto;
- padding:4px;
- font-family:scifi;
- font-size:8px;
- color:{color:post text};
- line-height:100%;
- background-color:{color:sidebar background};
- word-spacing:0;
- letter-spacing:0;
- text-transform:uppercase;
- text-align:center;
- }
- .frnz {
- position:fixed;
- margin:410px 45px;
- width:360px;
- height:0px;
- overflow:hidden;
- padding:3px;
- background-color:transparent;
- opacity:0;
- }
- .sb:hover .frnz {
- height:100px !important;
- margin-top:435px;
- opacity:1;
- }
- .frnd {
- display:inline-block;
- margin:0px 1px 0px 1px;
- width:20px;
- height:20px;
- background-color:{color:sidebar background};
- padding:1px;
- border:1px solid {color:italics};
- }
- .frnd img {
- max-width:100%;
- max-height:100%;
- opacity:.8;
- -webkit-filter: grayscale(70%);
- }
- .frnd:hover .frnd img:hover {
- -webkit-filter: grayscale(0%);
- }
- .frnd:hover {
- border:1px solid {color:accent};
- }
- </style>
- </head>
- <body>
- <div id="center">
- <div id="sidebar">
- <div class="sb">
- <div class="frnz">
- <a href="http://harlsqn.tumblr.com/" title="harley davidson; under co"><div class="frnd"><img src="http://25.media.tumblr.com/03b889c8e54300713a05f9336ebf8368/tumblr_mx31i6OVZF1s7jskro2_250.png"></div></a>
- <a href="http://svklee.tumblr.com/" title="raven/sunny; under co"><div class="frnd"><img src="https://31.media.tumblr.com/214a5971c75e120ef2884523037ab425/tumblr_inline_mrl6kuy4OB1qz4rgp.png"></div></a>
- <a href="http://luamour.tumblr.com/" title="hannie; under co"><div class="frnd"><img src="http://images6.fanpop.com/image/photos/32300000/Luhan-lina-niny_5-32336337-150-150.png"></div></a>
- <a href="/" title="siren; under co"><div class="frnd"><img src="http://th05.deviantart.net/fs70/150/f/2014/295/b/6/icon_2ne1___minzy_by_ohmykookie-d83stbg.png"></div></a>
- <a href="/" title="carter; under co"><div class="frnd"><img src="http://media.tumblr.com/bd75e877d29597512e6d9bf730aedd86/tumblr_inline_nj1obpZVgl1rbzqp8.png"></div></a>
- <a href="http://kiadou.tumblr.com/" title="lil aiden; under co"><div class="frnd"><img src="http://media.tumblr.com/7ce9bb169fba8a02e78a83b6e9ad166e/tumblr_inline_mpxsb3GgLx1qz4rgp.png"></div></a>
- <a href="/" title="big aiden; under co"><div class="frnd"><img src="http://media.tumblr.com/2363deec9504f7324b8ce45aec234a5a/tumblr_inline_n4x2ub3TVo1rj1bes.png"></div></a>
- <a href="/" title="ritscracker; under co"><div class="frnd"><img src="http://media.tumblr.com/04755004281ad89ec8210d0b07a127e2/tumblr_inline_ngiuucXFCD1rbzqp8.png"></div></a>
- <a href="/" title="cade; under co"><div class="frnd"><img src="https://31.media.tumblr.com/89882614c51dbacd12af549e0298baca/tumblr_inline_n1qv7jzFzk1s6tiqa.png"></div></a>
- <a href="/" title="neko; under co"><div class="frnd"><img src="https://31.media.tumblr.com/2ea7ad8ea324488db4a4c0c208462950/tumblr_inline_ngyf8f6DiU1rgqywz.png"></div></a>
- <a href="http://hyunado.co.vu/" title="hyuna; under co"><div class="frnd"><img src="http://i1.wp.com/www.kfashionista.com/wp-content/uploads/20150129_kfashionista_hyuna.jpg?resize=200%2C200"></div></a>
- <a href="http://lucientis.tumblr.com/" title="lucien; under co"><div class="frnd"><img src="http://static.tumblr.com/4ca684a9b9a1447cd204b8df9e6ef72c/azb2lyp/iwIn4b6nm/tumblr_static_6nq0lpwyeo00g4gc08ksokgwg.png"></div></a>
- <a href="/" title="honorary mention: the host club - taemin edition"><div class="frnd"><img src="http://media.tumblr.com/b6dbd441c442553fc211eda0bc957a83/tumblr_inline_n8gedbknEL1rgqywz.png"></div></a>
- <a href="http://miivh.tumblr.com/" title="jeremiah; under co"><div class="frnd"><img src="http://static.tumblr.com/526d7835a865283e6b6c05dfb804e440/6ok4gig/PFWmyxwr6/tumblr_static_jongin_cute_puppy_icon.png"></div></a>
- <a href="http://5zicx.tumblr.com/" title="dick grunge; under co"><div class="frnd"><img src="http://static.tumblr.com/xandh9h/vFunk7xxq/kitty.jpg"></div></a>
- <a href="/" title="kiara; under co"><div class="frnd"><img src="http://media.tumblr.com/63728d265c2862d9950779a94bf74a72/tumblr_inline_mpnbvaMbuf1qz4rgp.png"></div></a>
- <a href="http://tisellxn.tumblr.com/" title="ellin; under co"><div class="frnd"><img src="https://31.media.tumblr.com/c755c707f90f2c3a9c463eac236c69d3/tumblr_inline_n30550ejPn1rcn02m.png"></div></a>
- <a href="http://gkwng.tumblr.com/" title="gikwang; under co"><div class="frnd"><img src="http://rs875.pbsrc.com/albums/ab312/Lollidella/Kikwang_131.png~c200"></div></a>
- <a href="http://minzle.tumblr.com/" title="minazo; under co"><div class="frnd"><img src="https://41.media.tumblr.com/294ef7e4c84d68149f8b7c4d611ff79f/tumblr_my4r83s3I81t3eawmo4_250.png"></div></a>
- <a href="http://kyuuro.tumblr.com/" title="kyungri; under co"><div class="frnd"><img src="https://31.media.tumblr.com/2feaa3fa6c40c0bee1d99b6ab6d54128/tumblr_inline_mrbx5qun9Y1qz4rgp.png"></div></a>
- <a href="/" title="yunhyeong; under co"><div class="frnd"><img src="http://pbs.twimg.com/media/Bs6zLV1CYAEdaoH.jpg:medium"></div></a>
- <a href="/" title="sophia; under co"><div class="frnd"><img src="http://data2.whicdn.com/images/62522736/large.png"></div></a>
- <a href="/" title="zeke; under co"><div class="frnd"><img src="https://31.media.tumblr.com/f9df37156bc74525af07de9d3beedfe3/tumblr_inline_nepy9ceoLH1t0mnlw.png"></div></a>
- <a href="/" title="suga; under co"><div class="frnd"><img src="http://media.tumblr.com/3ccf6709b9f744d20a14bfe3af28ac86/tumblr_inline_mqbqaxkj0f1qz4rgp.png"></div></a>
- <a href="/" title="wendy; under co"><div class="frnd"><img src="http://images6.fanpop.com/image/photos/37600000/Wendy-Be-Natural-red-velvet-37642589-200-200.jpg"></div></a>
- <a href="http://jikein.tumblr.com/" title="franny; under co"><div class="frnd"><img src="http://images6.fanpop.com/image/photos/35400000/-Gikwang-lee-kwang-gi-beast-b2st-35419639-200-200.png"></div></a>
- <a href="/" title="uriah; under co"><div class="frnd"><img src="http://d2wss9bif9q3el.cloudfront.net/406/235/images/-Kim-Taehyung-V-bts-35280249-340-340.png"></div></a>
- <a href="http://xzaiaku.tumblr.com/" title="yoongi; under co"><div class="frnd"><img src="http://media.tumblr.com/1514477cc1cab72e693078d9003790de/tumblr_inline_mqbqatSVc51qz4rgp.png"></div></a>
- <a href="/" title="shinhye; under co"><div class="frnd"><img src="https://31.media.tumblr.com/f2aca5c822208e275dadcf29da75d6b3/tumblr_inline_n2wfps4g3P1rxsz1s.png"></div></a>
- <a href="http://huangxtaozi.tumblr.com/" title="taozi; under co"><div class="frnd"><img src="http://media.tumblr.com/4b419bff7f24b72f431587d56605426c/tumblr_inline_mjda5osQuS1qz4rgp.png"></div></a>
- <a href="/" title="//"><div class="frnd"><img src="http://images6.fanpop.com/image/photos/36900000/Sooyoung-Icon-choi-sooyoung-36932060-250-250.jpg"></div></a>
- <a href="/" title="//"><div class="frnd"><img src="http://images6.fanpop.com/image/photos/36900000/Sooyoung-Icon-choi-sooyoung-36932060-250-250.jpg"></div></a>
- </div>
- <div class="topbar">I am the master of my fate, I am the captain of my soul.</div>
- <div class="botbar">
- navigation -<font family="tinytots"> <a href="/" title="restart">i</a> × <a href="/msg" title="inquire & drop off">ii</a> × <a href="/" title="home · under co">iii</a> × <a href="/" title="biography · under co">iv</a> × <a href="/nav" title="navigation · under co">v</a> × </font><a title="Themes codes 100% by jvnyin. intended and optimized for chrome & opera, screen resolution 1366x768 Refrain from stealing, copying, or reading through my codes. Thank you.">credit</a>
- </div>
- <div class="main_title">Invictus</div>
- <div class="sb_i1"><img src="{image:sidebar one}">
- <div class="sb_desc1">
- <center>
- <div class="sb_tit">Basics</div>
- <div class="sb_descd">{text:description 1}</div></center>
- </div>
- </div>
- <div class="sb_i2"><img src="{image:sidebar two}">
- <div class="sb_desc2">
- <center>
- <div class="sb_tit">About</div>
- <div class="sb_descd2">{text:description 2}</div></center>
- </div>
- </div>
- <div class="cb"></div>
- <div class="c_line"></div>
- <div class="links"><a title="Happily Taken"><div class="link"></div></a> <a title="Hashtag jvnyin or it'll go unseen."><div class="link"></div></a> <a title="AIM: All you gotta do is ask."><div class="link"></div></a> <a title="Literate, though I will not deny I have the tendency to go illit from time to time. I interact with everyone, so don't be frightened." ><div class="link"></div></a> <a title="AU/OC Muse. Almost all of Kade's story is of my creation, with the exception of a few things."><div class="link"></div></a> <a title="18+ content will be present on this blog. Everything is tagged accordingly. Follow at your own risk."><div class="link"></div></a> <a title="Not the real Kim Junmyun, nor affiliated with him, EXO or SM Ent. Simply a roleplay blog."><div class="link"></div></a> </div>
- <div class="c_i5"></div>
- <div class="na_q">hasta que muramos</div>
- <div class="c_i6"></div>
- <div class="adamantium">admntm
- <div class="adm_link"><a href="/adamantium" title="click here for the club.">click here</a></div>
- <div class="adm_desc">
- Opening march 2k15, club adamantium is not only a worldly night club, but also a front for it's true nature -</br> <i>a vampires haven</i>.<br></br>
- Intended to be a front for vampires to come and feed without worry of consequence or threat like other blood clubs are known for, club adamantium will provide the best services for its vampyric clientele (as well as it's human volunteers) under professional and rightfully moral standards.<br></br>
- though a front, it will also be one of the biggest clubs to be built in seoul since club ellui's opening, providing multiple floors of entertainment as well as weekly concerts by big name artists, host parties, events, and other endeavors; the club will make a name for itself with the nightlife of seoul.<br></br>
- owned and managed by kade kim, club adamantium will be a place for memories, friendships, and fun to be made.</br> <i>Can you hang with the best at club adamantium?</i>
- </div>
- </div>
- <div class="necatus">Necatus
- <div class="nec_links">
- <div class="nc"><a href="/" title="Abouts · under co">members</a></div>
- <center>
- <a href="http://xzaiaku.tumblr.com/" title="yoongi"><div class="nec_lnk"></div></a> <a href="/" title="eric"><div class="nec_lnk"></div></a> <a href="/" title="chanchan"><div class="nec_lnk"></div></a> <a href="/" title="dai"><div class="nec_lnk"></div></a> <a href="/" title="??"><div class="nec_lnk"></div></a> <a href="/" title="??"><div class="nec_lnk"></div></a> <a href="/" title="??"><div class="nec_lnk"></div></a>
- </center>
- </div>
- <div class="nec_desc">
- <span style="font-family:eli; font-size:40px; color:{color:accent};text-transform:lowercase;text-align:center;">Necatus;</span>
- <br> Meaning to be killed, murdered. Death. </br><br>
- Necatus clan, founded originally by solmin kim in 1903 after the royals clan was abolished by hunters, the few left decided amongst themselves that the clan was to be continued under new law. over time, the clan lost and gained members, reapings(<a title="a reaping is a death by decision or trial in the vampire community. when a vampire (usually pure bloods) willingly undergo their reaping, they are executed by their own choice of death, while those sentenced to their reaping undergo the worst and most painful execution imaginable.">?</a>) occurred frequently, as did disappearances. as the clan dwindled in numbers, it's leader changed with each passing decade. It wasn't until the late 1990's that Kade Kim finally took over for his family. Leading the clan since then, he has done his best to make every member feel at home and accepted. The clan now runs under different rules. Humans (either for the purpose of volunteer feeding or being a familiar) & SuBe's (Supernatural Beings) of all kinds are now welcome to join the clan as well as vampires. With the opening of Club Adamantium, Kade hopes to grow the clan from it's small handful of members, which includes his sons, into a large group once again.
- </div>
- </div>
- <div class="c_i7"></div>
- <div class="playlist"><marquee behavior="scroll" direction="left" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"><font style="color:{color:accent};">playlist:</font> <font style="color:{color:italics};">Crucial Star</font> - Paris; <font style="color:{color:italics};">Ven</font> - on your body ft beenzino; <font style="color:{color:italics};">HANHAE</font> - Make it warm ft. d.meanor; <font style="color:{color:italics};">HANHAE</font> - Man of the year ft. d.meanor; <font style="color:{color:italics};">Gaeko & Yankie</font> - Cheers ft Beenzino & Babylon; </marquee></div>
- <div class="c_i8"></div>
- <div class="cctv"><marquee behavior="scroll" direction="left" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"><script language="JavaScript">
- var ref = (''+document.referrer+'');
- var w_h = window.screen.width + " x " + window.screen.height;
- document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3536427&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
- </script> watching · <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2269859&name="></script> cctv viewers.</marquee></div>
- <div class="c_i4"></div>
- <div class="music">
- <center>
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="100" height="19">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
- <param name="bgcolor" value="#181818" />
- <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/9le62qxmc2/Crucial_Star_-_Paris.mp3|http://k007.kiwi6.com/hotlink/n7inivfora/Ven_-_Feat._Beenzino_.mp3|http://k003.kiwi6.com/hotlink/vnv5yto36s/HANHAE_-_Make_It_Warm_Feat._D._meanor_.mp3|http://k003.kiwi6.com/hotlink/cr53doaclo/HANHAE_-_Man_Of_The_Year_Feat._D.meanor_.mp3|http://k003.kiwi6.com/hotlink/dd01eqeip3/Gaeko_Yankie_-_Cheers_Feat._Beenzino_Babylon_.mp3&width=100&volume=50&autoplay=1&loop=1&shuffle=1&showslider=0&sliderwidth=0&sliderheight=0&volumewidth=0&volumeheight=0&loadingcolor=181818&bgcolor1=181818&bgcolor2=181818&slidercolor1=&slidercolor2=&sliderovercolor=&buttoncolor=303030&buttonovercolor=5d5b5b&textcolor=&showlist=0&playlistcolor=&playlistalpha=0&currentmp3color=&scrollbarcolor=&scrollbarovercolor=&showplaylistnumbers=0" />
- </object>
- </div>
- <div class="tgs">
- <div class="tag">
- <div class="tag_tit"> Tracker</div>
- <div class="tag_desc">
- <pre>para</pre>
- none
- <pre>script</pre>
- none
- <pre>dash</pre>
- none
- <pre>drafts</pre>
- none
- <pre>plotting</pre>
- none
- </div>
- </div>
- <div class="tag">
- <div class="tag_tit"> Updates · Schedule</div>
- <div class="tag_desc" style="overflow-y:hidden;">
- <marquee behavior="scroll" direction="down" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">
- <center>
- theme updated! <br>
- <div class="tag_b"></div>
- revamped and up and running! <br>
- <div class="tag_b"></div>
- mun will be heading out of town (smart to comeback at such a time huh?) but will hopefully have internet so all should be good, just might be absent a few days possibly- hopefully not. <br>
- <div class="tag_b"></div>
- playlist updated! <br>
- <div class="tag_b"></div>
- plotting open, stop by with ideas!<br>
- </center>
- </marquee>
- </div>
- </div></div>
- <div class="c_i1"></div>
- <div class="c_i2"></div>
- <div class="c_i3"></div>
- <div class="c_i"><img src="{image:sidebar center}">
- <div class="vince">
- <div class="v_i"><img src="{image:vince}">
- <div class="kadecent"><img src="{image:kadecent}"></div>
- <div class="v_date">ii · xiv · xiv</div>
- <div class="v_kadecent">#kadecent2k15</div></div>
- <div class="vince_tit">Vince</div>
- <div class="v_desc">
- Man, where can I even begin... <br></br>
- I suppose the moment we met, which was far before we got the chance to truly know each other. Back then you were merely another being whom was searching for guidance and acceptance amongst his own kind, but we never truly got the chance to know one another. Soon, you and I were complete strangers again, and then I left. I was gone a while, but when I came back we were no longer in each others lives, and had you asked me back then if I could ever see myself with someone like you, I'd have sworn it would never happen... but it did. I was caught up in someone back then, that I never gave myself a chance to truly get to know others, but when I came back this time, ready to move forward though I'd sworn off love and relationships, I was determined not to be hurt again. Fast forward to the day a certain little one came into my chat and placed a pair of cat ears on me. I was confused, not knowing who this random stranger was, but something felt familiar, and kind so I allowed myself to be open to a stranger being so forward with me. You were kind, sweet, and adorable - being shy with me though I didn't know who you were, you knew who I was. I am more than grateful that you took the chance to speak to me again, because I honestly don't know where I'd be right now had you not. Maybe we'd just be passing strangers? Or possibly had things happened sooner or later, we wouldn't be here where we are today. I believe our moment happened for a reason, and I'm grateful to those who brought you into my life. I got lucky, so damn lucky to have someone like you placed into my life. You treat me so well. You show me affection and attention. You make me feel genuinely wanted and appreciated. I'm so grateful to you, and I don't think I'll ever truly be able to express how grateful I am to you. Thank you for choosing me. For wanting me and giving me a chance to make you as happy as you make me. I never thought I would find this happiness again. This sense of....home. So vincent, <i>thank you</i>. From the bottom of my heart, you mean the world to me. Never leave my side as I will never leave yours.<br></br>
- <center> love kade</center>
- </div>
- <div class="v_b1"></div>
- <div class="v_b2"></div>
- <div class="v_links">
- <a href="/tagged/kadecent;">Us</a>
- <a href="/tagged/v;">You</a>
- <a href="/tagged/kitten;">Your tag</a>
- </div>
- <div class="c_ii"></div>
- </div>
- </div>
- <a href="/yin" title="a sister i never imagined id be lucky enough to have."><div class="s_i"><img src="http://static.tumblr.com/xandh9h/Xz1nk7tbu/soo.png"></div></a>
- </div>
- </div>
- </div>
- <div class="autopagerize_page_element">
- <div class="postwrap">
- {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}
- <div class="posts">
- <div id="box1">
- <!----- Images ----->
- {block:If250}
- {block:Photo}
- {LinkOpenTag}
- <div class="image">
- <img src="{PhotoURL-250}" />
- </div>
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {/block:If250}
- {block:If400}
- {block:Photo}
- {LinkOpenTag}
- <div class="image">
- <img src="{PhotoURL-400}" />
- </div>
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {/block:If400}
- {block:If500}
- {block:Photo}
- {LinkOpenTag}
- <div class="image">
- <img src="{PhotoURL-500}" />
- </div>
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {/block:If500}
- <!----- Photosets ----->
- {block:If250}
- {block:Photoset}
- <div class="photo">
- {Photoset-250}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {/block:If250}
- {block:If400}
- {block:Photoset}
- <div class="photo">
- {Photoset-400}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {/block:If400}
- {block:If500}
- {block:Photoset}
- <div class="photo">
- {Photoset-500}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {/block:If500}
- <!----- Videos ----->
- {block:If250}
- {block:Video}
- <div class="video">
- {Video-250}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {/block:If250}
- {block:If400}
- {block:Video}
- <div class="video">
- {Video-400}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {/block:If400}
- {block:If500}
- {block:Video}
- <div class="video">
- {Video-500}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {/block:If500}
- <!----- Chat ----->
- {block:Chat}
- {block:Title}<div class="post_title">{Title}</div>{/block:Title}
- <div class="chat">
- {block:Lines}
- <div class="{Alt}">
- {block:Label}<span style="color:{color:Accent};">{Label}</span>{/block:Label} {Line}</div>
- {/block:Lines}</div>
- {/block:Chat}
- <!----- Quote ----->
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}<div class="source"> {Source} </div>{/block:Source}
- {/block:Quote}
- <!----- Link ----->
- {block:Link}
- <a href="{URL}" target="_blank">
- <div class="post_title">{Name}</div>
- </a>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- <!----- Text ----->
- {block:Text}
- {block:Title}
- <div class="post_title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- <!----- Asks ----->
- {block:Answer}
- <div class="askbg">
- <div class="askers">{Asker}</div></div>
- <div class="ask_border"></div>
- <div class="ask">{Question}</div>
- {Answer}
- {/block:Answer}
- <!----- Audio ----->
- {block:Audio}
- {block:AudioPlayer}
- <div class="player">
- {block:ifWhite}
- {AudioPlayerWhite}
- {/block:ifWhite}
- {block:ifBlack}
- {AudioPlayerBlack}
- {/block:ifBlack}
- {block:ifGray}
- {AudioPlayerGrey}
- {/block:ifGray}
- </div>
- {/block:AudioPlayer}
- <div class="track">
- <marquee behavior="scroll" direction="left" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">
- {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</marquee></div>
- <div class="tracks">
- <marquee behavior="scroll" direction="left" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">
- {block:Album}from {Album}{/block:Album} with {PlayCountWithLabel}</marquee></div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- {block:More}<div style="text-align:center;"><a href="{Permalink}" title="Wanna be nosy? Click here.">전방으로</a></div>{/block:More}
- <div class="bottom_border">
- <center>
- {block:indexpage}
- <div class="line"> </div>
- <div class="line2">
- <div class="perm1" style="float:left;">{block:Date}<a href="{Permalink}" title="@ {12Hour}:{Minutes}{AmPm}"><div class="p"></div></a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"><div class="p"></div></a>{/block:RebloggedFrom}</div>
- <div class="perm1" style="float:right;">{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRoottitle}"><div class="p"></div></a>{/block:RebloggedFrom} <a href="{ReblogURL}" title="Reblog?"><div class="p"></div></a></div>
- </div>
- <div class="perma_date"><marquee behavior="scroll" direction="left" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">{timeago} with {NoteCountwithLabel}</marquee></div>
- {block:HasTags}
- <div class="line3"></div>
- <div class="index_tags"><marquee behavior="scroll" direction="left" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</marquee></div>{/block:HasTags}
- {/block:indexpage}
- {block:PermaLinkPage}
- <div class="pageperma">{DayOfWeek} @ {Timeago} with {NoteCountwithLabel}.</br>
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> ( <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a> )</br>{/block:RebloggedFrom}</div>
- <div class="tags">{block:HasTags}<marquee behavior="scroll" direction="left" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</marquee>{/block:HasTags}</div>
- {/block:PermalinkPage}
- </center>
- </div>
- </div>
- </div>
- {block:PermaLinkPage}
- {block:PostNotes}
- <div class="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
- //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
- //** v1.1 (April 7th, 10'):
- //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
- //** 2) Fixes scroll animation not working in Opera.
- var scrolltotop={
- //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
- //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
- setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
- controlHTML: '<img src="https://31.media.tumblr.com/tumblr_lw6754XlLF1r43b17.png" title="Back to the top" style="filter:alpha(opacity=70); -moz-opacity:0.7; margin-bottom:-10px;" width=""/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
- controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
- anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
- state: {isvisible:false, shouldvisible:false},
- scrollup:function(){
- if (!this.cssfixedsupport) //if control is positioned using JavaScript
- this.$control.css({opacity:0}) //hide control immediately after clicking it
- var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
- if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
- dest=jQuery('#'+dest).offset().top
- else
- dest=0
- this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
- },
- keepfixed:function(){
- var $window=jQuery(window)
- var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
- var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
- this.$control.css({left:controlx+'px', top:controly+'px'})
- },
- togglecontrol:function(){
- var scrolltop=jQuery(window).scrollTop()
- if (!this.cssfixedsupport)
- this.keepfixed()
- this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
- if (this.state.shouldvisible && !this.state.isvisible){
- this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
- this.state.isvisible=true
- }
- else if (this.state.shouldvisible==false && this.state.isvisible){
- this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
- this.state.isvisible=false
- }
- },
- init:function(){
- jQuery(document).ready(function($){
- var mainobj=scrolltotop
- var iebrws=document.all
- mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
- mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
- mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
- .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
- .attr()
- .click(function(){mainobj.scrollup(); return false})
- .appendTo('body')
- if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
- mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
- mainobj.togglecontrol()
- $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
- mainobj.scrollup()
- return false
- })
- $(window).bind('scroll resize', function(e){
- mainobj.togglecontrol()
- })
- })
- }
- }
- scrolltotop.init()</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement