API tools faq
paste
Advertisement
sarahcaths

theme 10 | one winter night

sarahcaths
Nov 19th, 2012
5,852
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. © SARAHCATHS.TUMBLR.COM | "ONE WINTER NIGHT" #10
  17.  
  18. + Do not steal any portion of this code, or use this code as a base.
  19. + Feel free to edit anything, but do not remove the credit.
  20. + If you have any questions or concerns, just contact me!
  21. + Thanks for using my theme! :) Hope you enjoy it!
  22.  
  23. ---->
  24.  
  25. <!-- VARIABLES -->
  26.  
  27. <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/ieqmczidx/light_grey_floral_motif.png"/>
  28. <meta name="image:Container BG" content="http://static.tumblr.com/vqqnpua/Vkkmczi1h/straws.png"/>
  29. <meta name="image:Header" content="http://static.tumblr.com/vqqnpua/13Pmdr4g1/texturebox.png" />
  30.  
  31.  
  32. <meta name="color:Background" content="#e5e5e5" />
  33. <meta name="color:Text" content="#71777c" />
  34. <meta name="color:Bold" content="#6da7aa" />
  35. <meta name="color:Italic" content="#486172" />
  36. <meta name="color:Link" content="#486172" />
  37. <meta name="color:Content BG" content="#fdfeff" />
  38. <meta name="color:Content Border" content="#e2e4e6" />
  39. <meta name="color:Container BG" content="#f5f9fc" />
  40. <meta name="color:Info BG" content="#deedf0" />
  41. <meta name="color:Info Border" content="#c1ddf0" />
  42. <meta name="color:Header Image" content="" />
  43. <meta name="color:Navigation" content="#5c98c2" />
  44. <meta name="color:Box Shadow" content="#e2e0dc" />
  45.  
  46. <meta name="text:Text Size" content="10px" />
  47.  
  48. <meta name="text:Link 1 URL" content="http://" />
  49. <meta name="text:Link 1" content="Link 1" />
  50. <meta name="text:Link 2 URL" content="http://" />
  51. <meta name="text:Link 2" content="Link 2" />
  52. <meta name="text:Link 3 URL" content="http://" />
  53. <meta name="text:Link 3" content="Link 3" />
  54. <meta name="text:Link 4 URL" content="http://" />
  55. <meta name="text:Link 4" content="Link 4" />
  56. <meta name="text:Link 5 URL" content="http://" />
  57. <meta name="text:Link 5" content="Link 5" />
  58. <meta name="text:Link 6 URL" content="http://" />
  59. <meta name="text:Link 6" content="Link 6" />
  60. <meta name="text:Link 7 URL" content="http://" />
  61. <meta name="text:Link 7" content="Link 7" />
  62. <meta name="text:Link 8 URL" content="http://" />
  63. <meta name="text:Link 8" content="Link 8" />
  64. <meta name="text:Link 9 URL" content="http://" />
  65. <meta name="text:Link 9" content="Link 9" />
  66. <meta name="text:Link 10 URL" content="http://" />
  67. <meta name="text:Link 10" content="Link 10" />
  68.  
  69. <meta name="if:Display Tags" content="1" />
  70. <meta name="if:Photos Gray to Color" content="0" />
  71. <meta name="if:Photos Color to Gray" content="1" />
  72. <meta name="if:Photos No Gray" content="0" />
  73. <meta name="if:Fixed Header" content="1" />
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. /* MAIN */
  79.  
  80. body {
  81. background-color:{color:Background};
  82. background-image: url('{image:Background}');
  83. color:{color:Text};
  84. font-family: calibri;
  85. background-attachment:fixed;
  86. font-size: {text:Text Size};
  87. margin: 0px;
  88. padding: 0px;}
  89.  
  90. a:link, a:active {
  91. text-decoration:none;
  92. color: {color:Link}; }
  93.  
  94. a:visited {
  95. text-decoration:none;
  96. color: {color:Link}; }
  97.  
  98. a:hover {
  99. text-decoration:none;
  100. color: {color:Bold};}
  101.  
  102. b, strong, .strong {color:{color:Bold};}
  103.  
  104. blockquote {
  105. border-left:2px solid {color:Text};
  106. padding-left:6px; }
  107.  
  108. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  109.  
  110. i, em, .em {color:{color:Italic};}
  111.  
  112.  
  113. /* CREDIT -- DON'T REMOVE! */
  114.  
  115. #cred {
  116. font-size:8px;
  117. letter-spacing:1px;
  118. opacity:0.3;
  119. font-weight:bold;
  120. color: #000000;
  121. font-family: calibri;
  122. background-color: #FFFFFF;
  123. padding:4px;
  124. border:1px dashed #514a4d;
  125. text-transform:uppercase;
  126. bottom:10px;
  127. right:10px;
  128. position:fixed;
  129. text-decoration:none;}
  130.  
  131. #cred a:link, #cred a:active, #cred a:visited, #cred a:hover {
  132. color:#000000;
  133. text-decoration:none;
  134. border:0;}
  135.  
  136.  
  137. #cred:hover {
  138. font-size:8px;
  139. letter-spacing:1px;
  140. font-weight:bold;
  141. color: #000000;
  142. opacity:1.0;
  143. font-family: calibri;
  144. background-color: #FFFFFF;
  145. padding:4px;
  146. border:1px dashed #514a4d;
  147. text-transform:uppercase;
  148. bottom:10px;
  149. right:10px;
  150. position:fixed;
  151. text-decoration:none;
  152. -webkit-transform: rotate(10deg);
  153. -moz-transform: rotate(10deg);
  154. -o-transform: rotate(10deg);
  155. -ms-transform: rotate(10deg);
  156. transform: rotate(10deg);
  157. -webkit-transition: all 0.9s ease-in-out;
  158. -moz-transition: all 0.9s ease-in-out;
  159. -o-transition: all 0.9s ease-in-out;
  160. transition: all 0.9s ease-in-out;}
  161.  
  162.  
  163.  
  164. /* HEADER */
  165.  
  166. .header {
  167. width:600px;
  168. opacity:0.95;
  169. box-shadow:{color:Box Shadow} 0px 0px 10px;
  170. border-top:5px solid {color:Content Border};
  171. border-bottom:5px solid {color:Content Border};
  172. height:120px;
  173. {block:IfFixedHeader}
  174. position:fixed;
  175. height:80px;
  176. {/block:IfFixedHeader}
  177. background-image:url('{image:Header}');
  178. background-repeat:no-repeat;
  179. z-index:5000000;
  180. transition-duration: 0.6s;
  181. -moz-transition-duration: 0.6s;
  182. -webkit-transition-duration: 0.6s;
  183. -o-transition-duration: 0.6s;
  184. margin:auto;}
  185.  
  186. .header:hover {
  187. opacity:1.0;
  188. width:600px;
  189. box-shadow:{color:Box Shadow} 0px 0px 10px;
  190. border-top:5px solid {color:Content Border};
  191. border-bottom:5px solid {color:Content Border};
  192. height:120px;
  193. {block:IfFixedHeader}
  194. position:fixed;
  195. {/block:IfFixedHeader}
  196. background-image:url('{image:Header}');
  197. background-repeat:no-repeat;
  198. transition-duration: 0.6s;
  199. -moz-transition-duration: 0.6s;
  200. -webkit-transition-duration: 0.6s;
  201. -o-transition-duration: 0.6s;
  202. z-index:5000000;
  203. margin:auto;}
  204.  
  205.  
  206. .headerlinks {
  207. opacity:0.0;
  208. margin:5px;
  209. z-index:700000;
  210. width:250px;
  211. height:90px;
  212. margin-top:-90px;
  213. margin-left:350px;
  214. background-repeat:no-repeat;
  215. transition-duration: 0.4s;
  216. -moz-transition-duration: 0.4s;
  217. -webkit-transition-duration: 0.4s;
  218. -o-transition-duration: 0.4s;}
  219.  
  220. .header:hover .headerlinks {
  221. opacity:0.8;
  222. z-index:700000;
  223. margin-top:-105px;
  224. margin-left:350px;
  225. transition-duration: 0.4s;
  226. -moz-transition-duration: 0.4s;
  227. -webkit-transition-duration: 0.4s;
  228. -o-transition-duration: 0.4s;}
  229.  
  230.  
  231. .headerdescription {
  232. opacity:0.0;
  233. margin:5px;
  234. margin-left:0px;
  235. width:300px;
  236. padding:10px;
  237. background-color:{color:Content BG};
  238. transition-duration: 0.4s;
  239. -moz-transition-duration: 0.4s;
  240. -webkit-transition-duration: 0.4s;
  241. -o-transition-duration: 0.4s;}
  242.  
  243. .header:hover .headerdescription {
  244. opacity:0.7;
  245. margin-top:-54px;
  246. transition-duration: 0.4s;
  247. -moz-transition-duration: 0.4s;
  248. -webkit-transition-duration: 0.4s;
  249. -o-transition-duration: 0.4s;}
  250.  
  251. .navtitle {
  252. text-transform:uppercase;
  253. text-align:center;
  254. color:{color:Navigation};
  255. letter-spacing:7px;
  256. font-family: calibri;
  257. font-size:20px;}
  258.  
  259.  
  260. .headertitle {
  261. background-color:{color:Content BG};
  262. opacity:0.8;
  263. z-index:8;
  264. text-transform:uppercase;
  265. margin-top:5px;
  266. padding-left:20px;
  267. width:30%;
  268. box-shadow:#9A927D 0px 0px 7px;
  269. font-family: calibri;
  270. font-size:20px;
  271. transition-duration: 0.4s;
  272. -moz-transition-duration: 0.4s;
  273. -webkit-transition-duration: 0.4s;
  274. -o-transition-duration: 0.4s;}
  275.  
  276. .header:hover .headertitle {
  277. opacity:0.0;
  278. transition-duration: 0.4s;
  279. -moz-transition-duration: 0.4s;
  280. -webkit-transition-duration: 0.4s;
  281. -o-transition-duration: 0.4s;}
  282.  
  283. .headertext {
  284. opacity:0.5;
  285. z-index:8;
  286. padding-left:10px;
  287. text-transform:uppercase;
  288. margin-top:20px;
  289. font-family: calibri;
  290. font-size:15px;
  291. height:15px;
  292. transition-duration: 0.4s;
  293. -moz-transition-duration: 0.4s;
  294. -webkit-transition-duration: 0.4s;
  295. -o-transition-duration: 0.4s;}
  296.  
  297. .header:hover .headertext {
  298. opacity:0.0;
  299. transition-duration: 0.4s;
  300. -moz-transition-duration: 0.4s;
  301. -webkit-transition-duration: 0.4s;
  302. -o-transition-duration: 0.4s;}
  303.  
  304.  
  305.  
  306.  
  307. /* CONTENT */
  308.  
  309. .contentwhole {
  310. width:600px;
  311. padding-top:20px;
  312. padding-bottom:20px;
  313. box-shadow:#9A927D 0px 0px 20px;
  314. border-left:5px solid {color:Content Border};
  315. border-right:5px solid {color:Content Border};
  316. background-attachment:fixed;
  317. background-image:url('{image:Container BG}');
  318. background-color:{color:Container BG};
  319. background-repeat:repeat;
  320. z-index:1000;
  321. margin:auto;}
  322.  
  323. .contentborder {
  324. margin-top:10px;
  325. z-index:1000;
  326. {block:IfFixedHeader}
  327. margin-top:140px;
  328. {/block:IfFixedHeader}; }
  329.  
  330.  
  331. .content {
  332. width: 500px;
  333. z-index:1000;
  334. letter-spacing:1px;
  335. height: auto;
  336. padding:30px;
  337. padding-bottom:5px;
  338. margin:auto;
  339. margin-left:20px;
  340. margin-top:40px;
  341. margin-bottom:15px;
  342. box-shadow:{color:Box Shadow} 0px 0px 10px;
  343. background-color: {color:Content BG};
  344. border:1px solid {color:Content Border};}
  345.  
  346.  
  347. .infolinks {
  348. opacity:0.0;
  349. height:8px;
  350. text-align:center;
  351. transition-duration: 0.6s;
  352. -moz-transition-duration: 0.6s;
  353. -webkit-transition-duration: 0.6s;
  354. -o-transition-duration: 0.6s;}
  355.  
  356. .infolinks a {
  357. font-size:8px;
  358. padding-right:15px;}
  359.  
  360.  
  361. .content:hover .infolinks {
  362. opacity:0.8;
  363. transition-duration: 0.6s;
  364. -moz-transition-duration: 0.6s;
  365. -webkit-transition-duration: 0.6s;
  366. -o-transition-duration: 0.6s;}
  367.  
  368.  
  369. .info {
  370. height:22px;
  371. float:center;
  372. padding-top:2px;
  373. margin-top:10px;
  374. opacity:0.7;
  375. text-align:center;
  376. font-size:8px;
  377. letter-spacing:1px;
  378. background-color: {color:Info BG};
  379. background-image:url('{image:Info BG}');
  380. color:{color:Link};
  381. border-top: 1px solid {color:Info Border};
  382. border-bottom: 2px solid {color:Info Border};
  383. width: 560px;
  384. margin-left:-30px;
  385. text-transform:uppercase;
  386. transition-duration: 0.6s;
  387. -moz-transition-duration: 0.6s;
  388. -webkit-transition-duration: 0.6s;
  389. -o-transition-duration: 0.6s; }
  390.  
  391. .info a {
  392. font-size:8px;
  393. padding-right:10px;}
  394.  
  395. .content:hover .info {
  396. opacity:1.0;
  397. transition-duration: 0.6s;
  398. -moz-transition-duration: 0.6s;
  399. -webkit-transition-duration: 0.6s;
  400. -o-transition-duration: 0.6s; }
  401.  
  402. /* PAGINATION */
  403.  
  404. .pagination {
  405. margin-left:-180px;
  406. font-size:10px;
  407. top:-10px;
  408. float:left;
  409. position:fixed;
  410. width:150px;
  411. height:150px;
  412. text-align:center;}
  413.  
  414.  
  415. .pagination a {
  416. text-decoration:none;
  417. font-size:10px;
  418. margin:5px;
  419. display:inline-block;
  420. text-transform:uppercase;
  421. background-color:{color:Content BG};
  422. border:1px solid {color:Content Border};
  423. box-shadow:#9A927D 0px 0px 15px;
  424. background-repeat:no-repeat;
  425. background-position:bottom;
  426. padding:20px;
  427. color:{color:Text};
  428. transition-duration: 0.6s;
  429. -moz-transition-duration: 0.6s;
  430. -webkit-transition-duration: 0.6s;
  431. -o-transition-duration: 0.6s;}
  432.  
  433. .pagination a:hover {
  434. font-size:10px;
  435. background-color:{color:Bold};
  436. background-image:none;
  437. color:{color:Content BG};
  438. transition-duration: 0.6s;
  439. -moz-transition-duration: 0.6s;
  440. -webkit-transition-duration: 0.6s;
  441. -o-transition-duration: 0.6s;}
  442.  
  443.  
  444.  
  445. /* TAGS */
  446.  
  447. .tags {
  448. padding-top:2px;
  449. height:10px;
  450. opacity:0.7;
  451. overflow:hidden;
  452. font-size:7px;
  453. text-transform:uppercase;}
  454.  
  455. .tags a {
  456. padding-right:6px;
  457. color:#000000;
  458. font-size:7px;}
  459.  
  460.  
  461. /* HEADER NAVIGATION */
  462.  
  463. #navigation a {
  464. background-color: {color:Content BG};
  465. display:block;
  466. font-size:8px;
  467. margin-bottom:4px;
  468. padding:5px;
  469. width:100px;
  470. margin-left:4px;
  471. letter-spacing:1px;
  472. text-align:center;
  473. font-family:calibri;
  474. text-shadow:none;
  475. text-transform:uppercase;
  476. color: {color:Navigation}; }
  477.  
  478. #navigation a:hover {
  479. background-color: {color:Bold};
  480. color: {color:Content BG};
  481. text-shadow:none;
  482. text-decoration:none;
  483. text-align:center;
  484. -webkit-transition: opacity 0.7s linear;
  485. -webkit-transition: all 0.7s ease-out;
  486. -moz-transition: all 0.7s ease-out;
  487. transition: all 0.7s ease-out;}
  488.  
  489.  
  490. /* EXTRAS LINKS */
  491.  
  492. #extraslinks a {
  493. background-color: {color:Content BG};
  494. border:1px solid {color:Content Border};
  495. display:block;
  496. font-size:7pt;
  497. margin-bottom:2px;
  498. padding:5px;
  499. width:100px;
  500. margin-left:-7px;
  501. letter-spacing:0px;
  502. text-align:center;
  503. font-family:calibri;
  504. text-shadow:none;
  505. text-transform:uppercase;
  506. color: {color:Bold}; }
  507.  
  508. #extraslinks a:hover {
  509. background-color: {color:Text};
  510. color: {color:Background};
  511. text-shadow:none;
  512. text-decoration:none;
  513. text-align:center;
  514. -webkit-transition: opacity 0.7s linear;
  515. -webkit-transition: all 0.7s ease-out;
  516. -moz-transition: all 0.7s ease-out;
  517. transition: all 0.7s ease-out;}
  518.  
  519. /* EXTRAS */
  520.  
  521. .extras {
  522. width:520px;
  523. z-index:2000;
  524. padding:0px;
  525. letter-spacing:0;}
  526.  
  527. .push {
  528. background:transparent;
  529. opacity:0;
  530. margin-top:0px;
  531. text-align:left;
  532. margin-left:520px;
  533. position:absolute;
  534. -webkit-transition: opacity 0.7s linear;
  535. -webkit-transition: all 0.7s ease-out;
  536. -moz-transition: all 0.7s ease-out;
  537. transition: all 0.7s ease-out;}
  538.  
  539. .extras:hover .push {
  540. opacity:1.0;
  541. margin-left:540px;
  542. -webkit-transition: opacity 0.7s linear;
  543. -webkit-transition: all 0.7s ease-out;
  544. -moz-transition: all 0.7s ease-out;
  545. transition: all 0.7s ease-out;}
  546.  
  547.  
  548.  
  549. {block:IfPhotosColortoGray}
  550.  
  551. .gray:hover {
  552. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  553. filter: gray; /* IE6-9 */
  554. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  555. transition-duration: 0.4s;
  556. -moz-transition-duration: 0.4s;
  557. -webkit-transition-duration: 0.4s;
  558. -o-transition-duration: 0.4s;
  559. }
  560.  
  561.  
  562. .gray {
  563. filter: none;
  564. -webkit-filter: grayscale(0%);
  565. transition-duration: 0.4s;
  566. -moz-transition-duration: 0.4s;
  567. -webkit-transition-duration: 0.4s;
  568. -o-transition-duration: 0.4s;}
  569.  
  570. {/block:IfPhotosColortoGray}
  571.  
  572.  
  573.  
  574. {block:IfPhotosGraytoColor}
  575.  
  576. .gray {
  577. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  578. filter: gray; /* IE6-9 */
  579. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  580. transition-duration: 0.4s;
  581. -moz-transition-duration: 0.4s;
  582. -webkit-transition-duration: 0.4s;
  583. -o-transition-duration: 0.4s;
  584. }
  585.  
  586.  
  587. .gray:hover {
  588. filter: none;
  589. -webkit-filter: grayscale(0%);
  590. transition-duration: 0.4s;
  591. -moz-transition-duration: 0.4s;
  592. -webkit-transition-duration: 0.4s;
  593. -o-transition-duration: 0.4s;}
  594.  
  595. {/block:IfPhotosGraytoColor}
  596.  
  597.  
  598.  
  599. {block:IfPhotosNoGray}
  600.  
  601. .gray {
  602. opacity:1.0;}
  603.  
  604.  
  605. {/block:IfPhotosNoGray}
  606.  
  607.  
  608.  
  609. /* AUDIO POSTS */
  610.  
  611. .playbutton {
  612. width: 20px;
  613. height: 20px;
  614. overflow: hidden;
  615. position: relative;
  616. opacity:0.5;
  617. left:35px;
  618. top:35px;
  619. z-index: 1000; }
  620.  
  621. .cover {
  622. position: relative;
  623. z-index: 1;
  624. width:100px;
  625. height:100px;
  626. margin:5px;
  627. margin-right:10px;
  628. border:2px solid {color:Info BG};
  629. box-shadow:{color:Body Dark Shadow} 0px 0px 2px; }
  630.  
  631. .playbox {
  632. background-color:#FFFFFF;
  633. position: absolute;
  634. z-index: 1000;
  635. opacity:0.5;
  636. width:100px;
  637. height:100px;
  638. margin-left:7px;
  639. margin-top:7px;
  640. transition-duration: 0.6s;
  641. -moz-transition-duration: 0.6s;
  642. -webkit-transition-duration: 0.6s;
  643. -o-transition-duration: 0.6s;}
  644.  
  645. .playbox:hover {
  646. opacity:0.9; }
  647.  
  648. .playbutton:hover {
  649. opacity:1.0; }
  650.  
  651. .audiocaption {
  652. width:200px;
  653. font-size:8px;
  654. height:relative;
  655. max-height:100px;
  656. opacity:0.7;
  657. overflow:auto;
  658. padding:10px;}
  659.  
  660. /* QUOTES */
  661.  
  662. .quote {
  663. font-style:italic;
  664. font-size: 15px;
  665. text-align: justify;
  666. width:90%;
  667. margin:auto;
  668. letter-spacing: -1px;
  669. line-height: 15px;
  670. text-transform: none; }
  671.  
  672.  
  673. .source {
  674. font-style:italic;
  675. font-size: 9px;
  676. text-transform:uppercase;
  677. text-align: justify;
  678. line-height: 12px;
  679. text-align:right;
  680. text-indent: 15px; }
  681.  
  682. .source a:link, a:active, a:visited {
  683. color: {color:Link};
  684. text-decoration:none; }
  685.  
  686.  
  687.  
  688. .ttitle {
  689. color:{color:Text};
  690. font-size:9px;
  691. display:block;
  692. font-style:italic;
  693. padding-left:5px;
  694. border-left:100px solid {color:Content Border};
  695. border-right:100px solid {color:Content Border};
  696. text-transform:uppercase;
  697. text-align:left;
  698. transition-duration: 0.6s;
  699. -moz-transition-duration: 0.6s;
  700. -webkit-transition-duration: 0.6s;
  701. -o-transition-duration: 0.6s; }
  702.  
  703. .ttitle:hover {
  704. font-size:9px;
  705. display:block;
  706. font-style:italic;
  707. padding-left:5px;
  708. border-left:150px solid {color:Bold};
  709. border-right:0px solid {color:Bold};
  710. text-transform:uppercase;
  711. text-align:left;
  712. transition-duration: 0.6s;
  713. -moz-transition-duration: 0.6s;
  714. -webkit-transition-duration: 0.6s;
  715. -o-transition-duration: 0.6s; }
  716.  
  717.  
  718. /* ASK QUESTIONS */
  719.  
  720. .question {
  721. border-left:0px solid {color:Content Border};
  722. width:100%;
  723. font-size:8px;
  724. padding:5px;
  725. text-align:justify;}
  726.  
  727. .answer {
  728. background-color:transparent;
  729. margin:0px;
  730. padding:10px;
  731. margin-top:0px;}
  732.  
  733. .asker {
  734. width:40px;
  735. height:40px;
  736. -moz-border-radius: 40px;
  737. border-radius: 40px;
  738. position:relative;
  739. opacity:0.6;
  740. margin:2px;
  741. transition-duration: 0.6s;
  742. -moz-transition-duration: 0.6s;
  743. -webkit-transition-duration: 0.6s;
  744. -o-transition-duration: 0.6s;}
  745.  
  746. .asker:hover {
  747. opacity:1.0;
  748. transition-duration: 0.6s;
  749. -moz-transition-duration: 0.6s;
  750. -webkit-transition-duration: 0.6s;
  751. -o-transition-duration: 0.6s;}
  752.  
  753. </style>
  754.  
  755. </head>
  756.  
  757. <div id="cred">
  758. <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SARAHCATHS+</a>
  759. </div> <!-- END CREDIT (DO NOT REMOVE!) -->
  760.  
  761. <div class="contentwhole">
  762.  
  763. <div class="pagination">
  764. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  765.  
  766. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  767. </div> <!-- END PAGINATON -->
  768.  
  769. <div class="header">
  770.  
  771. <div class="headertext">
  772. hover for more
  773. </div> <!-- END HEADER HOVER TEXT -->
  774.  
  775. <div class="headertitle">
  776. {Title}
  777. </div> <!-- END HEADER TITLE -->
  778.  
  779. <div class="headerdescription">
  780. {Description}
  781. </div> <!-- END HEADER DESCRIPTION -->
  782.  
  783. <div class="headerlinks">
  784. <div id="navigation">
  785. <table><tr>
  786. <td width="50%">
  787. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  788. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  789. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  790. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  791. </td>
  792. <td width="50%">
  793. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  794. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  795. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  796. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  797. </td>
  798. </tr></table>
  799. </div>
  800. </div> <!-- END HEADER LINKS -->
  801.  
  802. </div> <!-- END HEADER -->
  803.  
  804.  
  805. <div class="contentborder">
  806. {block:Posts}
  807. <div class="extras">
  808. <div class="content">
  809.  
  810. {block:Text}
  811. {block:Title}
  812. <a href="{Permalink}" class="ttitle">{Title}</a>
  813. {/block:Title}
  814. {Body}
  815. {/block:Text}
  816.  
  817. {block:Photo}
  818. <div class="gray"><img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>
  819. {block:Caption}{Caption}{/block:Caption}
  820. {/block:Photo}
  821.  
  822. {block:Photoset}
  823. <div class="gray">{Photoset-500}</div>
  824. {block:Caption}{Caption}{/block:Caption}
  825. {/block:Photoset}
  826.  
  827. {block:Quote}
  828. <div class="quote"><div style="font-size:40px;font-family:georgia;opacity:0.5;padding-right:10px;float:left;"> “</div>{Quote}</div>
  829. <p>
  830. <div class="source">{block:Source}- {Source}{/block:Source}</div>
  831. {/block:Quote}
  832.  
  833. {block:Link}
  834. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  835. {block:Description} {Description} {/block:Description}
  836. {/block:Link}
  837.  
  838. {block:Chat}
  839. {block:Title} <a href="{Permalink}" class="ttitle">{Title}</a>{/block:Title}<p>
  840. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>
  841.  
  842. {/block:Lines}
  843. {/block:Chat}
  844.  
  845.  
  846. {block:Audio}
  847. <table><tr><td width="20%" vAlign="middle">
  848. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  849. {block:AlbumArt}
  850. <img src="{AlbumArtURL}" class="cover">
  851. {/block:AlbumArt}
  852. </td><td width="80%" vAlign="middle">
  853. <div class="audiocaption">
  854. {block:Artist}
  855. {Artist}
  856. {/block:Artist}<br>
  857. {block:TrackName}
  858. <i>{TrackName}</i>
  859. {/block:TrackName}<br>
  860. {PlayCountWithLabel}
  861. </td></tr></table>
  862. {/block:Audio}
  863.  
  864.  
  865. {block:Video}
  866. {Video-500}
  867. {block:Caption}{Caption}{/block:Caption}
  868. {/block:Video}
  869.  
  870. {block:Answer}
  871. <table><tr><td width="10%"><img src="{AskerPortraitURL-40}" class="asker" /></td><td width="90%">
  872. <div class="question">
  873. {Question}</div></td></tr></table>
  874. <div class="answer">{Answer}</div>
  875. {/block:Answer}
  876.  
  877.  
  878. <div class="infolinks">
  879. <a href="{ReblogURL}" target="_blank" title="reblog this post!">REBLOG</a>
  880. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">VIA</a>{/block:RebloggedFrom}
  881. {block:ContentSource}<a href="{SourceURL}" target="_blank">SOURCE</a>{/block:ContentSource} <a href="{Permalink}">PERMALINK</a>
  882. </div> <!-- END INFOLINKS -->
  883. <div class="info">
  884. {block:Date}posted {TimeAgo}{/block:Date}
  885. {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}
  886. {block:ifDisplayTags}
  887. <div class="tags">
  888. {block:HasTags}{block:Tags}
  889. <a href="{TagURL}">#{Tag}</a>
  890. {/block:Tags}{/block:HasTags}
  891. </div> <!-- END TAGS -->
  892. {/block:ifDisplayTags}
  893. </div> <!--END INFO -->
  894.  
  895. {block:PermalinkPage}
  896. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  897. {block:PostNotes}
  898. {PostNotes}
  899. {/block:PostNotes}
  900. {/block:PermalinkPage}
  901. </div> <!-- END CONTENT -->
  902. </div> <!-- END EXTRAS -->
  903.  
  904. {/block:Posts}
  905.  
  906.  
  907.  
  908. </div> <!-- END CONTENT BORDER -->
  909. </div> <!-- END CONTENT WHOLE -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!