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">
- <!--
- . .
- | _|_ o
- .-.| . ..--.| .-. .,-. . .-.
- ( | | |`--.| ( )| ) | (.-'
- `-'`-`--|`--'`-'`-' |`-'-' `-`--'
- ; |
- `-'
- THEME 'TEN' BY DYSTOPIE.TUMBLR.COM
- DO NOT REMOVE THE CREDIT
- DO NOT USE AS A BASE
- DO NOT CLAIM AS YOURS
- Features: topbar description, 5 links customized.
- Live preview: dystopie.tumblr.com/ten
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:text" content="#D5D5D5" />
- <meta name="color:link" content="#c4c2c2" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 Title" content="" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 Title" content="" />
- <meta name="text:Link5" content="" />
- <meta name="text:Link5 Title" content="" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/95njt7t/WY7lqgdrx/backtotop_arrowblk.png" border="0"></a>
- <style type="text/css">
- /* basics */
- body {color:{color:text}; text-align:justify; font-family:georgia; font-size:10px; margin:auto;}
- a:link, a:active, a:visited{color:{color:text}; text-decoration:none; -moz-transition-duration:.7s; -webkit-transition-duration:.7s; -o-transition-duration:.7s; font-family:silkscreen; font-size:8px;}
- a:hover{color:{color:link}; -moz-transition-duration:.4s; -webkit-transition-duration:.4s; -o-transition-duration:.4s;}
- b, strong{color:{color:text};}
- i, em{color:{color:text};}
- p{margin-top:5px; margin-bottom:5px}
- blockquote {border-left:3px double {color:link}; padding:5px; padding-left:5px; margin:0px;}
- /* content */
- #container {background-color:transparent; text-align:center; margin:auto;}
- /* posts */
- #entries {margin:auto; margin-top:50px; text-align:justify;}
- #entry {margin:auto; width:500px; background-color:transparent; text-align:justify; margin-top:80px;}
- #posts {width:500px; background-color:transparent; margin:auto;}
- /* topbar */
- #top{margin:auto; width:500px; text-align:right;}
- .text {text-transform:lowercase; text-align:right; color:{color:text};}
- .link {text-align:right;}
- /* titles */
- h1{color:{color:text}; text-transform:lowercase; font-family:silkscreen; font-size:8px; font-style:normal; font-weight:100;}
- h2{color:{color:text}; text-transform:lowercase; font-family:georgia; font-size:15px; font-style:normal; font-weight:100;}
- h3{color:{color:text}; text-transform:lowercase; font-size:15px; font-family:georgia; font-style:normal; font-weight:100; letter-spacing:0px;}
- /* post info */
- #info {margin-top:30px; text-align:center;}
- .tagging {margin-top:10px;}
- .tagging a{color:{color:text}; padding:1px;}
- .tagging a:hover{color:{color:link}; padding:1px;}
- /* ask */
- #box {background:#F9F9F9; padding:5px;}
- .asker {text-align:justify;color:{color:text}; text-transform:lowercase; font-size:8px; font-weight:100; background:trans; font-family:silkscreen;}
- .asker img{width:40px; -webkit-border-radius: 50em;}
- .question {font-family:georgia; font-size:10px; color:{color:text};}
- .reply {font-family:georgia; font-size:10px; color:{color:text};}
- /* audio*/
- #audio {height:60px;}
- #cover {border:5px double #F9F9F9; float:left; width:50px; height:50px; margin-top:-2px;}
- #player {width:25px; height:25px; margin-top:15px; margin-left:15px; overflow:hidden; position:absolute; opacity:0.4; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
- #player:hover {opacity:0.9; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}
- #line {margin-left:90px; text-transform:lowercase; padding-left:-5px; min-height:70px; line-height:162%;}
- .track {font-family:georgia; font-size:10px; background:#F9F9F9; color:{color:text}; padding:5px;}
- .artist { font-family:silkscreen; font-size:8px; background:#F9F9F9; color:{color:text}; padding:5px; border-top:2px solid #ffffff;}
- /* chat */
- .user_1 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_2 {background-color:transparent; color:{color:text}; margin-right:25px;}
- .user_3 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_4 {background-color:transparent; color:{color:text}; margin-right:25px;}
- .user_5 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_6 {background-color:transparent; color:{color:text}; margin-right:25px;}
- .user_7 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_8 {background-color:transparent; color:{color:text}; margin-right:25px;}
- .user_9 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_10 {background-color:transparent; color:{color:text}; margin-right:25px;}
- .user_11 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_12 {background-color:transparent; color:{color:text}; margin-right:25px;}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:5px;}
- /* notes */
- ol.notes {padding:0px; list-style-type:none; border-bottom:1px solid #F9F9F9; text-align:center;}
- ol.notes li.note {border-top:1px solid #F9F9F9; padding:10px;}
- ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width:15px; height:15px; -webkit-border-radius: 50em;}
- ol.notes li.note span.action {font-weight:normal;}
- ol.notes li.note .answer_content {font-weight:normal;}
- ol.notes li.note blockquote {border-color:#F9F9F9; padding:4px 10px; margin: 10px 0px 0px 25px;}
- ol.notes li.note blockquote a {text-decoration:none;}
- /* extra */
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:10px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px !important;}
- ::-webkit-scrollbar {height:10px; width:10px; background-color:#ffffff;}
- html {cursor: url("http://i.imgur.com/2qleX.jpg"), default;}
- html a{cursor: url("http://i.imgur.com/IepP2.jpg"), default;}
- ::selection {background:#000000; color:{color:background};}
- ::-moz-selection {background:#000000; color:{color:background};}
- ::-webkit-selection {background:#000000; color:{color:background};}
- #dhtmltooltip {position:absolute; width:auto; font-size:10px; font-family:consolas; padding:2px; background-color:#ffffff; border-top:2px solid #F9F9F9; color:{color:link}; visibility:hidden; z-index:100;}
- iframe#tumblr_controls {white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(10%); right:3px !important; position:fixed !important; opacity:0.3; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;}
- iframe#tumblr_controls:hover {opacity:0.4; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease;}
- #scrollToTop:link,#scrollToTop:visited {color:transparent; background-color:transparent; display:none; opacity:1; position:fixed; bottom:40px;right:24px;}
- @font-face {
- font-family:silkscreen; src:url('http://static.tumblr.com/qudkd6d/Tn7mzmloy/slkscr-webfont.eot?') format('eot'), url('http://static.tumblr.com/qudkd6d/RWimzmlpj/slkscr-webfont.woff') format('woff'), url('http://static.tumblr.com/qudkd6d/cCImzlwg7/slkscr.ttf') format('truetype'), url('http://static.tumblr.com/qudkd6d/Y7Nmzmlzm/slkscr-webfont.svg') format('svg');
- #d {position:fixed; right:0px; bottom:100px; font:10px silkscreen; color:{color:link}; padding:5px;}
- </style>
- <style type="text/css">{CustomCSS}</style>
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- <!------scroll to top------>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
- </script>
- <script type="text/javascript" language="javascript">
- $(function () {
- $('#scrlBotm').click(function () {
- $('html, body').animate({
- scrollTop: $(document).height()
- },
- 1500);
- return false;
- });
- $('#scrlTop').click(function () {
- $('html, body').animate({
- scrollTop: '0px'
- },
- 1500);
- return false;
- });
- });
- </script>
- </head>
- <style type="text/css"></style>
- <body>
- <div id="container">
- <div id="entries">
- <div id="top">
- <div class="link">{block:ifLink1}<a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} {block:ifLink2}<a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} {block:ifLink3}<a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} {block:ifLink4}<a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} {block:ifLink5}<a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5} <a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="http://dystopie.tumblr.com/codes">反烏托邦</a></div><br>
- <div class="text">{Description}
- </div>
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div id="posts">
- <div id="entry">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:Text}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}”</h2><h1>— {Source}</h1>{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="box">
- <div class="asker"><img src="{AskerPortraitURL-40}" style="border:2px solid #ffffff; padding:2px; border-radius:25px;" align="left" Vspace="0" Hspace="5">{Asker} asked:</div>
- <div class="question">{Question}</div></div>
- <br><br>
- <div class="reply">{Answer}</div>
- {/block:Answer}
- {block:Audio}
- <div id="audio">
- <div id="player">{AudioPlayerGrey}</div>
- {block:AlbumArt}<img id="cover" src="{AlbumArtURL}">{/block:AlbumArt}
- <div id="line">
- <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
- <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
- </div>
- </div><br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- </div>
- <div id="info">
- <div class="data"><a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {ShortYear}</a> <a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{Permalink}">{NoteCount}</a> {block:RebloggedFrom}<a style="font-family:silkscreen; font-size:8px; background:#000000; margin-top:-2px; color:#ffffff; padding:4px;" href="{ReblogRootURL}">@{ReblogRootName}</a>{/block:RebloggedFrom} </div>
- <div class="tagging">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PermalinkPage}<div id="perma">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
- <br><br><br>{/block:Posts}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- </div>
- </div>
- <div id="dhtmltooltip"></div>
- <script type="text/javascript">
- var offsetxpoint=-15
- var offsetypoint=15
- var ie=document.all
- var ns6=document.getElementById && !document.all
- var enabletip=false
- if (ie||ns6)
- var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
- function ietruebody(){
- return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
- }
- function ddrivetip(thetext, thecolor, thewidth){
- if (ns6||ie){
- if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
- if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
- tipobj.innerHTML=thetext
- enabletip=true
- return false
- }
- }
- function positiontip(e){
- if (enabletip){
- var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
- var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
- var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
- var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
- var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
- if (rightedge<tipobj.offsetWidth)
- tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
- else if (curX<leftedge)
- tipobj.style.left="5px"
- else
- tipobj.style.left=curX+offsetxpoint+"px"
- if (bottomedge<tipobj.offsetHeight)
- tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
- else
- tipobj.style.top=curY+offsetypoint+"px"
- tipobj.style.visibility="visible"
- }
- }
- function hideddrivetip(){
- if (ns6||ie){
- enabletip=false
- tipobj.style.visibility="hidden"
- tipobj.style.left="-1000px"
- tipobj.style.backgroundColor=''
- tipobj.style.width=''
- }
- }
- document.onmousemove=positiontip
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement