Advertisement
emrys

18th theme

Mar 16th, 2013
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.01 KB | None | 0 0
  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 (@ariahasting). don't steal -->
  4.  
  5.  
  6. <head>
  7.  
  8.  
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#ffffff" />
  12. <meta name="color:entry" content="#ffffff" />
  13.  
  14.  
  15.  
  16. <meta name="color:title" content="#cccccc" />
  17. <meta name="color:text" content="#b1b1b1" />
  18. <meta name="color:link" content="#78d5ca" />
  19. <meta name="color:qbackground" content="#f2f2f2" />
  20. <meta name="color:info"content="#CCCCCC">
  21. <meta name="color:border" content="#CCCCCC">
  22. <meta name="color:nav" content="#F1F1F1">
  23. <meta name="color:header" content="#F1F1F1">
  24.  
  25.  
  26.  
  27.  
  28. <meta name="font:title" content="arial" />
  29. <meta name="font:body" content="arial" />
  30.  
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="image:background" content="" />
  33. <meta name="image:header background" content="" />
  34.  
  35.  
  36.  
  37. <meta name="text:Link1" content="" />
  38. <meta name="text:Link1 Title" content="" />
  39. <meta name="text:Link2" content="" />
  40. <meta name="text:Link2 Title" content="" />
  41. <meta name="text:Link3" content="" />
  42. <meta name="text:Link3 Title" content="" />
  43. <meta name="text:Link4" content="" />
  44. <meta name="text:Link4 Title" content="" />
  45. <meta name="color:scrollbarbg" content="#ffffff"/>
  46. <meta name="color:scrollbar" content="#f4f4f4"/>
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}</title>
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53. <link href='http://fonts.googleapis.com/css?family=Monda' rel='stylesheet' type='text/css'>
  54.  
  55. <style type="text/css">
  56.  
  57. #fade {
  58. display: none;
  59. background: #000;
  60. position: fixed;
  61. left: 0;
  62. top: 0;
  63. width: 100%;
  64. height: 100%;
  65. opacity: .80;
  66. z-index: 9999;
  67. }
  68.  
  69. .popup_block{
  70. display: none;
  71. background: #FFFFFF;
  72. padding: 20px;
  73. float: left;
  74. position: fixed;
  75. top: 50%;
  76. left: 50%;
  77. z-index: 99999;
  78. }
  79.  
  80. img.btn_close {
  81. float: right;
  82. margin: -55px -55px 0 0;
  83. }
  84.  
  85. *html #fade {
  86. position: absolute;
  87. }
  88.  
  89. *html .popup_block {
  90. position: absolute;
  91. }
  92.  
  93. ::-webkit-scrollbar {
  94.  
  95. height: 10px;
  96.  
  97. width: 10px;
  98.  
  99. background-color: {color:scrollbar};}
  100.  
  101.  
  102.  
  103. ::-webkit-scrollbar-thumb {
  104.  
  105. background-color:{color:scrollbar};
  106.  
  107. }
  108.  
  109.  
  110.  
  111. ::-webkit-scrollbar-track{
  112.  
  113. background-color: {color:scrollbarbg};
  114.  
  115. }
  116.  
  117.  
  118.  
  119. ::-webkit-scrollbar-buttom{
  120.  
  121. background-color:{color:scrollbarbg};
  122.  
  123. }
  124.  
  125.  
  126. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-size:11px; line-height:100%; text-align:justify;font-family:calibri;}
  127.  
  128. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  129. 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}
  130.  
  131. #entries{ margin-left:350px; margin-top:10px; width:410px; line-height:110%;}
  132.  
  133. #posts{overflow:hidden; background-color: {color:entry}; padding:12px;margin-top:20px; width:400px;}
  134.  
  135. #header{width:420px; margin-left:355px; background-image: url('http://i45.tinypic.com/2zg7m8g.jpg');line-height:110%;margin-top:50px;z-index:100; height:80px;box-shadow: 1px 0px 5px #eee;border-bottom:1px solid {color:border};}
  136. #sidebar{width:170px; margin-left:120px;height:auto;line-height:110%;margin-top:10px;position:fixed;}
  137. #simg {text-align:center; margin-left:5px;margin-top:150px;}
  138. #simg img {max-width: 150px; height:150px; text-align:center;
  139. border:1px double {color:border};padding:3px;}
  140. #texty {margin-top:10px;font-family:calibri; font-size:10px;text-align:center; margin-left:10px;color:{color:text};width:150px;}
  141.  
  142. #title{color:{color:link};font-size:20px;font-family:times;letter-spacing:0px;line-height:110%;font-align:center;text-transform:uppercase;margin-left:80px;margin-top:20px;}
  143.  
  144. #links {
  145. margin-top:160px;
  146. margin-left:50px;
  147. text-align:center;
  148. position:fixed;}
  149.  
  150. #links a{
  151. display:block;
  152. font-family:cambria;
  153. font-size:23px;
  154. text-transform:uppercase;
  155. line-height:25px;
  156. text-align:justify;
  157. margin-top:1px;
  158. color:{color:nav};
  159. letter-spacing:-2px;}
  160.  
  161. #links a:hover{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;background:#000000;color:#ffffff;}
  162.  
  163.  
  164. #credit {width:80px;
  165. height:15px;
  166. text-align:center;
  167. bottom:10px;
  168. right:5px;
  169. position:fixed;
  170. opacity:0.5;
  171. font-family:trebuchet ms;
  172. text-transform:uppercase;
  173. font-size:10px;
  174. background:{color:credit};
  175. border:1px solid #eee;}
  176.  
  177. #credit:hover {right:15px;
  178. text-align:center;
  179. text-transform:uppercase;
  180. opacity:1;
  181. 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}
  182.  
  183. #pagination{margin-left:75px;color:{color:link}; font-size:16px; font-family:georgia; position:fixed;text-align:center;margin-top:10px; }
  184.  
  185.  
  186. h1{color:{color:title}; font-family:Georgia; font-size:15px; line-height:10px; text-align:center; font-weight:normal; font-style:italic; text-transform:lowercase;}
  187.  
  188. h2{color:{color:title}; font-family:arial; font-size:11px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:lowercase; text-align:left; font-style:italic;}
  189.  
  190.  
  191. 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}
  192.  
  193. h3 a:hover{background-color:transparent}
  194.  
  195. #source {text-align: left}
  196.  
  197. #info {text-align:left; font:9px calibri; text-transform:uppercase;border-bottom:1px dashed #eee;}
  198. #info:hover { }
  199.  
  200. #tags {text-align:left; font:9px calibri;text-transform:uppercase;}
  201.  
  202. #ask {font-size: 9px; background-color:{color:qbackground}; color:#ffffff;margin-bottom:8px; padding: 8px;text-align:center; font-family:calibri;text-transform:uppercase;}
  203. #answer {font-size:10px;font-family:calibri;margin-left:5px;}
  204. b, strong{color:{color:title};}
  205. i, em {color:{color:text};}
  206. p{margin-top:5px; margin-bottom:5px}
  207. blockquote {padding:0px; padding-left:5px; margin-left:15px; border-left:2px solid {color:border};font-style:italic;}
  208. small {font-size:10px;}
  209.  
  210. img a{border:none; width:100%}
  211. .audio{background-color:black; display:block;}
  212.  
  213. .user_1 .label {color:{color:link}; font-weight:bold}
  214. .user_2 .label {color:{color:text}; font-weight:bold}
  215. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  216.  
  217. .notes img{width:10px; position:relative; top:1px;}
  218. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  219. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  220.  
  221. </style>
  222. <style type="text/css">{CustomCSS}</style>
  223.  
  224.  
  225. </head>
  226.  
  227. <body>
  228.  
  229.  
  230. <div id="credit"><a href="http://ariahasting.tumblr.com">credit</a></div>
  231.  
  232. <div id="sidebar">
  233. <div id="simg"><img src="{image:sidebar}"/></div>
  234. <div id="texty">{block:Description}{Description}{/block:Description}</div>
  235. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}
  236. </div>
  237. </div>
  238. <div id="links">
  239. <a href="/" >home</a>
  240. <a href="/ask">ask</a>
  241. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  242. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  243. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  244. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  245. </div>
  246.  
  247.  
  248. <div id="header"><br>
  249. <div id="title"><a href="/">{Title}</a></div>
  250. </div>
  251.  
  252.  
  253. <div id="entries">
  254. {block:Posts}
  255. <div id="posts">
  256.  
  257.  
  258. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  259. {block:Text}{Body}{/block:Text}
  260.  
  261. {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
  262.  
  263. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  264. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  265.  
  266. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  267. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  268.  
  269. {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}
  270.  
  271. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  272.  
  273. {block:Answer}
  274. <div id="ask"> {Asker}<br>{Question}</div>
  275. <div id="answer">{Answer}</div>{/block:Answer}
  276.  
  277. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  278.  
  279. <div id="info">
  280. {block:Date} <a href="{Permalink}">{24HourWithZero}:{Minutes} on {dayofmonthwithzero}/{monthnumberwithzero}/{year}</a> {/block:Date}{block:NoteCount} ♥ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}{block:ContentSource} / <span style="text-transform:lowercase; font-family:georgia;"><a href="{SourceURL}"><u>source</u></span></a>
  281. {/block:ContentSource}</div>
  282. <div id="tags">{block:HasTags}{block:Tags}✎<a href="{TagUrl}">{Tag} </a></span>{/block:Tags}{/block:HasTags}</div></div>
  283.  
  284.  
  285. {/block:Posts}
  286. <!-- {block:NoRebloggedFrom}
  287. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  288. {/block:NoRebloggedFrom} -->
  289. {block:PostNotes}{PostNotes}{/block:PostNotes}
  290.  
  291. </div>
  292.  
  293. </body>
  294.  
  295. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement