Advertisement
attractedtosin

F is for Fox [006]

Oct 27th, 2013
6,287
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.82 KB | None | 0 0
  1. <!------
  2. F IS FOR FOX
  3. theme 006 by wolfwrecked [ohcodey.tumblr.com]
  4.  
  5. Please observe common theme sharing etiquette:
  6. :you may alter but do not remove credit
  7. :do not use as a base or redistribute
  8. :etc
  9. ----->
  10.  
  11. <html>
  12. <head>
  13. <title>{Title}</title>
  14. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!-- APPEARANCE DEFAULTS -->
  20. <meta name="if:Show Link 1" content="0"/>
  21. <meta name="if:Show Link 2" content="0"/>
  22. <meta name="if:Show Link 3" content="0"/>
  23. <meta name="if:Show Link 4" content="0"/>
  24. <meta name="if:Show Link 5" content="0"/>
  25. <meta name="if:Show Link 6" content="0"/>
  26. <meta name="if:Show Link 7" content="0"/>
  27. <meta name="if:Show Link 8" content="0"/>
  28. <meta name="if:Show Link 9" content="0"/>
  29. <meta name="if:Show Link 10" content="0"/>
  30.  
  31. <!--FONTS-->
  32. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  33. <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
  34.  
  35. <!--COLOUR VARIABLES-->
  36. <meta name="color:Background" content="#ffffff" />
  37. <meta name="color:Body Text" content="#777777" />
  38. <meta name="color:Links" content="#444444" />
  39. <meta name="color:Links Hover" content="#78b4ff" />
  40. <meta name="color:Post Data Links" content="#777777" />
  41. <meta name="color:Tags Background" content="#f9f9f9" />
  42. <meta name="color:Tags" content="#999999" />
  43. <meta name="color:Tags Hover" content="#c4a8c2" />
  44. <meta name="color:Sidebar Links Background" content="#f9f9f9" />
  45. <meta name="color:Sidebar Links Background Hover" content="#ffbad4" />
  46. <meta name="color:Sidebar Links Colour" content="#555555" />
  47. <meta name="color:Sidebar Links Colour Hover" content="#ffffff" />
  48. <meta name="color:Borders" content="#f2f2f2" />
  49. <meta name="color:Hearts" content="#ffbad4" />
  50. <meta name="color:Scrollbar" content="#555555" />
  51. <meta name="color:Scrollbar Background" content="#eeeeee" />
  52.  
  53.  
  54. <!--SIDEBAR IMAGE-->
  55. <meta name="image:Sidebar Image" content="">
  56.  
  57. <!--SIDEBAR LINKS-->
  58. <meta name="text:Link 1" content="">
  59. <meta name="text:Link 1 Url" content="">
  60. <meta name="text:Link 2" content="">
  61. <meta name="text:Link 2 Url" content="">
  62. <meta name="text:Link 3" content="">
  63. <meta name="text:Link 3 Url" content="">
  64. <meta name="text:Link 4" content="">
  65. <meta name="text:Link 4 Url" content="">
  66. <meta name="text:Link 5" content="">
  67. <meta name="text:Link 5 Url" content="">
  68. <meta name="text:Link 6" content="">
  69. <meta name="text:Link 6 Url" content="">
  70. <meta name="text:Link 7" content="">
  71. <meta name="text:Link 7 Url" content="">
  72. <meta name="text:Link 8" content="">
  73. <meta name="text:Link 8 Url" content="">
  74. <meta name="text:Link 9" content="">
  75. <meta name="text:Link 9 Url" content="">
  76. <meta name="text:Link 10" content="">
  77. <meta name="text:Link 10 Url" content="">
  78.  
  79.  
  80.  
  81.  
  82. </head>
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87.  
  88.  
  89.  
  90. body {
  91. font-family: 'Scada', sans-serif;
  92. font-size:11px;
  93. background-color:{color:background};
  94. color:{color:body text};
  95. }
  96.  
  97. .body-contain {
  98. margin-left:auto;
  99. margin-right:auto;
  100. width: 1000px;
  101. }
  102.  
  103.  
  104. a {text-decoration:none;
  105. color:{color:links};
  106. padding:0;
  107. transition: all 0.2s ;
  108. -o-transition: all 0.2s ;
  109. -webkit-transition: all 0.2s ;
  110. -moz-transition: all 0.2s ;
  111. }
  112.  
  113. a:hover {text-decoration:none;
  114. color:{color:links hover};
  115. transition: all 0.2s ;
  116. -o-transition: all 0.2s ;
  117. -webkit-transition: all 0.2s ;
  118. -moz-transition: all 0.2s ;
  119. }
  120.  
  121.  
  122. blockquote {
  123. border-left:1px solid {color:borders};
  124. padding-left:5px;
  125. }
  126.  
  127.  
  128.  
  129. .entries {
  130. margin-bottom:75px;
  131. max-width:500px;
  132. padding:5px;
  133. border: 1px solid {color:borders};
  134. }
  135.  
  136. .sidebar {
  137. width:200px;
  138. height:100%;
  139. background-color:{color:sidebar};
  140. float:left;
  141. position:fixed;
  142.  
  143. }
  144.  
  145. .contain {
  146. width:600px;
  147. float:left;
  148. margin-left:260px;
  149. margin-top:50px;
  150.  
  151. }
  152.  
  153. .sidebar-img {
  154. margin-top:50px;
  155. padding-bottom:100px;
  156. border-radius:100px;
  157. -moz-border-radius: 100px;
  158. }
  159.  
  160.  
  161.  
  162. .sidebar-desc {
  163. margin-left:px;
  164. margin-top:-85px;
  165. width:188px;
  166. padding:5px;
  167. border:1px solid {color:borders};
  168. text-align:justify;
  169. transition: all 0.2s;
  170. -o-transition: all 0.2s;
  171. -webkit-transition: all 0.2s;
  172. -moz-transition: all 0.2s;
  173. }
  174.  
  175. .sidebar-desc-desc {
  176. padding:10px;
  177. }
  178.  
  179.  
  180. .sidebar-linksbox {
  181. margin-left:px;
  182. margin-top:15px;
  183. width:201px;
  184. padding:0;
  185.  
  186.  
  187. }
  188.  
  189. .sidebar-linksbox a{
  190. display:inline-block;
  191. width:84.5px;
  192. padding:6px;
  193. margin:2px 1px;
  194. font-size:7.5px;
  195. font-family: playfair display, serif;
  196. text-transform:uppercase;
  197. background-color:{color:sidebar links Background};
  198. text-align:center;
  199. color:{color:sidebar links colour};
  200. letter-spacing:+1px;
  201. transition: all 0.2s;
  202. -o-transition: all 0.2s;
  203. -webkit-transition: all 0.2s;
  204. -moz-transition: all 0.2s;
  205.  
  206. }
  207.  
  208. .sidebar-linksbox a:hover {
  209. background-color:{color:sidebar links Background hover};
  210. color:{color:sidebar links colour hover};
  211. transition: all 0.2s;
  212. -o-transition: all 0.2s;
  213. -webkit-transition: all 0.2s;
  214. -moz-transition: all 0.2s;
  215. }
  216.  
  217.  
  218. .pagination {
  219. font-size:10px;
  220. font-family: 'playfair display', georgia, serif;
  221. text-align:center;
  222. letter-spacing:+1px;
  223. margin-top:15px;
  224. margin-left:50px;
  225. width:100px;
  226. border:1px solid {color:borders};
  227. color:{color:links};
  228. transition: all 0.2s;
  229. -o-transition: all 0.2s;
  230. -webkit-transition: all 0.2s;
  231. -moz-transition: all 0.2s;
  232. }
  233.  
  234.  
  235. .pagination-text {
  236. padding:3px 0 5px 0;
  237. }
  238.  
  239. .pagination a {
  240. color:{color:links};
  241. transition: all 0.2s ;
  242. -o-transition: all 0.2s ;
  243. -webkit-transition: all 0.2s ;
  244. -moz-transition: all 0.2s ;
  245. }
  246.  
  247. .caption {
  248. background-color:{color:background};
  249. margin-top:-5px;
  250. padding:5px 10px;
  251. }
  252.  
  253.  
  254. .tags {
  255. color:{color:tags};
  256. padding:5px;
  257. background-color:{color:tags Background};
  258. margin-top:5px;
  259. font-size:10px;
  260. letter-spacing:+1px;
  261. transition: all 0.2s;
  262. -o-transition: all 0.2s;
  263. -webkit-transition: all 0.2s;
  264. -moz-transition: all 0.2s;
  265. }
  266.  
  267. .tags a {
  268. color:{color:tags};
  269. transition: all 0.2s;
  270. -o-transition: all 0.2s;
  271. -webkit-transition: all 0.2s;
  272. -moz-transition: all 0.2s;}
  273.  
  274. .tags a:hover {
  275. color:{color:tags hover};
  276. transition: all 0.2s;
  277. -o-transition: all 0.2s;
  278. -webkit-transition: all 0.2s;
  279. -moz-transition: all 0.2s;}
  280.  
  281. .postdata {
  282. width:90px;
  283. float:right;
  284. margin-right:-140px;
  285. display:block;
  286. padding:7px;
  287. border-bottom:1px solid {color:BORDERS};
  288. font-size:7px;
  289. font-family: 'playfair display', serif;
  290. text-transform:uppercase;
  291. text-align:center;
  292. letter-spacing:+1px;
  293. line-height:200%;
  294. }
  295.  
  296. .postdata a {
  297. color:{color:post data links};
  298. text-decoration:none;
  299. transition: all 0.2s;
  300. -o-transition: all 0.2s;
  301. -webkit-transition: all 0.2s;
  302. -moz-transition: all 0.2s;
  303. }
  304.  
  305. .postdata a:hover {
  306. color:{color:tags hover};
  307. transition: all 0.2s;
  308. -o-transition: all 0.2s;
  309. -webkit-transition: all 0.2s;
  310. -moz-transition: all 0.2s;}
  311.  
  312. .hearts {color:{color:hearts}; font-size:11px;}
  313.  
  314. .notes {font-size:10px;}
  315.  
  316. .date a {
  317. letter-spacing:+2px;
  318. text-transform:lowercase;
  319. font-size:8px;
  320. }
  321.  
  322. .post_text h3, .post_link h1 {
  323. font-family: 'Playfair Display', georgia, serif;
  324. font-size:13px;
  325. font-weight:normal;
  326. text-transform:uppercase;
  327. }
  328.  
  329. .post_text {
  330. padding:5px 10px 5px 10px;
  331. margin-top:0;
  332. text-align:justify;
  333. }
  334.  
  335. .post_chat ul {
  336. list-style-type:none;
  337. padding:0;
  338. }
  339.  
  340. .post_chat li {
  341. padding:5px 0;
  342. }
  343.  
  344. ol.notes {
  345. letter-spacing:+1px;
  346. font-size:9px;
  347. list-style-type:none;
  348. padding:0;
  349. margin:0;
  350. border-top:solid 10px {color:background};
  351. background-color:{color:background};
  352. }
  353.  
  354. img.avatar {display:none;}
  355.  
  356. li.note {
  357. padding:2px;
  358. }
  359.  
  360. li.note a{
  361. text-transform:uppercase;
  362. font-family:'playfair display', georgia, serif;
  363. font-size:8px;
  364. }
  365.  
  366. .question {
  367. font-size:10px;
  368. letter-spacing:+1px;
  369. padding:10px;
  370. background-color:{color:tags Background};
  371. font-family:'playfair display', georgia, serif;
  372. font-style:italic;
  373. max-width:480px;
  374. overflow:hidden;
  375. border-bottom:{color:background} 5px solid;
  376. }
  377.  
  378. .asker {font-size:8px;
  379. text-transform:uppercase;
  380. letter-spacing:+1px;
  381. padding:10px;
  382. text-align:right;
  383. font-style:normal;
  384. }
  385.  
  386. .asker a {color:{color:accent 1};transition: all 0.2s;
  387. -o-transition: all 0.2s;
  388. -webkit-transition: all 0.2s;
  389. -moz-transition: all 0.2s;
  390. }
  391.  
  392. .asker a:hover {color:{color:accent 3};transition: all 0.2s;
  393. -o-transition: all 0.2s;
  394. -webkit-transition: all 0.2s;
  395. -moz-transition: all 0.2s;
  396. }
  397.  
  398. .askerimg {
  399. width:40px;
  400. float:left;
  401. padding-right:10px;
  402. }
  403.  
  404. .answer {
  405. font-size:12px;
  406. text-align: justify;
  407. padding:5px 10px;
  408.  
  409. }
  410.  
  411. .answer img {max-width:480px;overflow:hidden;}
  412.  
  413.  
  414. .post_quote {
  415. font-size:15px;
  416. letter-spacing:+1px;
  417. font-family: 'Playfair Display', georgia, serif;
  418. margin-top:5px;
  419. }
  420.  
  421. .post_quote .source {
  422. text-align:right;
  423. padding:10px;
  424. background-color:{color:tags Background};
  425. width:480px;
  426. margin-top:5px;
  427. }
  428.  
  429.  
  430. .audio_player {
  431. width:30PX;
  432. OVERFLOW:HIDDEN;
  433. padding-top:5px;
  434. margin-top:5px;
  435. background-color:{color:background};
  436. text-transform:uppercase;
  437. }
  438.  
  439. .post_audio_dets {
  440. font-size:8px;
  441. font-family: 'Playfair Display', georgia, serif;
  442. letter-spacing:+2px;
  443. text-transform:uppercase;
  444. margin-top:-20px;
  445. text-align:right;
  446. padding-bottom:20px;
  447. padding-right:8px;
  448. text-align:right;
  449. padding-left:40px;
  450. background-color:{color:background};
  451. }
  452.  
  453. .sidebar-credit
  454. {width:20px;
  455. height:20px;
  456. z-index:20;
  457. background-color:{color:background};
  458. position:fixed;
  459. right:10px;
  460. bottom:10px;
  461. }
  462.  
  463. .sidebar-credit a{color:{color:links};}
  464.  
  465.  
  466. ::selection {background:{color:links hover};
  467. color:{color:background};
  468. }
  469.  
  470. ::-moz-selection {background:{color:links hover};
  471. color:#ffffff;
  472. }
  473.  
  474. ::-webkit-selection {background:{color:links hover};
  475. color:#ffffff;
  476. }
  477.  
  478. ::-webkit-scrollbar {width:10px;
  479. height:auto;
  480. background:{color:scrollbar Background};
  481. }
  482.  
  483. ::-webkit-scrollbar-corner {background:{color:scrollbar Background};
  484. }
  485.  
  486. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};
  487. }
  488.  
  489. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};
  490. }
  491.  
  492. ::-webkit-scrollbar-thumb:hover {background:{color:scrollbar};
  493. }
  494.  
  495. </style>
  496.  
  497.  
  498. <body>
  499. <div class="body-contain">
  500. <div class="sidebar">
  501.  
  502. <a href="/"><img src="{image:sidebar image}" width="200px" class="sidebar-img"/>
  503. {block:IfShowSecondSidebarImage}<img src="{image:sidebar image 2}" width="198px" class="sidebar-img-2"/>{/block:IfShowSecondSidebarImage}
  504. </a>
  505.  
  506. <div class="sidebar-desc"><div class="sidebar-desc-desc">{Description}</div></div>
  507. <div class="sidebar-linksbox">
  508. {block:IfShowLink1}<a href="{text:Link 1 Url}">{text:Link 1}</a>{/block:IfShowLink1}
  509. {block:IfShowLink2}<a href="{text:Link 2 Url}">{text:Link 2}</a>{/block:IfShowLink2}
  510. {block:IfShowLink3}<a href="{text:Link 3 Url}">{text:Link 3}</a>{/block:IfShowLink3}
  511. {block:IfShowLink4}<a href="{text:Link 4 Url}">{text:Link 4}</a>{/block:IfShowLink4}
  512. {block:IfShowLink5}<a href="{text:Link 5 Url}">{text:Link 5}</a>{/block:IfShowLink5}
  513. {block:IfShowLink6}<a href="{text:Link 6 Url}">{text:Link 6}</a>{/block:IfShowLink6}
  514. {block:IfShowLink7}<a href="{text:Link 7 Url}">{text:Link 7}</a>{/block:IfShowLink7}
  515. {block:IfShowLink8}<a href="{text:Link 8 Url}">{text:Link 8}</a>{/block:IfShowLink8}
  516. {block:IfShowLink9}<a href="{text:Link 9 Url}">{text:Link 9}</a>{/block:IfShowLink9}
  517. {block:IfShowLink10}<a href="{text:Link 10 Url}">{text:Link 10}</a>{/block:IfShowLink10}
  518.  
  519. </div>
  520.  
  521. {block:Pagination}
  522. <div class="pagination">
  523. <div class="pagination-text">
  524. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}&nbsp;{CurrentPage}/{TotalPages}&nbsp;{block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  525.  
  526. </div></div>
  527. {/block:Pagination}
  528.  
  529. </div>
  530. <div class="contain">
  531. <div id="posts">
  532. {block:Posts}
  533. <div class="entries">
  534. {block:ContentSource}
  535. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  536. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  537. {/block:ContentSource}
  538.  
  539.  
  540. <div class="postdata">
  541. {block:Date}
  542. <div class="date"><a href="{Permalink}"> {ShortMonth} {DayOfMonthWithZero} {24Hour}:{Minutes}</a></div>
  543. {/block:Date}
  544.  
  545. {block:NoteCount}
  546. <a href="{Permalink}" title="notes" ><span class="notes">{NoteCount}</span></a>&nbsp;<span class="hearts">&hearts;</span><br>
  547.  
  548. {block:RebloggedFrom}
  549. <a href="{ReblogParentURL}" title="via" />via</a>&nbsp;&nbsp;<a href="{ReblogRootURL}" title="source"/>src</a>&nbsp;&nbsp;<a href="{ReblogURL}" title="reblog" >RBG</a>{/block:RebloggedFrom}
  550. {/block:RebloggedFrom}
  551. {/block:NoteCount}
  552.  
  553.  
  554.  
  555. </div>
  556.  
  557. {block:Text}
  558. <div class="post_text">
  559. {block:Title}
  560. <h3><a href="{Permalink}">{Title}</a></h3>
  561. {/block:Title}
  562.  
  563. {Body}
  564. </div>
  565. {/block:Text}
  566.  
  567. {block:Photo}
  568. <div class="post_photo">
  569. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  570.  
  571. {block:Caption}
  572. <div class="caption">{Caption}</div>
  573. {/block:Caption}
  574. </div>
  575. {/block:Photo}
  576.  
  577. {block:Photoset}
  578. <div class="post_photoset">
  579. {Photoset-500}
  580.  
  581. {block:Caption}
  582. <div class="caption">{Caption}</div>
  583. {/block:Caption}
  584. </div>
  585. {/block:Photoset}
  586.  
  587. {block:Quote}
  588. <div class="post_quote">
  589. "{Quote}"
  590.  
  591. {block:Source}
  592. <div class="source">{Source}</div>
  593. {/block:Source}
  594. </div>
  595. {/block:Quote}
  596.  
  597. {block:Link}
  598. <div class="post_link">
  599. <a href="{URL}" class="link" {Target}>{Name}</a>
  600.  
  601. {block:Description}
  602. <div class="description">{Description}</div>
  603. {/block:Description}
  604. </div>
  605. {/block:Link}
  606.  
  607. {block:Chat}
  608. <div class="post_chat">
  609. {block:Title}
  610. <h3><a href="{Permalink}">{Title}</a></h3>
  611. {/block:Title}
  612.  
  613. <ul class="chat">
  614. {block:Lines}
  615. <li class="{Alt} user_{UserNumber}">
  616. {block:Label}
  617. <span class="label">{Label}</span>
  618. {/block:Label}
  619.  
  620. {Line}
  621. </li>
  622. {/block:Lines}
  623. </ul>
  624. </div>
  625. {/block:Chat}
  626.  
  627. {block:Video}
  628. <div class="post_video">
  629. {Video-500}
  630.  
  631. {block:Caption}
  632. <div class="caption">{Caption}</div>
  633. {/block:Caption}
  634. </div>
  635. {/block:Video}
  636.  
  637. {block:Audio}
  638. <div class="post_audio">
  639. {AudioPlayerWhite}
  640. <div class="post_audio_dets">
  641. {block:TrackName}
  642. {TrackName}
  643. {/block:TrackName} -
  644. {block:Artist}
  645. {Artist}
  646. {/block:Artist}
  647. </div>
  648. {block:Caption}
  649. <div class="caption">{Caption}</div>
  650. {/block:Caption}
  651. </div>
  652. {/block:Audio}
  653.  
  654. {block:Answer}
  655. <div class="post_answer">
  656. <div class="question"><img src="{AskerPortraitURL-40}" class="askerimg">{Question}<Br><div class="asker">- {Asker}</div></div>
  657.  
  658. <div class="answer"> {Answer}</div>
  659. </div>
  660. {/block:Answer}
  661.  
  662.  
  663.  
  664. {block:HasTags}
  665. <div class="tags">
  666. {block:Tags}<a class="tag" href="{TagURL}"><font style="line-height:11px;">{Tag}</a>&nbsp;&nbsp;</font>{/block:Tags}
  667. </div>
  668. {/block:HasTags}
  669.  
  670.  
  671. {block:PostNotes}{PostNotes}{/block:PostNotes}
  672. </div>
  673.  
  674. {/block:Posts}
  675.  
  676. </div>
  677. </div>
  678. </div>
  679.  
  680. <div class="sidebar-credit">
  681. <a style="font-family:verdana;font-size:9px;" href="http://ohcodey.tumblr.com/">&copy;</a>
  682. </div>
  683.  
  684. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement