Advertisement
tutorgirl

theme 12 by markedandtied

Jul 14th, 2013
666
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.02 KB | None | 0 0
  1. <!---
  2. theme by vicki
  3. don't repost or copy!!
  4. --->
  5.  
  6. <html>
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#fff" />
  10. <meta name="color:sidebar" content="#fff" />
  11. <meta name="color:info" content="#fff" />
  12. <meta name="color:questions" content="#fff" />
  13. <meta name="color:text" content="#4f4f4f" />
  14. <meta name="color:title" content="#a32628" />
  15. <meta name="color:link" content="#b9393b" />
  16. <meta name="color:link hover" content="#812829" />
  17. <meta name="color:sbarlinks" content="#d5d5d5" />
  18. <meta name="color:sbarlinks hover" content="#ececec" />
  19. <meta name="color:tags hover" content="#ececec" />
  20. <meta name="color:border" content="#d5d5d5" />
  21.  
  22. <meta name="font:title" content="georgia" />
  23. <meta name="font:body" content="helvetica" />
  24. <meta name="font:info" content="georgia" />
  25.  
  26. <meta name="image:sidebar" content="" />
  27. <meta name="image:background" content="" />
  28.  
  29. <meta name="text:link1" content="" />
  30. <meta name="text:link1 title" content="" />
  31. <meta name="text:link2" content="" />
  32. <meta name="text:link2 title" content="" />
  33. <meta name="text:link3" content="" />
  34. <meta name="text:link3 title" content="" />
  35. <meta name="text:link4" content="" />
  36. <meta name="text:link4 title" content="" />
  37. <meta name="text:link4" content="" />
  38. <meta name="text:link5" content="" />
  39. <meta name="text:link5 title" content="" />
  40.  
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}
  44. {block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47. <link rel="shortcut icon" href="{Favicon}" />
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  49. <link href='http://fonts.googleapis.com/css?family=Yesteryear|Engagement|Norican|Cookie' rel='stylesheet' type='text/css'>
  50.  
  51. <style type="text/css">
  52. body {
  53. background-color:{color:background};
  54. color:{color:text};
  55. font-family:cambria, serif;
  56. text-align:left;
  57. font-size:11px;
  58. background-image:{image:background};
  59. background-attachment:fixed;
  60. background-position:bottom left;
  61. background-repeat:no-repeat;
  62. }
  63.  
  64. a, a:link, a:visited {
  65. color:{color:link};
  66. text-decoration:none;
  67. -webkit-transition: .5s ease-in;
  68. -moz-transition: .5s ease-in;
  69. -o-transition: .5s ease-in;
  70. -ms-transition: .5s ease-in;
  71. }
  72.  
  73. a:hover, a:active, a:focus {
  74. color:{color:link hover};
  75. text-decoration:none;
  76. }
  77.  
  78. #entries {
  79. margin-left:450px;
  80. width:500px;
  81. margin-top:5px;
  82. }
  83.  
  84. #entries img {
  85. max-width:500px;
  86. }
  87.  
  88. #posts {
  89. position:relative;
  90. margin-bottom:15px;
  91. padding:6px;
  92. }
  93.  
  94. #sidebar {
  95. position:fixed;
  96. margin-top:50px;
  97. margin-left:160px;
  98. width:245px;
  99. background-color:{color:sidebar};
  100. font-size:10px;
  101. text-align:justify;
  102. }
  103.  
  104. #sbarimg {
  105. width:245px;
  106. }
  107.  
  108. #sbarimg img {
  109. max-width:245px;
  110. border:1px solid {color:border};
  111. padding:2px;
  112. }
  113.  
  114. #title {
  115. font-family:"times new roman", serif;
  116. font-size:18px;
  117. font-style:italic;
  118. color:{color:title};
  119. text-align:center;
  120. border-bottom:4px double {color:border};
  121. border-top:4px double {color:border};
  122. padding:10px 0px;
  123. margin-bottom:15px;
  124. }
  125.  
  126. #descrip {
  127. margin-top:3px;
  128. }
  129.  
  130. #sbarlinks {
  131. padding:5px 0px;
  132. text-transform:lowercase;
  133. }
  134.  
  135. #sbarlinks a {
  136. display:inline-block;
  137. font-family:"times new roman", serif;
  138. font-size:12px;
  139. letter-spacing:1px;
  140. margin-right:1px;
  141. color:{color:text};
  142. background-color:{color:sbarlinks};
  143. padding:4px 8px;
  144. -webkit-transition: .5s ease-in;
  145. -moz-transition: .5s ease-in;
  146. -o-transition: .5s ease-in;
  147. -ms-transition: .5s ease-in;
  148. }
  149.  
  150. #sbarlinks a:hover {
  151. background-color:{color:sbarlinks hover};
  152. }
  153.  
  154. #pagination {
  155. font-family:cambria, serif;
  156. font-size:10px;
  157. word-spacing:5px;
  158. text-align:center;
  159. }
  160.  
  161. #pagination a {
  162. background-color:{color:sbarlinks};
  163. padding:2px 4px;
  164. }
  165.  
  166. #pagination a:hover {
  167. background-color:{color:sbarlinks hover};
  168. }
  169.  
  170. #info {
  171. background-color:{color:info};
  172. font-family:"times new roman";
  173. text-transform:lowercase;
  174. padding:6px 0px;
  175. margin-top:15px;
  176. border-bottom:1px solid {color:border};
  177. }
  178.  
  179. #tags {
  180. padding-top:4px;
  181. font-family:"times new roman";
  182. text-transform:lowercase;
  183. font-style:italic;
  184. }
  185.  
  186. #tags a, #tags a:link, #tags a:visited {
  187. padding:2px 4px;
  188. line-height:135%;
  189. }
  190.  
  191. #tags a:hover, #tags a:active, #tags a:focus {
  192. background-color:{color:tags hover};
  193. }
  194.  
  195. .date {
  196. background-color:{color:sbarlinks};
  197. padding:4px 8px;
  198. -webkit-transition: .5s ease-in;
  199. -moz-transition: .5s ease-in;
  200. -o-transition: .5s ease-in;
  201. -ms-transition: .5s ease-in;
  202. }
  203.  
  204. .date a {
  205. color:{color:text};
  206. }
  207.  
  208. .date:hover {
  209. background-color:{color:sbarlinks hover};
  210. }
  211.  
  212. .infofloat {
  213. float:right;
  214. }
  215.  
  216. .questions {
  217. background-color:{color:questions};
  218. margin-top:-5px;
  219. }
  220.  
  221. .askicon {
  222. float:left;
  223. margin-right:8px;
  224. border:1px solid {color:border};
  225. padding:2px;
  226. }
  227.  
  228. .asker {
  229. margin-left:-1px;
  230. font-family:"times new roman";
  231. font-style:italic;
  232. }
  233.  
  234. .answer {
  235. clear:left;
  236. padding-top:1px;
  237. }
  238.  
  239. .audio {
  240. width:75px;
  241. height:75px;
  242. position:relative;
  243. z-index:50;
  244. }
  245.  
  246. .audioplayerbg {
  247. opacity:0.8;
  248. width:75px;
  249. height:75px;
  250. overflow:hidden;
  251. z-index:100;
  252. top:0;
  253. position:absolute;
  254. background-color:#fff;
  255. -webkit-transition: .5s ease-in;
  256. -moz-transition: .5s ease-in;
  257. -o-transition: .5s ease-in;
  258. -ms-transition: .5s ease-in;
  259. }
  260.  
  261. .audioplayerbg:hover {
  262. background-color:transparent;
  263. }
  264.  
  265. .audioplayer {
  266. opacity:0.8;
  267. width:27px;
  268. height:27px;
  269. overflow:hidden;
  270. z-index:100;
  271. top:36%;
  272. left:33%;
  273. position:absolute;
  274. }
  275.  
  276. .albumart {
  277. width:75px;
  278. }
  279.  
  280. .audinfo {
  281. position:absolute;
  282. top:0;
  283. left:85px;
  284. padding:5px;
  285. font-family:"times new roman";
  286. }
  287.  
  288. .audclass {
  289. border-bottom:1px solid {color:border};
  290. line-height:175%;
  291. }
  292.  
  293. .quote {
  294. padding-left:25px;
  295. }
  296.  
  297. h1 {
  298. color:{color:title};
  299. font-family:"times new roman", serif;
  300. font-size:16px;
  301. font-weight:normal;
  302. text-align:left;
  303. }
  304.  
  305. h2 {
  306. color:{color:text};
  307. font-family:"times new roman", serif;
  308. font-size:12px;
  309. font-weight:normal;
  310. }
  311.  
  312. b, strong {
  313. color:{color:title};
  314. }
  315.  
  316. p {
  317. margin-top:6px;
  318. margin-bottom:6px
  319. }
  320.  
  321. blockquote {
  322. border-left:4px {color:border} solid;
  323. padding-left:5px;
  324. margin:0px 0px 0px 10px;
  325. }
  326.  
  327. img {
  328. max-width:500px;
  329. }
  330.  
  331. img a {
  332. border:none;
  333. width:100%;
  334. }
  335.  
  336. .user_1 .label {color:{color:title}; font-weight:bold}
  337. .user_2 .label {color:{color:text}; font-weight:bold}
  338. .user_3 .label {color:{color:title}; font-weight:bold}
  339. .user_4 .label {color:{color:text}; font-weight:bold}
  340. .user_5 .label {color:{color:title}; font-weight:bold}
  341. .user_6 .label {color:{color:text}; font-weight:bold}
  342. .user_7 .label {color:{color:title}; font-weight:bold}
  343. .user_8 .label {color:{color:text}; font-weight:bold}
  344. .user_9 .label {color:{color:title}; font-weight:bold}
  345. .user_10 .label {color:{color:text}; font-weight:bold}
  346. .user_11 .label {color:{color:title}; font-weight:bold}
  347. .user_12 .label {color:{color:text}; font-weight:bold}
  348. .user_13 .label {color:{color:title}; font-weight:bold}
  349. .user_14 .label {color:{color:text}; font-weight:bold}
  350. .user_15 .label {color:{color:title}; font-weight:bold}
  351. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:4px;}
  352. .odd {background-color:{color:border};}
  353.  
  354. .notes img{width:15px; position:relative; top:1px;}
  355. ol.notes, .notes li {list-style:none; margin:0px; padding-left:5px;}
  356. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  357.  
  358. </style>
  359. <style type="text/css">{CustomCSS}</style>
  360. </head>
  361. <body>
  362.  
  363. <div id="sidebar">
  364.  
  365.  
  366. <div id="sbarimg"><center><img src="{image:sidebar}" /></center></div>
  367.  
  368.  
  369. <div id="descrip">{block:Description}{Description}{/block:Description}
  370. <br /><br />
  371. <div id="pagination">{block:Pagination}
  372. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  373. {block:JumpPagination length="5"}
  374. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  375. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  376. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  377. {/block:Pagination}</div></div>
  378. </div>
  379.  
  380. <br />
  381.  
  382. <div id="entries">
  383. <div id="title">{Title}
  384.  
  385. <div id="sbarlinks"><a href="/">home</a>
  386. <a href="/ask">ask</a>
  387. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  388. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  389. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  390. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  391. <a href="http://markedandtied.tumblr.com/">&copy;</a>
  392. </div> <!-- end links -->
  393. </div> <!-- end title -->
  394.  
  395.  
  396. {block:Posts}
  397. <div id="posts">
  398.  
  399. {block:Title}<h1>{Title}</h1>{/block:Title}
  400.  
  401. {block:Text}{Body}{/block:Text}
  402.  
  403. {block:Quote}<h1>"{Quote}"</h1>
  404. <h2 class="quote"><em>- {Source}</em></h2>{/block:Quote}
  405.  
  406. {block:Link}
  407. <a href="{URL}" class="link" {Target}><h1 style="text-transform:uppercase;">{Name} &rarr;</h1></a>
  408. {block:Description}{Description}{/block:Description}{/block:Link}
  409.  
  410.  
  411. {block:Photo}
  412. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  413. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  414.  
  415. {block:Photoset}<center>{Photoset-500}</center>
  416. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  417.  
  418. {block:Chat}
  419. <ul class="chat">
  420. {block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label} <span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  421.  
  422. {block:Video}
  423. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  424.  
  425. {block:Answer}
  426. <img class="askicon" src="{AskerPortraitURL-30}" /><div class="questions"><span class="asker">{Asker} asked:</span><br />
  427. {Question}</div>
  428.  
  429. <div class="answer">{Answer}</div>{/block:Answer}
  430.  
  431. {block:Audio}
  432. <div class="audio">{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  433. <div class="audioplayerbg"><div class="audioplayer"><center>{AudioPlayerWhite}</center></div></div></div>
  434.  
  435. <div class="audinfo">{block:TrackName}<strong>Track:</strong> {TrackName}<br />{/block:TrackName}
  436. {block:Artist}<strong>Arist:</strong> {Artist}<br />{/block:Artist}
  437. {block:Album}<strong>Album:</strong> {Album}<br />{/block:Album}
  438. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  439.  
  440. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  441.  
  442. <div id="info">
  443. <span class="date">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</span>
  444.  
  445. <div class="infofloat">{block:RebloggedFrom}{block:ContentSource}originally <a href="{SourceURL}">{ReblogRootName}</a> &diams;{/block:ContentSource} via <a href="{ReblogParentURL}">{ReblogParentName}</a> &diams;{/block:RebloggedFrom} {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div></div><!-- end of info and float -->
  446.  
  447. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div> <!-- end of tags-->
  448. </div> <!-- end of posts -->
  449.  
  450. {/block:Posts}
  451.  
  452. {block:PostNotes}{PostNotes}{/block:PostNotes}
  453. </div> <!-- end of entries -->
  454. </body>
  455. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement