API tools faq
paste
tutorgirl

theme 16 by markedandtied

tutorgirl
May 22nd, 2014
725
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.93 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. theme by vicki
  3. don't repost or copy!!
  4. --->
  5.  
  6. <html>
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="if:Gif header" content="0" />
  10. <meta name="if:Show group members" content ="0" />
  11.  
  12. <meta name="color:background" content="#fff" />
  13. <meta name="color:sidebar" content="#fff" />
  14. <meta name="color:info" content="#fff" />
  15. <meta name="color:text" content="#888787" />
  16. <meta name="color:title" content="#605d5b" />
  17. <meta name="color:link" content="#94939b" />
  18. <meta name="color:link hover" content="#696772" />
  19. <meta name="color:border" content="#fcfcfc" />
  20.  
  21. <meta name="image:header" content= "" />
  22. <meta name="image:header gif 1" content="" />
  23. <meta name="image:header gif 2" content="" />
  24. <meta name="image:header gif 3" content="" />
  25. <meta name="image:background image" content="" />
  26.  
  27. <meta name="text:subheader1" content ="" />
  28. <meta name="text:subheader2" content ="" />
  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 title" content="" />
  39. <meta name="text:link5" content="" />
  40.  
  41. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  42. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}
  43. {block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48.  
  49. <style type="text/css">
  50. body {
  51. background-color:{color:background};
  52. color:{color:text};
  53. font-family:cambria, serif;
  54. text-align:left;
  55. font-size:11px;
  56. background-image:{image:background image};
  57. background-repeat:repeat;
  58. }
  59.  
  60. a, a:link, a:visited {
  61. color:{color:link};
  62. text-decoration:none;
  63. -webkit-transition: .5s ease-in;
  64. -moz-transition: .5s ease-in;
  65. -o-transition: .5s ease-in;
  66. -ms-transition: .5s ease-in;
  67. }
  68.  
  69. a:hover, a:active, a:focus {
  70. color:{color:link hover};
  71. text-decoration:none;
  72. }
  73.  
  74. #main {
  75. width:770px;
  76. margin-left:auto;
  77. margin-right:auto;
  78. }
  79.  
  80. #entries {
  81. float:right;
  82. width:500px;
  83. margin-right:20px;
  84. }
  85.  
  86. #entries img {
  87. max-width:500px;
  88. }
  89.  
  90. #posts {
  91. position:relative;
  92. margin-bottom:20px;
  93. }
  94.  
  95. #right {
  96. width:250px;
  97. float:right;
  98. }
  99.  
  100. .headers {
  101. background-color:{color:border};
  102. margin-left:auto;
  103. margin-right:auto;
  104. text-transform:uppercase;
  105. text-align:center;
  106. padding:10px 0px;
  107. font-size:9px;
  108. }
  109.  
  110. .side {
  111. margin:10px 0px;
  112. text-align:justify;
  113. }
  114.  
  115. #topbar {
  116. position:relative;
  117. left:0;
  118. top:0;
  119. width:100%;
  120. font-size:10px;
  121. margin-bottom:10px;
  122. }
  123.  
  124. #container {
  125. width:770px;
  126. margin-left:auto;
  127. margin-right:auto;
  128. }
  129.  
  130. #sbarimg {
  131. float:left;
  132. margin-bottom:10px;
  133. }
  134.  
  135. #sbarimg img, #middleimg img {
  136. max-width:250px;
  137. }
  138.  
  139. #topimg {
  140. width:770px;
  141. overflow:hidden;
  142. margin-bottom:10px;
  143. }
  144.  
  145. #topimg img {
  146. max-width:770px;
  147. }
  148.  
  149. #middleimg {
  150. float:left;
  151. margin-left:10px;
  152. margin-right:10px;
  153. }
  154.  
  155. #sbarlinks {
  156. background-color:{color:border};
  157. clear:left;
  158. margin-left:auto;
  159. margin-right:auto;
  160. text-transform:uppercase;
  161. text-align:center;
  162. padding:10px 0px;
  163. -webkit-transition: .5s ease-in;
  164. -moz-transition: .5s ease-in;
  165. -o-transition: .5s ease-in;
  166. -ms-transition: .5s ease-in;
  167. }
  168.  
  169. #sbarlinks a {
  170. font-family:cambria, serif;
  171. font-size:9px;
  172. letter-spacing:1px;
  173. padding-right:7px;
  174. -webkit-transition: .5s ease-in;
  175. -moz-transition: .5s ease-in;
  176. -o-transition: .5s ease-in;
  177. -ms-transition: .5s ease-in;
  178. }
  179.  
  180. #pagination {
  181. font-size:10px;
  182. word-spacing:2px;
  183. text-align:center;
  184. }
  185.  
  186. .pagenum {
  187. color:{color:title};
  188. }
  189.  
  190. #info {
  191. background-color:{color:info};
  192. font-size:8px;
  193. padding:3px 0px;
  194. margin-top:15px;
  195. line-height:150%;
  196. border-bottom:1px solid {color:border};
  197. }
  198.  
  199. #tags {
  200. padding:5px 0px 5px 0px;
  201. letter-spacing:1px;
  202. text-transform:lowercase;
  203. }
  204.  
  205. #tags a {
  206. padding-right:3px;
  207. }
  208.  
  209. .date {
  210. padding:5px 7px 5px 0px;
  211. text-transform:uppercase;
  212. letter-spacing:1px;
  213. }
  214.  
  215. .origin {
  216. padding:5px 7px 5px 0px;
  217. text-transform:uppercase;
  218. letter-spacing:1px;
  219. }
  220.  
  221. .pnotes {
  222. padding:5px 7px 5px 0px;
  223. text-transform:uppercase;
  224. letter-spacing:1px;
  225. }
  226.  
  227. .questions {
  228. padding-bottom:5px;
  229. border-bottom:1px solid {color:border};
  230. }
  231.  
  232. .askicon {
  233. float:left;
  234. margin-right:10px;
  235. }
  236.  
  237. .asker {
  238. font-style:italic;
  239. }
  240.  
  241. .answer {
  242. clear:left;
  243. padding-top:1px;
  244. }
  245.  
  246. .audio {
  247. width:75px;
  248. height:75px;
  249. position:relative;
  250. z-index:50;
  251. }
  252.  
  253. .audioplayerbg {
  254. opacity:0.8;
  255. width:75px;
  256. height:75px;
  257. overflow:hidden;
  258. z-index:100;
  259. top:0;
  260. position:absolute;
  261. background-color:#fff;
  262. -webkit-transition: .5s ease-in;
  263. -moz-transition: .5s ease-in;
  264. -o-transition: .5s ease-in;
  265. -ms-transition: .5s ease-in;
  266. }
  267.  
  268. .audioplayerbg:hover {
  269. background-color:transparent;
  270. }
  271.  
  272. .audioplayer {
  273. opacity:0.8;
  274. width:27px;
  275. height:27px;
  276. overflow:hidden;
  277. z-index:100;
  278. top:36%;
  279. left:33%;
  280. position:absolute;
  281. }
  282.  
  283. .albumart {
  284. width:75px;
  285. }
  286.  
  287. .audinfo {
  288. position:absolute;
  289. top:0;
  290. left:85px;
  291. padding:5px;
  292. font-family:"times new roman";
  293. }
  294.  
  295. .audclass {
  296. border-bottom:1px solid {color:border};
  297. line-height:175%;
  298. }
  299.  
  300. .memicon {
  301. float:left;
  302. margin-right:10px;
  303. margin-bottom:10px;
  304. }
  305.  
  306. .clear {
  307. clear:left;
  308. }
  309.  
  310. #credit {
  311. position:fixed;
  312. bottom:20px;
  313. right:20px;
  314. padding:0px;
  315. font-size:9px;
  316. text-transform:uppercase;
  317. }
  318.  
  319. h1 {
  320. color:{color:title};
  321. font-family:"cambria", serif;
  322. font-size:12px;
  323. font-weight:normal;
  324. padding-bottom:3px;
  325. }
  326.  
  327. h2 {
  328. color:{color:title};
  329. font-family:"cambria", serif;
  330. font-size:16px;
  331. font-weight:normal;
  332. font-style:italic;
  333. padding-bottom:5px;
  334. border-bottom:1px solid {color:border};
  335. }
  336.  
  337. b, strong {
  338. color:{color:title};
  339. }
  340.  
  341. p {
  342. margin-top:6px;
  343. margin-bottom:6px
  344. }
  345.  
  346. blockquote {
  347. border-left:2px {color:border} solid;
  348. padding-left:5px;
  349. margin:0px 0px 0px 10px;
  350. }
  351.  
  352. img {
  353. max-width:500px;
  354. }
  355.  
  356. img a {
  357. border:none;
  358. width:100%;
  359. }
  360.  
  361. .user_1 .label {color:{color:title}; font-weight:bold}
  362. .user_2 .label {color:{color:text}; font-weight:bold}
  363. .user_3 .label {color:{color:title}; font-weight:bold}
  364. .user_4 .label {color:{color:text}; font-weight:bold}
  365. .user_5 .label {color:{color:title}; font-weight:bold}
  366. .user_6 .label {color:{color:text}; font-weight:bold}
  367. .user_7 .label {color:{color:title}; font-weight:bold}
  368. .user_8 .label {color:{color:text}; font-weight:bold}
  369. .user_9 .label {color:{color:title}; font-weight:bold}
  370. .user_10 .label {color:{color:text}; font-weight:bold}
  371. .user_11 .label {color:{color:title}; font-weight:bold}
  372. .user_12 .label {color:{color:text}; font-weight:bold}
  373. .user_13 .label {color:{color:title}; font-weight:bold}
  374. .user_14 .label {color:{color:text}; font-weight:bold}
  375. .user_15 .label {color:{color:title}; font-weight:bold}
  376. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:4px;}
  377. .odd {background-color:{color:border};}
  378.  
  379. .notes img {width:15px; position:relative; top:1px; margin-right:10px; border-radius:100px;}
  380. ol.notes, .notes li {list-style:none; margin:0px; padding-left:5px; padding-bottom:10px;}
  381. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  382.  
  383. </style>
  384. <style type="text/css">{CustomCSS}</style>
  385. </head>
  386. <body>
  387.  
  388. <div id="topbar"><div id="container">
  389.  
  390. {block:IfGifHeader}<div id="sbarimg"><img src="{image:header gif 1}" /></div>
  391.  
  392. <div id="middleimg"><img src="{image:header gif 2}" />
  393. </div>
  394.  
  395. <div id="sbarimg"><img src="{image:header gif 3}" /></div>{/block:IfGifHeader}
  396.  
  397. {block:IfNotGifHeader}<div id="topimg"><img src="{image:header}" /></div>{/block:IfNotGifHeader}
  398.  
  399. <div id="sbarlinks"><a href="/">home</a>
  400. <a href="/ask">ask</a>
  401. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  402. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  403. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  404. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  405. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  406. </div>
  407.  
  408. </div></div><!-- end topbar & container -->
  409.  
  410. <div id="main">
  411.  
  412. <div id="right"><div class="headers">{Title}</div>
  413. <div class="side">{block:Description}{Description}{/block:Description}
  414.  
  415. <br /><br />
  416.  
  417. <div id="pagination">{block:Pagination}
  418. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  419. {block:JumpPagination length="5"}
  420. {block:CurrentPage}<span class="pagenum">{PageNumber}</span>{/block:CurrentPage}
  421. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  422. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  423. {/block:Pagination}</div>
  424.  
  425. </div>
  426.  
  427. {block:ifsubheader1}
  428. <div class="headers">{text:subheader1}</div>
  429. <div class="side">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id eleifend mi. Nunc luctus massa id turpis tincidunt, non facilisis erat fermentum. Sed ac elementum erat. Pellentesque at dolor dui. Cras iaculis erat nec orci blandit commodo id non mi. Quisque vel turpis non orci lobortis pretium a sed dolor. Suspendisse tempor nulla odio, at tincidunt massa posuere eu. Nunc iaculis diam et fringilla pulvinar. Cras ac leo pretium, rhoncus turpis non, posuere lorem.
  430. </div>
  431. {/block:ifsubheader1}
  432.  
  433. {block:ifsubheader2}
  434. <div class="headers">{text:subheader2}</div>
  435. <div class="side">Curabitur tristique feugiat varius. Aenean congue eros neque, non imperdiet purus accumsan fringilla. Nam semper enim vitae ligula elementum faucibus. Sed lacinia est id odio tempus, in convallis leo semper. Nam sit amet tellus quis ipsum pretium mattis. Morbi tincidunt arcu in lectus dictum, posuere accumsan massa cursus. Pellentesque dictum accumsan neque, at mollis quam lobortis vitae. Ut vel posuere sapien. Aliquam at mattis dolor, eget accumsan turpis.
  436. </div>
  437. {/block:ifsubheader2}
  438.  
  439. {block:ifShowGroupMembers}
  440. <div class="headers">members</div>
  441. <div class="side">{block:GroupMembers}
  442. {block:GroupMember}<img class="memicon" src="{GroupMemberPortraitURL-48}" /> <a href="{GroupMemberURL}"><strong>{GroupMemberName}</strong></a><br />
  443. <em>{GroupMemberTitle}</em>
  444.  
  445. <div class="clear"></div>{/block:GroupMember}
  446. {/block:GroupMembers}
  447. </div>
  448. {/block:ifShowGroupMembers}
  449.  
  450. </div> <!-- end right bar -->
  451.  
  452. <div id="entries">
  453.  
  454. {block:Posts}
  455. <div id="posts">
  456.  
  457. {block:Title}<h1>{Title}</h1>{/block:Title}
  458.  
  459. {block:Text}{Body}{/block:Text}
  460.  
  461. {block:Quote}<h2>"{Quote}"</h2>
  462. <em>- {Source}</em>{/block:Quote}
  463.  
  464. {block:Link}
  465. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  466. {block:Description}{Description}{/block:Description}{/block:Link}
  467.  
  468.  
  469. {block:Photo}
  470. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  471. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  472.  
  473. {block:Photoset}<center>{Photoset-500}</center>
  474. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  475.  
  476. {block:Chat}
  477. <ul class="chat">
  478. {block:Lines}<li class="user_{UserNumber}">{block:Label} <span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  479.  
  480. {block:Video}
  481. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  482.  
  483. {block:Answer}
  484. <img class="askicon" src="{AskerPortraitURL-48}" /><div class="questions"><span class="asker">{Asker} asked:</span><br />
  485. {Question}</div>
  486.  
  487. <div class="answer">{Answer}</div>{/block:Answer}
  488.  
  489. {block:Audio}
  490. <div class="audio">{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  491. <div class="audioplayerbg"><div class="audioplayer"><center>{AudioPlayerWhite}</center></div></div></div>
  492.  
  493. <div class="audinfo">{block:TrackName}<strong>Track:</strong> {TrackName}<br />{/block:TrackName}
  494. {block:Artist}<strong>Arist:</strong> {Artist}<br />{/block:Artist}
  495. {block:Album}<strong>Album:</strong> {Album}<br />{/block:Album}
  496. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  497.  
  498. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  499.  
  500. <div id="info">
  501. {block:Date}<span class="date"><a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}</a></span>{/block:Date}
  502.  
  503. {block:NoteCount}<span class="pnotes"><a href="{Permalink}">{NoteCount}</a></span>{/block:NoteCount}
  504.  
  505. {block:RebloggedFrom}<span style="display:none;"><a href="{ReblogParentURL}">via</a></span>{block:ContentSource}<span class="origin"><a href="{SourceURL}">&copy;</a></span>{/block:ContentSource}{/block:RebloggedFrom}
  506.  
  507. {block:HasTags}<span id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</span>{/block:HasTags}
  508.  
  509. </div><!-- end of info -->
  510. </div> <!-- end of posts -->
  511. {/block:Posts}
  512.  
  513. {block:PostNotes}{PostNotes}{/block:PostNotes}
  514. </div> <!-- end of entries -->
  515.  
  516. </div> <!-- end main container -->
  517.  
  518. <div id="credit"><a href="http://markedandtied.tumblr.com">&copy;</a></div>
  519. </body>
  520. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!