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 'EIGHT' BY DYSTOPIE.TUMBLR.COM
- DO NOT REMOVE THE CREDIT
- DO NOT USE AS A BASE
- DO NOT CLAIM AS YOURS
- Features: sidebar description, portrait 48px, 6 links customized.
- Live preview: dystopie.tumblr.com/eight
- -->
- <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:scrollbar" content="#000000" />
- <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 name="text:Link6" content="" />
- <meta name="text:Link6 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}" />
- <style type="text/css">
- /* basics */
- body {color:{color:text}; text-align:justify; font-family:cambria; font-style:italic; font-size:9px; margin:auto;}
- a:link, a:active, a:visited{color:{color:link}; text-decoration:none; -moz-transition-duration:.7s; -webkit-transition-duration:.7s; -o-transition-duration:.7s;}
- a:hover{color:{color:text}; -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; padding:5px; margin-top:80px;}
- #posts {width:500px; background-color:transparent; margin:auto;}
- /* topbar */
- #top {background-color:#000000; position:fixed; width:100%; height:25px; margin:auto; top:0px; left:0px; border-bottom:1px solid #ffffff; outline:1px solid #000000;}
- #links {position:fixed; text-transform:lowercase; font-size:8px; font-family:arial; letter-spacing:1px; font-style:normal; margin:auto; top:0px; width:100%; padding:8px 0px;}
- #links a{color:#ffffff; text-decoration:none; -moz-transition-duration:.7s; -webkit-transition-duration:.7s; -o-transition-duration:.7s; padding:2px; border:1px solid #000000; outline:1px solid #000000;}
- #links a:hover {color:#000000; background-color:#ffffff; -moz-transition-duration:.4s; -webkit-transition-duration:.4s; -o-transition-duration:.4s; border:1px solid #000000; outline:1px solid #ffffff; padding:2px;}
- /* description */
- #desc{margin:auto; width:200px;}
- #desc img{width:48px; -webkit-border-radius: 50em;}
- /* titles */
- h1{color:{color:text}; text-transform:lowercase; font-size:10px; letter-spacing:1px; font-family:arial; font-style:normal; font-weight:100;}
- h2{color:{color:text}; text-transform:lowercase; font-size:15px; font-family:cambria; font-style:italic; font-weight:100;}
- h3{color:{color:text}; text-transform:lowercase; font-size:10px; letter-spacing:1px; font-family:arial; font-style:normal; font-weight:100;}
- /* post bottom */
- #info {margin-top:15px;}
- .tag {text-transform:lowercase; font-size:8px; letter-spacing:1px; font-family:arial; font-style:normal; background:#F9F9F9; padding:5px;}
- .data {font-size:8px; letter-spacing:1px; font-family:arial; font-style:normal; color:{color:text}; border-top:1px solid #F9F9F9; padding:5px;}
- .data a:hover{color:{color:link};}
- /* post permalink */
- #perma {font-family:cambria; font-style:italic; font-size:9px; color:{color:text}; width:500px; margin:auto;}
- #perma a{font-size:8px; letter-spacing:1px; font-family:arial; font-style:normal; color:{color:link};}
- /* ask */
- #question {}
- .askquest {color:{color:text}; text-transform:lowercase; font-size:10px; letter-spacing:1px; font-family:arial; font-style:normal; font-weight:100; background:trans; border:3px double #eeeeee; padding:5px;}
- .askquest a{color:{color:link};}
- .askquest a:hover{color:{color:text};}
- .reply {font-family:cambria; font-style:italic; font-size:9px; color:{color:text};}
- /* audio*/
- #audio {height:60px;}
- #cover {border:3px double #eeeeee; 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:80px; text-transform:lowercase; padding-left:-5px; min-height:70px; line-height:158%;}
- .track {font-family:cambra; font-size:10px; background:#F9F9F9; padding:5px;}
- .artist {font-size:8px; letter-spacing:1px; font-family:arial; font-style:normal; background:#F9F9F9; 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; font-family:cambra;}
- .user_3 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_4 {background-color:transparent; color:{color:text}; margin-right:25px; font-family:cambra;}
- .user_5 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_6 {background-color:transparent; color:{color:text}; margin-right:25px; font-family:cambra;}
- .user_7 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_8 {background-color:transparent; color:{color:text}; margin-right:25px; font-family:cambra;}
- .user_9 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_10 {background-color:transparent; color:{color:text}; margin-right:25px; font-family:cambra;}
- .user_11 {margin-right:25px; color:{color:text}; background:#F9F9F9;}
- .user_12 {background-color:transparent; color:{color:text}; margin-right:25px; font-family:cambra;}
- 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;}
- ol.notes li.note {border-top:1px solid #F9F9F9; padding:10px;}
- ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width: 16px; height:16px;}
- 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:8px; letter-spacing:1px; font-family:arial; font-style:normal; border:1px solid #ffffff; outline:1px solid #000000; padding:2px; background-color:#000000; color:#ffffff; visibility:hidden; z-index:100;}
- #d {position:fixed; right:0px; bottom:0px; font:10px cambria; color:{color:link}; padding:5px;}
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <style type="text/css"></style>
- <body>
- <div id="top"></div>
- <div id="container">
- <div id="links">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">‹</a>{/block:PreviousPage}{/block:Pagination} {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6} {block:Pagination}{block:NextPage}<a href="{NextPage}">›</a>{/block:NextPage}{/block:Pagination}{/block:Pagination}
- </div>
- <div id="d"><a href="http://dystopie.tumblr.com/codes" onMouseover="ddrivetip('theme by dystopie')"; onMouseout="hideddrivetip()">ディストピア</a></div>
- <div id="entries">
- <div id="desc"><img src="{PortraitURL-48}" align="left" Vspace="0" Hspace="5"><a style="text-transform:lowercase; font-size:8px; letter-spacing:1px; font-family:arial; font-style:normal;">{Description}</div>
- {block:Posts}
- <div id="posts">
- <div id="entry">
- {block:Title}<h1>{Title}</h1>{/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="question">
- <div class="askquest">{Asker}: {Question}</div>
- <div class="reply">{Answer}</div>
- </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">
- {block:HasTags}<div class="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<br>
- <div class="data"><a style="float:right; background:#F9F9F9;; padding:3px; margin-top:-5px; margin-right:-5px;" href="{Permalink}" onMouseover="ddrivetip('permalink')"; onMouseout="hideddrivetip()">+</a></div>
- </div>
- </div>
- {block:PermalinkPage}<div id="perma">{block:Date}{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}{/block:Date}<br>
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
- {block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>{/block:PermalinkPage}
- <br><br><br>{/block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- </div>
- </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