Advertisement
dimitribelikovs

theme 17

Mar 10th, 2013
986
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.71 KB | None | 0 0
  1. <!--
  2. theme 17 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. <!-- DEFAULT VARIABLES -->
  10. <meta name="color:background" content="#FFFFFF" />
  11. <meta name="color:sbar" content="#FFFFFF" />
  12. <meta name="color:entry" content="#FFFFFF" />
  13. <meta name="color:title" content="#c6c779" />
  14. <meta name="color:text" content="#7a7a7a" />
  15. <meta name="color:leftbar border" content="#272626" />
  16. <meta name="color:link" content="#8e9643" />
  17. <meta name="color:lhover" content="#cac5c5" />
  18. <meta name="color:pagination bg" content="#FFFFFF" />
  19. <meta name="color:selection" content="#462632" />
  20. <meta name="color:link1" content="#161817" />
  21. <meta name="color:link2" content="#ce6f15" />
  22. <meta name="color:italic" content="#d67782" />
  23. <meta name="color:bold" content="#9c689e" />
  24. <meta name="color:solid" content="#b1b0b0" />
  25. <meta name="color:scrollb" content="#0c0c0b" />
  26. <meta name="color:border" content="#E0E0E0" />
  27.  
  28. <meta name="font:title" content="georgia" />
  29. <meta name="font:body" content="baskerville" />
  30. <meta name="font:info" content="georgia" />
  31.  
  32. <meta name="if:Post Title Uppercase" content="0" />
  33. <meta name="if:Centred Description" content="0" />
  34.  
  35. <meta name="image:sidebar" content=""/>
  36. <meta name="image:background" content=""/>
  37.  
  38. <meta name="text:Link1" content="" />
  39. <meta name="text:Link1 Title" content="" />
  40. <meta name="text:Link2" content="" />
  41. <meta name="text:Link2 Title" content="" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Title" content="" />
  44. <meta name="text:Link4" content="" />
  45. <meta name="text:Link4 Title" content="" />
  46.  
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</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.  
  54. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400italic' rel='stylesheet' type='text/css'>
  55. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  56. <style type="text/css">
  57.  
  58. @font-face { font-family: "learning curve"; src: url('http://static.tumblr.com/vmxxeaj/5Zzm4ltle/learningcurve.ttf'); }
  59.  
  60. @font-face {
  61.  
  62. font-family: 'Inconsolata';
  63.  
  64. font-style: normal;
  65.  
  66. font-weight: normal;
  67.  
  68. src: local('Inconsolata'), url('http://themes.googleusercontent.com/static/fonts/inconsolata/v5/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff') format('woff');}
  69.  
  70. ::selection, ::-webkit-selection, ::-moz-selection{
  71. background-color: {color:selection};
  72. color: #ffffff;
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollb};height:30px;}
  76.  
  77. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollb};height:10px!important;}
  78.  
  79. ::-webkit-scrollbar {background-color:{color:background};height:10px;width:10px;}
  80.  
  81. body {
  82. color:{color:text};
  83. background-color:{color:background};
  84. background-image: url('{image:background}');
  85. background-position:left;
  86. background-attachment:fixed;
  87. background-repeat:no-repeat;
  88. font-size:10px;
  89. font-family:{font:body};
  90. line-height:110%;
  91. text-align:justify}
  92.  
  93. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
  94.  
  95. a:hover{color:{color:lhover}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  96.  
  97. #entries {margin-left:410px; margin-top:50px; width:525px;}
  98.  
  99. #posts{width:500px; background-color:{color:entry}; margin-bottom:25px; padding:5px;border:0px solid {color:border};}
  100.  
  101. #title {font-size:25px; text-align:center; letter-spacing:0px; font-style:normal; text-transform:lowercase;font-weight:none; color:{color:title}; font-family: "learning curve"; line-height:110%;}
  102.  
  103. #sidebarimg img {border: 0px solid {color:solid};overflow:hidden;max-width:200px;}
  104.  
  105. #sbar {background-color:{color:sbar};position:fixed; width:200px;
  106. margin-top:280px; margin-left:150px;
  107. padding:3px;
  108. overflow:hidden;}
  109.  
  110. #description {background-color:transparent;
  111. width:200px;margin-top:0px;
  112. {block:IfCentredDescription}text-align:center{/block:IfCentredDescription}; font-size: 10px;
  113. color:{color:text}; letter-spacing:0px; font-family:baskerville;
  114. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  115.  
  116. #leftbar {position:fixed;background-image: url('http://25.media.tumblr.com/7bc6601982d55757942c75763d00a5f9/tumblr_mfa8lkAVai1re9fwqo3_400.png');
  117. margin-top:-10px; margin-left:-10px;
  118. width:55px; height:1000%;
  119. background-color:#000000;
  120. border-right:8px solid {color:leftbar border};}
  121.  
  122. #pagination{color:{color:text};font-size:45px; text-transform:uppercase; font-family:baskerville;letter-spacing:0px;text-align:center;margin-top:320px;}
  123.  
  124. h1{color:{color:title}; font-family: share; font-size:15px; font-style:normal;font-weight:normal; letter-spacing:1px; margin:0px; padding:2px; text-align:center;{block:IfPostTitleUppercase}text-transform:uppercase{/block:IfPostTitleUppercase};}
  125.  
  126. h2{color:{color:text}; font-family: times new roman; font-size:13px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left;font-style:italic; }
  127.  
  128. #nav {position:fixed; margin-top:310px;margin-left:125px;-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;}
  129.  
  130. #link1 a, #link2 a, #link3 a, #link4 a, #link5 a, #link6 a {display:block; line-height:6px; letter-spacing:1px;
  131. font-family:calibri; font-size:9px; text-transform: uppercase;
  132. text-align:center;
  133. font-weight:bold;
  134. width: 200px; height:10px;
  135. margin-bottom: 1px; padding:5px;margin-left:20px;
  136. -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;}
  137.  
  138. #nav :hover {color:{color:lhover};margin-left:-72px;-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;}
  139.  
  140. #link1 {width:200px; display: block; background-color:{color:link1};-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;}
  141. #link2 {width:200px; display: block; background-color:{color:link2};-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;}
  142. #link3 {width:200px; display: block; background-color:{color:link1};-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;}
  143. #link4 {width:200px; display: block; background-color:{color:link2};-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;}
  144. #link5 {width:200px; display: block; background-color:{color:link1};-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;}
  145. #link6 {width:200px; display: block; background-color:{color:link2};-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;}
  146.  
  147.  
  148. #info {background-color:transparent;
  149. font-family: 'Share', cursive; font-size:9px;
  150. color:{color:text}; font-style:normal;
  151. letter-spacing:1px; text-transform:uppercase;
  152. text-align:right; padding:7px 3px 3px ;
  153. border-top:1px solid {color:border};
  154. margin-left:0px;
  155. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  156.  
  157. #info a:hover {color:{color:lhover}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  158.  
  159. #tags {font-family:calibri; letter-spacing:1px;
  160. font-size:10px;
  161. text-align:right; padding:2px;
  162. text-transform:lowercase;width:450px;
  163. margin-left:45px;}
  164.  
  165. #tags a {word-spacing:1;}
  166. #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;}
  167.  
  168.  
  169. #source {display:block;
  170. text-align:left;
  171. margin:-4px 5px 2px 0px;
  172. padding:2px; font-size:9px; }
  173.  
  174. #source img {border: 3px solid {color:selection};float:center;display: inline;height:16px;-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;}
  175.  
  176. #source img:hover {border: 3px solid {color:link1};-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;}
  177.  
  178. #question {font-size: 10px;font-family:cambria; background-color:transparent; color:{color:text};margin-bottom:0px; padding: 8px;}
  179. #asker {font-family :"learning curve"; font-size:22px;font-style:normal;}
  180. #asker a {color:{color:link};}
  181. #asker a:first-letter{font-style:normal;text-transform:lowercase; font-family :"learning curve";font-size:27px;}
  182.  
  183.  
  184. #question img{border: 1px dashed {color:text};float: left; padding: 3px; margin: 0px 7px 5px 0px;}
  185.  
  186. #audio {height:80px; padding:5px; margin-bottom:5px; }
  187. .audio-album {position:absolute; width:80px;}
  188.  
  189. #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; }
  190.  
  191. #audio-info { text-transform:uppercase;margin-top:10px;position:relative;margin-left:80px; padding:5px; font-family:share; }
  192.  
  193. #credit {font-family:share;text-align: center;position: fixed;width: 50px;bottom: 10px;right: 10px;text-transform:uppercase;}
  194.  
  195. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  196. blockquote img, blockquote a img {max-width: 490px}
  197.  
  198. b, strong{color:{color:bold};}
  199. i, em {color:{color:italic};}
  200. p{margin-top:3px; margin-bottom:3px;}
  201.  
  202. img a{border:none}
  203. .audio{background-color:white; display:block;}
  204. .albumart {width:58px; height:58px; float:left;}
  205.  
  206.  
  207. .source {text-align:center; font-size: 10px; font-family:share;font-style:normal;color:{color:bold}; font-weight:bold;padding:2px;}
  208.  
  209. .user_1 .label {color:{color:title};letter-spacing:2px; font-weight:normal}
  210. .user_2 .label {color:{color:text};font-style:italic;letter-spacing:1px; font-weight:bold}
  211.  
  212. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  213.  
  214. .notes img{width:10px; position:relative; top:0px;}
  215.  
  216. ol.notes, .notes li{width:500px;list-style:none;
  217. text-transform:uppercase;font-family:calibri;
  218. font-size:10px;letter-spacing:0px;
  219. border-bottom:1px solid #efefef;
  220. margin:5px; padding:3px;}
  221. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  222.  
  223. </style>
  224. <style type="text/css">{CustomCSS}</style>
  225. </head>
  226.  
  227. <body>
  228.  
  229. <div id="leftbar">
  230. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}<br><br><br>{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  231. </div>
  232. </div>
  233.  
  234. <div id="nav">
  235. <div id=link1><a href="/">home</a></div>
  236. <div id=link2><a href="/ask">ask</a></div>
  237. <div id=link3>{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div>
  238. <div id=link4>{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</div>
  239. <div id=link5>{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</div>
  240. <div id=link6>{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
  241. </div>
  242. <div id="sbar">
  243. <div id="title">{Title}</div>
  244.  
  245. <div id="sidebarimg">
  246. <a href="/"><img src="{image:sidebar}" /></a></div><br>
  247. <div id="description">
  248. {block:Description}
  249. {Description}
  250. {/block:Description}
  251. </div>
  252. <br>
  253.  
  254.  
  255. </div>
  256.  
  257. <br>
  258.  
  259.  
  260. <div id="entries">
  261. {block:Posts}
  262. <div id="posts">
  263.  
  264. {block:Quote}
  265. <h2><center>"{Quote}"</center>
  266. {block:Source}
  267. <div class="source">—{Source}{/block:Source}</div></h2>{/block:Quote}
  268. {block:Title}
  269. <h1>{Title}&nbsp;</h1>{/block:Title}
  270. {block:Text}
  271. {Body}{/block:Text}
  272.  
  273. {block:Link}
  274. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  275. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  276.  
  277. {block:Photo}
  278. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  279. {block:Photoset}
  280. <div class="post photoset">
  281. {Photoset-500}
  282. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  283. </div>{/block:Photoset}
  284.  
  285. {block:Chat}
  286. <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}
  287.  
  288. {block:Video}
  289. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  290.  
  291. {block:Answer}
  292. <div id="question"><img src="{AskerPortraitURL-24}">
  293. <div id="asker">{Asker} whispered:</div>
  294. {Question}</div><br>
  295. <div id="answer">{Answer}</div>{/block:Answer}
  296.  
  297.  
  298. {block:Audio}
  299. <div id="audio">
  300. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  301. <div id="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  302.  
  303. <div id="audio-info">
  304. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  305. {block:Artist}<b><u>Artist:</b></u> {Artist}<BR>{/block:Artist}
  306. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  307. {block:PlayCount}<b><u>Plays:</b></u> {PlayCount}<BR>{/block:PlayCount}
  308. </div></div>
  309. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Audio}<br>
  310.  
  311.  
  312. <div id="info">
  313. {block:Date}posted <a href="{Permalink}"><u> {ShortMonth} {DayOfMonth}, {Year}</u> </a> @ {24HourWithZero}:{Minutes}{/block:Date}
  314. <div style="float:left"><div id="source">{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>
  315. {block:ContentSource}<a href="{SourceURL}"><img src="{ReblogRootPortraitURL-16}"></a>{block:ContentSource}{/block:RebloggedFrom}</div></div>
  316. {block:NoteCount}<div style="color:#ffffff;background-color:{color:selection};margin-top:-2px;margin-left:5px;width:60px; padding:2px;text-align:center; float:right">{NoteCountWithLabel}</div>{/block:NoteCount}
  317. <div id="tags">
  318. {block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  319. </div></div>
  320. {/block:Posts}
  321.  
  322. {block:PostNotes}
  323. {PostNotes}
  324. {/block:PostNotes}
  325.  
  326. <div id=credit><a href="http://sarahbartowsky.tumblr.com/">(c) theme</a></div>
  327.  
  328. </div>
  329.  
  330.  
  331. </body>
  332. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement