Advertisement
dimitribelikovs

theme 18

Mar 10th, 2013
1,894
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.88 KB | None | 0 0
  1. <!--
  2. theme 18 by maris (sarahbartowsky.tumblr.com)
  3.  
  4. please leave the credit intact, don't use this code as a base and DO NOT STEAL !!-->
  5.  
  6. <html>
  7. <head>
  8.  
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#FFFFFF" />
  12. <meta name="color:sbar" content="#0e0c0c" />
  13. <meta name="color:entry" content="#FFFFFF" />
  14. <meta name="color:title" content="#383833" />
  15. <meta name="color:topbar" content="#131313" />
  16. <meta name="color:text" content="#7a7a7a" />
  17. <meta name="color:link" content="#87898b" />
  18. <meta name="color:lhover" content="#afafaf" />
  19. <meta name="color:rightbar" content="#0c0c0b" />
  20. <meta name="color:pagination bg" content="#FFFFFF" />
  21. <meta name="color:italic" content="#bd5864" />
  22. <meta name="color:info border" content="#d1627e" />
  23. <meta name="color:bold" content="#dbcc4f" />
  24. <meta name="color:solid" content="#b1b0b0" />
  25. <meta name="color:scrollb" content="#0c0c0b" />
  26. <meta name="color:border" content="#e7e6e6" />
  27.  
  28. <meta name="font:title" content="georgia" />
  29. <meta name="font:body" content="georgia" />
  30. <meta name="font:info" content="georgia" />
  31.  
  32. <meta name="image:sidebg" content=""/>
  33. <meta name="image:background" content=""/>
  34.  
  35. <meta name="text:title" content="2nd title"" />
  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.  
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic' rel='stylesheet' type='text/css'>
  52. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  53. <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  56.  
  57. <style type="text/css">
  58.  
  59. @font-face { font-family: "learning curve"; src: url('http://static.tumblr.com/vmxxeaj/5Zzm4ltle/learningcurve.ttf'); }
  60.  
  61. @font-face {
  62.  
  63. font-family: 'Inconsolata';
  64.  
  65. font-style: normal;
  66.  
  67. font-weight: normal;
  68.  
  69. src: local('Inconsolata'), url('http://themes.googleusercontent.com/static/fonts/inconsolata/v5/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff') format('woff');}
  70.  
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollb};height:20px;}
  73.  
  74. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollb};height:8px!important;}
  75.  
  76. ::-webkit-scrollbar {background-color:{color:background};height:8px;width:8px;}
  77.  
  78. body {
  79. color:{color:text};
  80. background-color:{color:background};
  81. background-image: url('{image:background}');
  82. background-position:left;
  83. background-attachment:fixed;
  84. background-repeat:no-repeat;
  85. font-size:10px;
  86. font-family:baskerville;
  87. line-height:110%;
  88. text-align:justify}
  89.  
  90. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
  91.  
  92. a:hover{color:{color:lhover}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  93.  
  94. #entries {margin-left:340px; margin-top:80px; width:525px;}
  95.  
  96. #posts{width:500px; background-color:{color:entry}; margin-bottom:85px; padding:15px;border:1px solid {color:border};}
  97.  
  98. #top{opacity:1;width:100%; height:60px; background-color:{color:topbar};
  99. position:fixed; margin:-8px; z-index:2;}
  100.  
  101. #toptitle {font-family: 'Great Vibes', cursive; font-size:25px; margin-top:10px;text-align:center;font-weight:none; color:#ffffff;line-height:110%;}
  102.  
  103. #rightyb {position:fixed;background-color:{color:rightbar};
  104. margin-top:-10px; margin-left:900px;
  105. width:15px; height:1000%;border-right:5px solid {color:italic};}
  106.  
  107. #rightyb2 {position:fixed;background-color:#000000;background-image: url('{image:sidebg}');
  108. margin-top:-10px; margin-left:920px;
  109. width:380px; height:1000%;opacity:1;}
  110.  
  111. #title {position:absolute;background-color:{color:sbar};font-size:16px;margin-top:22px; margin-left:90px;text-align:center;padding:5px;padding-bottom:30px; letter-spacing:1px; text-transform:uppercase;font-weight:none; color:#ffffff; font-family:"Oranienbaum"; line-height:110%;width:168px;}
  112.  
  113. #sidebarimg img {overflow:hidden;border:5px solid {color:sbar}; max-width:80px;height:80px;margin-left:0px;}
  114.  
  115. #sbar {background-color:transparent;position:fixed;width:220px;
  116. margin-top:350px; margin-left:940px;
  117. padding:3px;
  118. }
  119.  
  120.  
  121. #description {background-color:{color:sbar};
  122. width:240px;padding:10px;
  123. text-align:center; font-size: 9.5px;
  124. color:{color:text}; letter-spacing:0px;
  125. text-transform:none;
  126. border:4px double #0c0c0c;
  127. font-family:'Oranienbaum';
  128. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  129.  
  130.  
  131. #pagination{margin-top:2px;color:#d5d5d5;font-size:10px; text-transform:uppercase; font-family:consolas;letter-spacing:1px;text-align:center;}
  132. #pagination a {padding:3px;background-color:#000000;-webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  133.  
  134. #pagination a:hover {color:#d5d5d5;background-color:#242323;-webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  135.  
  136. h1{color:{color:title}; font-family: 'Great Vibes', cursive; font-size:27px; font-style:normal;font-weight:normal; letter-spacing:1px; margin:0px; padding:2px; text-align:center;}
  137.  
  138. h2{color:{color:text}; font-family: 'Great Vibes', cursive; font-size:22px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left;font-style:normal; }
  139.  
  140.  
  141. #nav {position:fixed;margin-top:42px;margin-left:95px;-webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;overflow:hidden;}
  142.  
  143. #nav a {background-color:transparent;
  144. color:#ffffff;
  145. display:inline-block; letter-spacing:1px;
  146. font-family:'Oranienbaum'; font-size:8px;
  147. text-transform:uppercase;
  148. font-style:none;
  149. text-align:center;
  150. font-weight:none;
  151. padding:2px;
  152. width:40px;
  153. border-bottom:0px solid #0a0a0a;
  154. -webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  155.  
  156. #nav a:first-letter {font-style:none;font-size:10px;font-weight:bold;font-family:cambria;color:{color:italic};}
  157.  
  158. #nav a:hover {color:{color:text};-webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  159.  
  160.  
  161. #datee {
  162. position:absolute;
  163. background-color:transparent;
  164. color:{color:text};
  165. padding:3.2px;
  166. font-size:10px;
  167. letter-spacing:1px;
  168. font-family:calibri;
  169. text-transform:uppercase;
  170. text-align:center;
  171. position:absolute;
  172. margin-left:15px;
  173. margin-top:20px;
  174. border-left: 10px solid {color:info border};
  175. }
  176.  
  177. #info {
  178. position:absolute;
  179. background-color:transparent;
  180. font-family: consolas; font-size:10px;
  181. color:{color:text}; font-weight:none;
  182. letter-spacing:0px; text-transform:uppercase;
  183. text-align:right;
  184. padding:5px;
  185. margin-left:-15px;
  186. margin-top:16px;
  187. width:520px;
  188. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  189.  
  190. #info a:hover {color:{color:lhover}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  191.  
  192. #tags {position:absolute;
  193. font-family:'Oranienbaum';
  194. letter-spacing:0px;
  195. font-size:10px;
  196. text-align:left;
  197. padding:3px;
  198. text-transform:lowercase;
  199. width:520px;
  200. margin-left:-20px;
  201. margin-top:50px;
  202. -webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  203.  
  204. #tags a {word-spacing:1;text-decoration:none;font-style:none;padding:3px;-webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  205. #tags a:hover {color:{color:lhover};-webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  206.  
  207.  
  208. #source {position:absolute;
  209. display:block;
  210. float:left;
  211. margin-left:-20px;
  212. margin-top:15px;
  213. padding:5px; font-size:9px;
  214. -webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  215.  
  216. #source img {letter-spacing:1px;float:left;display: block;height:28px;-webkit-transition: opacity 0.47s linear;opacity: 0.4s;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  217.  
  218.  
  219. #question {font-size: 10px;font-family:baskerville; background-color:transparent; color:{color:text};text-align:left;padding: 3px;}
  220.  
  221. #asker {font-family:calibri; font-size:10px;font-style:italic;text-transform:uppercase;letter-spacing:2px;padding:2px;border-bottom:1px solid #e7e6e6;}
  222. #asker a {color:{color:link};}
  223.  
  224. #audio {height:80px; padding:5px; margin-bottom:5px; }
  225. .audio-album {position:absolute; width:80px;}
  226.  
  227. #audio-player { opacity:0.5; filter:alpha(opacity=50); border:10px solid #f2f2f2; width:25px; height:25px; overflow:hidden; position:absolute; z-index:2; margin-left:18px; margin-top:18px; }
  228.  
  229. #audio-info { text-transform:uppercase;margin-top:10px;position:relative;margin-left:80px; padding:5px; font-family:'share'; }
  230.  
  231. #credit {font-family:share;text-align: center;position: fixed;width: 50px;bottom: 8px;left: 10px;text-transform:uppercase;}
  232.  
  233.  
  234. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  235. blockquote img, blockquote a img {max-width: 490px}
  236.  
  237. b, strong{color:{color:bold};}
  238. i, em {color:{color:italic};}
  239. p{margin-top:3px; margin-bottom:3px;}
  240.  
  241. img a{border:none}
  242. .audio{background-color:white; display:block;}
  243. .albumart {width:58px; height:58px; float:left;}
  244.  
  245.  
  246. .source {text-align:center; font-size: 10px; font-family:calibri;font-style:normal;color:{color:bold}; font-weight:normal;padding:2px;}
  247.  
  248. .user_1 .label {color:{color:title};letter-spacing:2px; font-weight:normal}
  249. .user_2 .label {color:{color:text};font-style:italic;letter-spacing:1px; font-weight:bold}
  250.  
  251. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  252.  
  253. .notes img{width:10px; position:relative; top:0px;}
  254.  
  255. ol.notes, .notes li{width:500px;list-style:none;
  256. text-transform:uppercase;font-family:'Oranienbaum';
  257. font-size:9px;letter-spacing:0px;
  258. border-bottom:0px solid #cccccc;
  259. margin:3px; padding:3px;}
  260. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  261.  
  262. </style>
  263. <style type="text/css">{CustomCSS}</style>
  264. </head>
  265.  
  266. <body>
  267.  
  268. <div id="top">
  269. <div id="toptitle">{Title}</div>
  270.  
  271. <div id="pagination">
  272. {block:Pagination}
  273. {block:PreviousPage}
  274. <a href="{PreviousPage}">«</a>
  275. {/block:PreviousPage}
  276.  
  277. {block:JumpPagination length="6"}
  278. {block:CurrentPage}
  279. <span class="current_page">{PageNumber}</span>
  280. {/block:CurrentPage}
  281. {block:JumpPage}
  282. <a class="jump_page" href="{URL}">{PageNumber}</a>
  283. {/block:JumpPage}
  284. {/block:JumpPagination}
  285.  
  286. {block:NextPage}
  287. <a href="{NextPage}">»</a>
  288. {/block:NextPage}
  289. {/block:Pagination}
  290. </div>
  291. </div>
  292.  
  293. <div id="rightyb"></div>
  294. <div id="rightyb2"></div>
  295.  
  296.  
  297. <div id="sbar">
  298. <div id="title">{text:title}</div>
  299. <div id="nav">
  300. <a href="/">refresh</a> ✘
  301. <a href="/ask">ask</a> ✘
  302. <a href="/archive">past</a>
  303. <br>
  304. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1} ✘
  305. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} ✘
  306. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  307. </div>
  308. <div id="sidebarimg">
  309. <img src="{PortraitURL-96}"></div><br>
  310.  
  311.  
  312.  
  313. <div id="description">
  314. {block:Description}
  315. {Description}
  316. {/block:Description}
  317. </div>
  318. <br>
  319.  
  320.  
  321. </div>
  322.  
  323. <br>
  324.  
  325. <div id="entries">
  326. {block:Posts}
  327. <div id="posts">
  328.  
  329.  
  330. {block:Quote}
  331. <h2><center>"{Quote}"</center>
  332. {block:Source}
  333. <div class="source">—{Source}{/block:Source}</div></h2>{/block:Quote}
  334. {block:Title}
  335. <h1>{Title}&nbsp;</h1>{/block:Title}
  336. {block:Text}
  337. {Body}{/block:Text}
  338.  
  339. {block:Link}
  340. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  341. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  342.  
  343. {block:Photo}
  344. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  345. {block:Photoset}
  346. <div class="post photoset">
  347. {Photoset-500}
  348. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  349. </div>{/block:Photoset}
  350.  
  351. {block:Chat}
  352. <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}
  353.  
  354. {block:Video}
  355. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  356.  
  357. {block:Answer}
  358. <div id="question">
  359. <div id="asker">{Asker} whispered:</div>
  360. {Question}</div><br>
  361. <div id="answer">{Answer}</div>{/block:Answer}
  362.  
  363.  
  364. {block:Audio}
  365. <div id="audio">
  366. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  367. <div id="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  368.  
  369. <div id="audio-info">
  370. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  371. {block:Artist}<b><u>Artist:</b></u> {Artist}<BR>{/block:Artist}
  372. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  373. {block:PlayCount}<b><u>Plays:</b></u> {PlayCount}<BR>{/block:PlayCount}
  374. </div></div>
  375. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  376.  
  377. <div id="datee">
  378. {block:Date}<a href="{Permalink}">{Month}<br> {DayOfMonthWithZero}, {Year}</a>{/block:Date}</div>
  379.  
  380. <div style="float:left;padding:5px;position:absolute;margin-top:22px;margin-left:85px;font-family:calibri; font-size:10px;"> {block:ContentSource}[ © <a href="{SourceURL}">{SourceLink}</a> ]{/block:ContentSource}</div>
  381.  
  382. <div id="info">
  383. {block:NoteCount}<font color=#ddc1cf face=arial size=1>&hearts;</font> {NoteCountWithLabel}{/block:NoteCount}</div>
  384.  
  385. <div id="source">{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-30}"title="via"></a>
  386. {/block:RebloggedFrom}</div>
  387.  
  388. <div id="tags">
  389. {block:HasTags}{block:Tags} ◆<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  390.  
  391. </div>
  392. {/block:Posts}
  393.  
  394. {block:PostNotes}
  395. {PostNotes}
  396. {/block:PostNotes}
  397.  
  398. <div id=credit><a href="http://sarahbartowsky.tumblr.com/">(c) theme</a></div>
  399.  
  400. </div>
  401.  
  402.  
  403. </body>
  404. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement