Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme 9

By: emrys on Jun 30th, 2012  |  syntax: HTML  |  size: 9.49 KB  |  hits: 86  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme by diana (@wolfied). don't steal --!>
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7.  
  8.    <!-- DEFAULT VARIABLES -->
  9.     <meta name="color:background" content="#fffdfc" />
  10.     <meta name="color:ddesc" content="#fafafa">
  11.        
  12.  
  13.     <meta name="color:title" content="#7e7565" />
  14.     <meta name="color:text" content="#d4cabe" />
  15.     <meta name="color:link" content="#dfcbb7" />
  16.     <meta name="color:linkhover" content="#756d6d" />
  17.     <meta name="color:nav" content="#dfc0ae" />
  18.     <meta name="color:border" content="#fff6f1" />
  19.     <meta name="color:bborder" content="#dfc0ae" />
  20.     <meta name="color:burder" content="#f1e0d1" />
  21.     <meta name="color:qbackground" content="#ffffff" />
  22.  
  23.     <meta name="font:title" content="arial" />
  24.     <meta name="font:body" content="arial" />
  25.  
  26.     <meta name="image:sidebar" content=""/>
  27.     <meta name="image:background" content="" />
  28.    
  29.    
  30.  
  31.     <meta name="text:Link1" content="" />
  32.     <meta name="text:Link1 Title" content="" />
  33.     <meta name="text:Link2" content="" />
  34.     <meta name="text:Link2 Title" content="" />
  35.     <meta name="text:Link3" content="" />
  36.     <meta name="text:Link3 Title" content="" />
  37.     <meta name="text:Link4" content="" />
  38.     <meta name="text:Link4 Title" content="" />
  39.     <meta name="text:Link5" content="" />
  40.     <meta name="text:Link5 Title" content="" />
  41.     <meta name="text:Link6" content="" />
  42.     <meta name="text:Link6 Title" content="" />
  43.     <meta name="color:scrollbarbg" content="#ffffff"/>
  44.     <meta name="color:scrollbar" content="#f1e0d1"/>
  45.  
  46.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47.     <title>{Title}</title>
  48.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49.     <link rel="shortcut icon" href="{Favicon}" />
  50.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.     <style type="text/css">
  52.  
  53.  
  54. ::-webkit-scrollbar {
  55.  
  56. height: 5px;
  57.  
  58. width: 5px;
  59.  
  60. background-color: {color:scrollbar};}
  61.  
  62.  
  63.  
  64. ::-webkit-scrollbar-thumb {
  65.  
  66. background-color:{color:scrollbar};
  67.  
  68. }
  69.  
  70.  
  71.  
  72. ::-webkit-scrollbar-track{
  73.  
  74. background-color: {color:scrollbarbg};
  75.  
  76. }
  77.  
  78.  
  79.  
  80. ::-webkit-scrollbar-buttom{
  81.  
  82. background-color:{color:scrollbarbg};
  83.  
  84. }
  85.  
  86.  
  87. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body}; font-size:11px; line-height:110%; text-align:justify}
  88.  
  89. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  90. a:hover{color:{color:linkhover}; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out}
  91.  
  92. #entries{ margin-left:420px; margin-top:20px; width:525px;}
  93.  
  94. #posts{width:500px; padding:5px;  }
  95.  
  96.  
  97. #title {font-family:Georgia; font-size:20px; text-align:center; margin-right:2px; margin-top:5px;font-style:italic; font-weight:bold;}
  98.  
  99. #sbar { width:300px; height: auto; margin-left:80px; margin-top:50px; position:fixed;  overflow:hidden; }
  100.  
  101. #simg {text-align:center; margin-bottom:2px; margin-top:30px}
  102. #simg img {max-width: 240px; height: auto; text-align:center; border:10px solid {color:bborder} }
  103. #simg:hover {opacity:0.9; -webkit-transition: all 0.6s ease; }
  104.  
  105.  
  106. #simg:hover #desc { width:225px;
  107. margin-left:40px;
  108. transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;}
  109.  
  110. #desc {background-color:{color:ddesc}; margin-left:-250px; margin-top:50px; font-family:georgia; font-size:10px; width:220px;  text-align: center; font-style:italic; opacity:0.9; position:absolute; border-radius:20px; opacity}
  111.  
  112. #nav {
  113. margin-top:10px;
  114. margin-left:25px;
  115. }
  116.  
  117.  
  118. #nav a{background: {color:nav}; display:inline; color:#FFFFFF; margin-top:3px; font-size:11px; font-family:cambria; text-transform:uppercase; padding:5px; text-align:center; font-style:italic;float:left; width:50px; margin-left:3px;}
  119.  
  120. #nav a:hover {background:#fffdfc; -webkit-transition: all 0.6s ease; }
  121.  
  122.  
  123.  
  124. #credit {width:50px;
  125. text-align:center;
  126. bottom:10px;
  127. right:10px;
  128. background-color:transparent;
  129. position:fixed;
  130. font-family:Cambria;
  131. text-transform:uppercase;
  132. font-size:9px;}
  133.  
  134.  
  135. #pagination{float:left; margin-left:125px; margin-top:5px;  color: {color:link}; font-size:25px;  font-family:georgia; text-align:center; }
  136.  
  137. h1{color:{color:title}; font-family: {font:title}; font-size:15px; line-height:15px; letter-spacing:0px; font-weight:normal; text-transform:normal; margin:0px; padding:0px; text-align:center; font-style: italic;}
  138.  
  139. h2{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  140.  
  141. h3{color:{color:link}; font-family:georgia; font-size:15px; letter-spacing:0px; font-weight:normal; font-style:italic; text-transform:lowercase; line-height:14px; margin-left:5px; margin-top:50px; margin-bottom:-60px; text-align:center; letter-spacing:1px}
  142.  
  143. h3 a:hover{background-color:transparent}
  144.  
  145. #source {text-align: left; opacity:0.8. padding-top:5px;}
  146.  
  147.  
  148. #info { font-family:Trebuchet MS; font-size:9px; text-transform:uppercase; color:{color:text};  text-align:left;  border-left:5px solid {color:burder};}
  149. #info:hover {  }
  150.  
  151. #tags { font:9px Trebuchet MS; text-align:right;text-transform: lowercase;  letter-spacing:1px; margin-top:10px; border-top:3px solid {color:border}; margin-right:5px; }
  152. #tags:hover { }
  153.  
  154. #ask {background: {color:qbackground}; font-size: 10px; color:{color:text};margin-bottom:8px; padding: 8px;
  155. }
  156.  
  157. #ask img {border:2px solid;
  158. float:left;
  159. margin:0px 5px 5px 0px;
  160. }
  161.  
  162.  
  163. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  164.  
  165. b, strong{color:{color:title};}
  166. i, em {color:{color:text};}
  167. p{margin-top:5px; margin-bottom:5px}
  168. blockquote {padding:0px; padding-left:5px; margin-left:10px; border-left:3px solid {color:border}}
  169.  
  170.  
  171.  
  172. img a{border:none; width:100%}
  173. .audio{background-color:black; display:block;}
  174.  
  175. .user_1 .label {color:{color:link}; font-weight:bold}
  176. .user_2 .label {color:{color:text}; font-weight:bold}
  177. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  178.  
  179. .notes img{width:10px; position:relative; top:1px;}
  180. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  181. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  182.         </style>
  183.     <style type="text/css">{CustomCSS}</style>
  184.  
  185.    
  186. </head>
  187.  
  188. <body>
  189.  
  190. <div id="credit"><a href="http://wolfied.tumblr.com">theme by wolfied</a></div>
  191.  
  192.  
  193. <div id="sbar">
  194. <div id="title"><a href="/">{Title}</a></div>
  195. <div id="simg">
  196. <div id="desc">{block:Description}{Description}{/block:Description}
  197. </div>
  198. <img src="{image:sidebar}"/></center></div>
  199. <div id="nav">
  200. <a href="/">home</a>
  201. <a href="/ask" >ask</a>
  202. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  203. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  204. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  205. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  206. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  207. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  208. </div>
  209. <br>
  210. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><big>«</big></a> &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}"><big>»</big></a>{/block:NextPage}</div>
  211.  
  212. </div>
  213.  
  214.  
  215. <div id="entries">
  216. {block:Posts}
  217. <div id="posts">
  218.  
  219.  
  220.  
  221. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  222. {block:Text}{Body}{/block:Text}
  223.  
  224. {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
  225.  
  226. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  227. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  228.  
  229. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  230. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  231.  
  232. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  233.  
  234. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  235.  
  236. {block:Answer}
  237. <div id="ask"><img src="{AskerPortraitURL-24}"> {Asker} whispered: <br />{Question}</div>
  238. <div id="answer">{Answer}</div>{/block:Answer}
  239.  
  240. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br></div>
  241.  
  242.  
  243. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a> <br> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}  {block:RebloggedFrom} via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  244. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>
  245. {/block:ContentSource} </div>
  246.  
  247. <div id="tags">
  248. {block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div><BR>
  249. {/block:Posts}
  250. {block:PostNotes}{PostNotes}{/block:PostNotes}
  251.  
  252. </div>
  253.  
  254. </body>
  255. </html>
create a new version of this paste RAW Paste Data