API tools faq
paste
Advertisement
sarahcaths

theme 12 | warm hugs

sarahcaths
Mar 19th, 2014
1,054
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.03 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 | "WARM HUGS" #12
  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/ff8716390d92d36da68b0b33ada7c4fc/vqqnpua/M6in2np8g/tumblr_static_background.png"/>
  28. <meta name="image:Container BG" content="http://static.tumblr.com/2436276bc007463af014f0206fd0ea55/vqqnpua/JzFmh7t49/tumblr_static_white_transparency.png"/>
  29. <meta name="image:Olaf" content="http://static.tumblr.com/667e6c61715e87f9ecaa7c8d89db55f0/vqqnpua/Xt0n2npgi/tumblr_static_olaf.png" />
  30. <meta name="image:Pattern BG" content="http://static.tumblr.com/6521e97200e440babc429833c78b684e/vqqnpua/Ghan2npbv/tumblr_static_foxtail.png" />
  31. <meta name="image:Bubble" content="http://static.tumblr.com/34b950f5ced4a07e282da7a66da43555/vqqnpua/BlGn2nrr4/tumblr_static_bubble_2.png" />
  32.  
  33.  
  34. <meta name="color:Background" content="#E9EBE0" />
  35. <meta name="color:Text" content="#71777c" />
  36. <meta name="color:Bold" content="#f5c484" />
  37. <meta name="color:Italic" content="#f4a6a1" />
  38. <meta name="color:Link" content="#e19b87" />
  39. <meta name="color:Content BG" content="#fdfeff" />
  40. <meta name="color:Content Border" content="#e2e4e6" />
  41. <meta name="color:Container BG" content="#f5f9fc" />
  42. <meta name="color:Info BG" content="#ace1fb" />
  43. <meta name="color:Info Border" content="#dff1fa" />
  44. <meta name="color:Navigation" content="#f4a6a1" />
  45. <meta name="color:Pattern BG" content="#e2e4e6" />
  46.  
  47. <meta name="text:Text Size" content="13px" />
  48.  
  49. <meta name="font:Body Font" content="Gibson" />
  50.  
  51. <meta name="text:Link 1 URL" content="http://" />
  52. <meta name="text:Link 1" content="Link 1" />
  53. <meta name="text:Link 2 URL" content="http://" />
  54. <meta name="text:Link 2" content="Link 2" />
  55. <meta name="text:Link 3 URL" content="http://" />
  56. <meta name="text:Link 3" content="Link 3" />
  57. <meta name="text:Link 4 URL" content="http://" />
  58. <meta name="text:Link 4" content="Link 4" />
  59. <meta name="text:Link 5 URL" content="http://" />
  60. <meta name="text:Link 5" content="Link 5" />
  61. <meta name="text:Link 6 URL" content="http://" />
  62. <meta name="text:Link 6" content="Link 6" />
  63.  
  64. <meta name="if:Display Tags" content="1" />
  65. <meta name="if:Photos Gray to Color" content="0" />
  66. <meta name="if:Photos Color to Gray" content="0" />
  67. <meta name="if:Photos No Gray" content="1" />
  68. <meta name="if:Portrait" content="1" />
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73. /* MAIN */
  74.  
  75. body {
  76. background-color:{color:Background};
  77. background-image: url('{image:Background}');
  78. color:{color:Text};
  79. font-family: {font:Body Font};
  80. background-attachment:fixed;
  81. font-size: {text:Text Size};
  82. margin: 0px;
  83. padding: 0px;}
  84.  
  85. a:link, a:active {
  86. text-decoration:none;
  87. color: {color:Link}; }
  88.  
  89. a:visited {
  90. text-decoration:none;
  91. color: {color:Link}; }
  92.  
  93. a:hover {
  94. text-decoration:none;
  95. color: {color:Bold};}
  96.  
  97. b, strong, .strong {color:{color:Bold};}
  98.  
  99. blockquote {
  100. border-left:2px solid {color:Text};
  101. padding-left:6px; }
  102.  
  103. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  104.  
  105. i, em, .em {color:{color:Italic};}
  106.  
  107. @import url(http://fonts.googleapis.com/css?family=Bangers);
  108.  
  109. /* CREDIT -- DON'T REMOVE! */
  110.  
  111. #cred {
  112. font-size:8px;
  113. letter-spacing:1px;
  114. opacity:0.3;
  115. font-weight:bold;
  116. color: #000000;
  117. font-family: calibri;
  118. background-color: #FFFFFF;
  119. padding:4px;
  120. border:1px dashed #514a4d;
  121. text-transform:uppercase;
  122. bottom:10px;
  123. right:10px;
  124. position:fixed;
  125. text-decoration:none;
  126. -webkit-transition: all 0.9s ease-in-out;
  127. -moz-transition: all 0.9s ease-in-out;
  128. -o-transition: all 0.9s ease-in-out;
  129. transition: all 0.9s ease-in-out;}
  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-transition: all 0.9s ease-in-out;
  153. -moz-transition: all 0.9s ease-in-out;
  154. -o-transition: all 0.9s ease-in-out;
  155. transition: all 0.9s ease-in-out;}
  156.  
  157.  
  158. /* SIDEBAR IMAGE */
  159.  
  160. .sidebarimage {
  161. width:218px;
  162. height:506px;
  163. position:fixed;
  164. z-index:100;
  165. background-image:url('{image:Olaf}');
  166. opacity:1.0;
  167. left:660px;
  168. top:100px;
  169. -webkit-transition: all 0.5s ease-in-out;
  170. -moz-transition: all 0.5s ease-in-out;
  171. -o-transition: all 0.5s ease-in-out;
  172. transition: all 0.5s 5ease-in-out;}
  173.  
  174. .sidebarimage:hover {
  175. width:218px;
  176. height:506px;
  177. position:fixed;
  178. z-index:100;
  179. background-image:url('{image:Olaf}');
  180. opacity:1.0;
  181. left:660px;
  182. top:100px;
  183. -webkit-transition: all 0.5s ease-in-out;
  184. -moz-transition: all 0.5s ease-in-out;
  185. -o-transition: all 0.5s ease-in-out;
  186. transition: all 0.5s 5ease-in-out;}
  187.  
  188. /* TITLE */
  189.  
  190. .title {
  191. font-family: 'Bangers', cursive;
  192. font-size:30px;
  193. line-height:40px;
  194. text-shadow:{color:Text} 1px 1px 1px;
  195. text-transform:uppercase;
  196. width:400px;
  197. opacity:1.0;
  198. position:fixed;
  199. left:860px;
  200. top:560px;
  201. color:{color:Content BG};
  202. height:35px;
  203. background-color:transparent;
  204. text-align:left;}
  205.  
  206.  
  207. /*PATTERN */
  208.  
  209. .pattern {
  210. width:100%;
  211. opacity:0.8;
  212. position:fixed;
  213. margin-top:350px;
  214. z-index:-100000000;
  215. height:200px;
  216. text-align:center;
  217. border:5px solid {color:Content BG};
  218. border-left:none;
  219. border-right:none;
  220. background-attachment:fixed;
  221. background-image:url('{image:Pattern BG}');
  222. background-color:{color:Pattern BG};
  223. background-repeat:repeat;}
  224.  
  225. /* SIDEBAR */
  226.  
  227. .sidebar {
  228. z-index:10;
  229. position:fixed;
  230. background-image:url('{image:Bubble}');
  231. background-repeat:no-repeat;
  232. margin-left:880px;
  233. margin-top:140px;
  234. width:324px;
  235. height:260px;
  236. padding-left:5px;}
  237.  
  238.  
  239. .bubble {
  240. font-size:13px;
  241. opacity:1.0;
  242. width:200px;
  243. position:relative;
  244. border:0px solid #000000;
  245. text-align:justify;
  246. height:140px;
  247. overflow:auto;
  248. margin-top:60px;
  249. margin-left:50px;
  250. font-style:none;
  251. letter-spacing:-1px;
  252. -webkit-transition: all 0.5s ease-in-out;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -o-transition: all 0.5s ease-in-out;
  255. transition: all 0.5s 5ease-in-out;}
  256.  
  257. .description {
  258. opacity:0.0;
  259. position:absolute;
  260. z-index:1;
  261. -webkit-transition: all 0.5s ease-in-out;
  262. -moz-transition: all 0.5s ease-in-out;
  263. -o-transition: all 0.5s ease-in-out;
  264. transition: all 0.5s 5ease-in-out;}
  265.  
  266. .olaf {
  267. opacity:1.0;
  268. font-family: 'Bangers', cursive;
  269. font-size:36px;
  270. color:{color:Bold};
  271. text-shadow:#71777c 1px 1px 1px;
  272. letter-spacing:0px;
  273. text-align:center;
  274. text-transform:none;
  275. position:absolute;
  276. z-index:2;
  277. -webkit-transition: all 0.5s ease-in-out;
  278. -moz-transition: all 0.5s ease-in-out;
  279. -o-transition: all 0.5s ease-in-out;
  280. transition: all 0.5s 5ease-in-out;}
  281.  
  282. .bubble:hover .description {
  283. opacity:1.0;
  284. -webkit-transition: all 0.5s ease-in-out;
  285. -moz-transition: all 0.5s ease-in-out;
  286. -o-transition: all 0.5s ease-in-out;
  287. transition: all 0.5s 5ease-in-out;}
  288.  
  289. .bubble:hover .olaf {
  290. opacity:0.0;
  291. -webkit-transition: all 0.5s ease-in-out;
  292. -moz-transition: all 0.5s ease-in-out;
  293. -o-transition: all 0.5s ease-in-out;
  294. transition: all 0.5s 5ease-in-out;}
  295.  
  296.  
  297.  
  298.  
  299.  
  300. #pagination {
  301. z-index:200;
  302. position:fixed;
  303. margin-left:790px;
  304. margin-top:500px;
  305. width:250px; }
  306.  
  307. #paginationback {
  308. z-index:200;
  309. position:fixed;
  310. margin-left:630px;
  311. margin-top:275px;
  312. width:70px; }
  313.  
  314. #pagination a, #paginationback a {
  315. background-color:none;
  316. text-decoration:none;
  317. color:{color:Content BG};
  318. dispaly:block;
  319. font-size:45px;
  320. font-family: 'Bangers', cursive;
  321. padding:7px;
  322. text-transform:uppercase;
  323. text-shadow:#71777c 2px 2px 2px;
  324. transition-duration: 0.6s;
  325. -moz-transition-duration: 0.6s;
  326. -webkit-transition-duration: 0.6s;
  327. -o-transition-duration: 0.6s;}
  328.  
  329. #pagination a:hover {
  330. color:{color:Content Border};
  331. transition-duration: 0.6s;
  332. -moz-transition-duration: 0.6s;
  333. -webkit-transition-duration: 0.6s;
  334. -o-transition-duration: 0.6s;}
  335.  
  336.  
  337. /* CONTENT */
  338.  
  339. .contentwhole {
  340. width:600px;
  341. padding-top:20px;
  342. padding-bottom:20px;
  343. background-image:url('{image:Container BG}');
  344. background-repeat:repeat;
  345. z-index:1000;
  346. margin-left:20px;}
  347.  
  348. .contentborder {
  349. z-index:1000;
  350. margin-top:0px;
  351. padding-top:40px; }
  352.  
  353.  
  354. .content {
  355. width: 560px;
  356. z-index:1000;
  357. letter-spacing:0px;
  358. height: auto;
  359. padding-bottom:5px;
  360. margin-left:20px;
  361. margin-top:0px;
  362. margin-bottom:0px;
  363. background-color: {color:Content BG};
  364. border:1px solid {color:Content Border};}
  365.  
  366. .padding {
  367. padding:30px;}
  368.  
  369. /* NEW ADDITIONS */
  370.  
  371.  
  372. .info {
  373. height:20px;
  374. opacity:1.0;
  375. padding-top:5px;
  376. margin-bottom:50px;
  377. margin-left:20px;
  378. font-size:80%;
  379. background-color: {color:Info BG};
  380. background-image:url('{image:Info BG}');
  381. border-top: 3px solid {color:Info Border};
  382. border-bottom: 3px solid {color:Info Border};
  383. color: {color:Text};
  384. width: 561px;
  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.  
  392. .datecircle {
  393. float:left;
  394. width:50px;
  395. height:50px;
  396. text-align:center;
  397. padding: 10px;
  398. margin: -10px 0px 0px 50px;
  399. background-color: {color:Info BG};
  400. background-image:url('{image:Info BG}');
  401. border: 3px solid {color:Info Border};
  402. text-shadow:none;
  403. color: {color:Main Links};
  404. -moz-border-radius: 50px;
  405. border-radius: 50px;}
  406.  
  407. .datecircle a:link, .datecircle a:active, .datecircle a:visited {
  408. font-size: 25px;
  409. line-height:40px;
  410. font-family: 'Bangers', cursive;
  411. text-shadow:none;
  412. color: {color:Content BG};}
  413.  
  414. .datecircle a:hover {
  415. text-shadow:#000000 1px 1px 1px;}
  416.  
  417. .content:hover .info {
  418. font-size: {text:Tags Font Size};
  419. font-family: {font:Tags Font};
  420. color: {color:Info};
  421. transition-duration: 0.6s;
  422. -moz-transition-duration: 0.6s;
  423. -webkit-transition-duration: 0.6s;
  424. -o-transition-duration: 0.6s; }
  425.  
  426.  
  427. .info a:link, .info a:active, .info a:visited {
  428. font-size:10px;
  429. opacity:0.6;
  430. color:{color:Text};
  431. padding:9px;
  432. margin:0px 10px 0px 10px;
  433. font-style:italic;
  434. text-transform:uppercase;
  435. transition-duration: 0.6s;
  436. -moz-transition-duration: 0.6s;
  437. -webkit-transition-duration: 0.6s;
  438. -o-transition-duration: 0.6s; }
  439.  
  440. .info a:hover {
  441. opacity:1.0;
  442. transition-duration: 0.6s;
  443. -moz-transition-duration: 0.6s;
  444. -webkit-transition-duration: 0.6s;
  445. -o-transition-duration: 0.6s; }
  446.  
  447. /* TAGS */
  448.  
  449. .tags {
  450. padding-top:5px;
  451. height:10px;
  452. opacity:0.7;
  453. color:#000000;
  454. overflow:hidden;
  455. font-size:10px;
  456. text-transform:uppercase;}
  457.  
  458.  
  459.  
  460. /* HEADER NAVIGATION */
  461.  
  462. #navigation {
  463. z-index:1000;
  464. position:fixed;
  465. margin-left:900px;
  466. margin-top:400px;
  467. width:250px; }
  468.  
  469. #navigation a {
  470. display:block;
  471. padding:10px;
  472. font-size:110%;
  473. width:100px;
  474. margin:5px 0px 5px 5px;
  475. letter-spacing:1px;
  476. text-align:center;
  477. text-shadow:none;
  478. text-transform:uppercase;
  479. color: {color:Navigation};
  480. background-color: {color:Content BG};
  481. -webkit-transition: opacity 0.7s linear;
  482. -webkit-transition: all 0.7s ease-out;
  483. -moz-transition: all 0.7s ease-out;
  484. transition: all 0.7s ease-out;}
  485.  
  486.  
  487. #navigation a:hover {
  488. background-color: {color:Bold};
  489. color: {color:Content BG};
  490. text-shadow:none;
  491. text-decoration:none;
  492. text-align:center;
  493. -webkit-transition: opacity 0.7s linear;
  494. -webkit-transition: all 0.7s ease-out;
  495. -moz-transition: all 0.7s ease-out;
  496. transition: all 0.7s ease-out;}
  497.  
  498.  
  499.  
  500. /* EXTRAS LINKS */
  501.  
  502. #extraslinks a {
  503. background-color: {color:Content BG};
  504. border:1px solid {color:Content Border};
  505. display:block;
  506. font-size:7pt;
  507. margin-bottom:2px;
  508. padding:5px;
  509. width:100px;
  510. margin-left:-7px;
  511. letter-spacing:0px;
  512. text-align:center;
  513. font-family:{font:Body Font};
  514. text-shadow:none;
  515. text-transform:uppercase;
  516. color: {color:Bold}; }
  517.  
  518. #extraslinks a:hover {
  519. background-color: {color:Text};
  520. color: {color:Background};
  521. text-shadow:none;
  522. text-decoration:none;
  523. text-align:center;
  524. -webkit-transition: opacity 0.7s linear;
  525. -webkit-transition: all 0.7s ease-out;
  526. -moz-transition: all 0.7s ease-out;
  527. transition: all 0.7s ease-out;}
  528.  
  529. /* EXTRAS */
  530.  
  531. .extras {
  532. width:520px;
  533. z-index:2000;
  534. padding:0px;
  535. letter-spacing:0;}
  536.  
  537. .push {
  538. background:transparent;
  539. opacity:0;
  540. margin-top:0px;
  541. text-align:left;
  542. margin-left:520px;
  543. position:absolute;
  544. -webkit-transition: opacity 0.7s linear;
  545. -webkit-transition: all 0.7s ease-out;
  546. -moz-transition: all 0.7s ease-out;
  547. transition: all 0.7s ease-out;}
  548.  
  549. .extras:hover .push {
  550. opacity:1.0;
  551. margin-left:540px;
  552. -webkit-transition: opacity 0.7s linear;
  553. -webkit-transition: all 0.7s ease-out;
  554. -moz-transition: all 0.7s ease-out;
  555. transition: all 0.7s ease-out;}
  556.  
  557.  
  558.  
  559. {block:IfPhotosColortoGray}
  560.  
  561. .gray:hover {
  562. 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+ */
  563. filter: gray; /* IE6-9 */
  564. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  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.  
  571.  
  572. .gray {
  573. filter: none;
  574. -webkit-filter: grayscale(0%);
  575. transition-duration: 0.4s;
  576. -moz-transition-duration: 0.4s;
  577. -webkit-transition-duration: 0.4s;
  578. -o-transition-duration: 0.4s;}
  579.  
  580. {/block:IfPhotosColortoGray}
  581.  
  582.  
  583.  
  584. {block:IfPhotosGraytoColor}
  585.  
  586. .gray {
  587. 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+ */
  588. filter: gray; /* IE6-9 */
  589. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  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.  
  596.  
  597. .gray:hover {
  598. filter: none;
  599. -webkit-filter: grayscale(0%);
  600. transition-duration: 0.4s;
  601. -moz-transition-duration: 0.4s;
  602. -webkit-transition-duration: 0.4s;
  603. -o-transition-duration: 0.4s;}
  604.  
  605. {/block:IfPhotosGraytoColor}
  606.  
  607.  
  608.  
  609. {block:IfPhotosNoGray}
  610.  
  611. .gray {
  612. opacity:1.0;}
  613.  
  614.  
  615. {/block:IfPhotosNoGray}
  616.  
  617.  
  618.  
  619. /* AUDIO POSTS */
  620.  
  621. .playbutton {
  622. width: 20px;
  623. height: 20px;
  624. overflow: hidden;
  625. position: relative;
  626. opacity:0.5;
  627. left:35px;
  628. top:35px;
  629. z-index: 1000; }
  630.  
  631. .cover {
  632. position: relative;
  633. z-index: 1;
  634. width:100px;
  635. height:100px;
  636. margin:5px;
  637. margin-right:10px;
  638. border:2px solid {color:Info BG};
  639. box-shadow:{color:Body Dark Shadow} 0px 0px 2px; }
  640.  
  641. .playbox {
  642. background-color:#FFFFFF;
  643. position: absolute;
  644. z-index: 1000;
  645. opacity:0.5;
  646. width:100px;
  647. height:100px;
  648. margin-left:7px;
  649. margin-top:7px;
  650. transition-duration: 0.6s;
  651. -moz-transition-duration: 0.6s;
  652. -webkit-transition-duration: 0.6s;
  653. -o-transition-duration: 0.6s;}
  654.  
  655. .playbox:hover {
  656. opacity:0.9; }
  657.  
  658. .playbutton:hover {
  659. opacity:1.0; }
  660.  
  661. .audiocaption {
  662. width:200px;
  663. font-size:8px;
  664. height:relative;
  665. max-height:100px;
  666. opacity:0.7;
  667. overflow:auto;
  668. padding:10px;}
  669.  
  670. /* QUOTES */
  671.  
  672. .quote {
  673. font-style:italic;
  674. font-size: 15px;
  675. text-align: justify;
  676. width:90%;
  677. margin:auto;
  678. letter-spacing: -1px;
  679. line-height: 15px;
  680. text-transform: none; }
  681.  
  682.  
  683. .source {
  684. font-style:italic;
  685. font-size: 9px;
  686. text-transform:uppercase;
  687. text-align: justify;
  688. line-height: 12px;
  689. text-align:right;
  690. text-indent: 15px; }
  691.  
  692. .source a:link, a:active, a:visited {
  693. color: {color:Link};
  694. text-decoration:none; }
  695.  
  696.  
  697.  
  698. .ttitle {
  699. color:{color:Text};
  700. font-size:11px;
  701. display:block;
  702. font-style:italic;
  703. padding-left:5px;
  704. border-left:100px solid {color:Content Border};
  705. border-right:100px solid {color:Content Border};
  706. text-transform:uppercase;
  707. text-align:left;
  708. transition-duration: 0.6s;
  709. -moz-transition-duration: 0.6s;
  710. -webkit-transition-duration: 0.6s;
  711. -o-transition-duration: 0.6s; }
  712.  
  713. .ttitle:hover {
  714. font-size:11px;
  715. display:block;
  716. font-style:italic;
  717. padding-left:5px;
  718. border-left:150px solid {color:Bold};
  719. border-right:0px solid {color:Bold};
  720. text-transform:uppercase;
  721. text-align:left;
  722. transition-duration: 0.6s;
  723. -moz-transition-duration: 0.6s;
  724. -webkit-transition-duration: 0.6s;
  725. -o-transition-duration: 0.6s; }
  726.  
  727.  
  728. /* ASK QUESTIONS */
  729.  
  730. .question {
  731. border-left:0px solid {color:Content Border};
  732. width:100%;
  733. background-color:{color:Content Border};
  734. font-size:10px;
  735. padding:5px;
  736. text-align:justify;}
  737.  
  738. .answer {
  739. background-color:transparent;
  740. margin:0px;
  741. padding:10px;
  742. margin-top:0px;}
  743.  
  744. .asker {
  745. width:40px;
  746. height:40px;
  747. -moz-border-radius: 40px;
  748. border-radius: 40px;
  749. position:relative;
  750. opacity:0.6;
  751. margin:2px;
  752. transition-duration: 0.6s;
  753. -moz-transition-duration: 0.6s;
  754. -webkit-transition-duration: 0.6s;
  755. -o-transition-duration: 0.6s;}
  756.  
  757. .asker:hover {
  758. opacity:1.0;
  759. transition-duration: 0.6s;
  760. -moz-transition-duration: 0.6s;
  761. -webkit-transition-duration: 0.6s;
  762. -o-transition-duration: 0.6s;}
  763.  
  764. </style>
  765.  
  766. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  767.  
  768. <script type="text/javascript">
  769. WebFontConfig = {
  770. google: { families: [ 'Bangers::latin' ] }
  771. };
  772. (function() {
  773. var wf = document.createElement('script');
  774. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  775. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  776. wf.type = 'text/javascript';
  777. wf.async = 'true';
  778. var s = document.getElementsByTagName('script')[0];
  779. s.parentNode.insertBefore(wf, s);
  780. })(); </script>
  781.  
  782.  
  783. </head>
  784.  
  785. <div id="cred">
  786. <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SARAHCATHS+</a>
  787. </div> <!-- END CREDIT (DO NOT REMOVE!) -->
  788.  
  789. <div class="title">
  790. {block:IfPortrait}<img src="{PortraitURL-64}" style="float:left;border:1px solid {color:Text};margin:5px;" />{/block:IfPortrait} {Title}
  791. </div> <!-- END TITLE -->
  792.  
  793. <div class="sidebarimage">
  794.  
  795. </div> <!-- END SIDEBAR IMAGE -->
  796.  
  797.  
  798. <div id="navigation">
  799. <table><tr>
  800. <td width="50%">
  801. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  802. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  803. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  804. </td>
  805. <td width="50%">
  806. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  807. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  808. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  809. </td>
  810. </tr></table>
  811.  
  812. </div> <!-- END NAVIGATION -->
  813.  
  814. <div id="pagination">
  815. {block:Pagination}
  816.  
  817. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  818. </div> <!-- END PAGINATION -->
  819.  
  820. <div id="paginationback">
  821. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  822. {/block:Pagination}
  823. </div> <!-- END PAGINATION -->
  824.  
  825. <div class="pattern">
  826. </div> <!-- END PATTERN -->
  827.  
  828. <div class="sidebar">
  829. <div class="bubble">
  830. <div class="olaf">
  831. Hi, I'm Olaf and I like warm hugs.
  832. </div> <!-- END OLAF -->
  833.  
  834. <div class="description">
  835. {Description}
  836. </div> <!-- END DESCRIPTION -->
  837. </div> <!-- END BUBBLE -->
  838.  
  839. </div> <!-- END SIDEBAR -->
  840.  
  841.  
  842. <div class="contentwhole">
  843. <div class="contentborder">
  844. {block:Posts}
  845. <div class="extras">
  846. <div class="content">
  847. <div class="padding">
  848.  
  849. {block:Text}
  850. {block:Title}
  851. <a href="{Permalink}" class="ttitle">{Title}</a>
  852. {/block:Title}
  853. {Body}
  854. {/block:Text}
  855.  
  856. {block:Photo}
  857. <div class="gray"><img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>
  858. {block:Caption}{Caption}{/block:Caption}
  859. {/block:Photo}
  860.  
  861. {block:Photoset}
  862. <div class="gray">{Photoset-500}</div>
  863. {block:Caption}{Caption}{/block:Caption}
  864. {/block:Photoset}
  865.  
  866. {block:Quote}
  867. <div class="quote"><div style="font-size:40px;font-family:georgia;opacity:0.5;padding-right:10px;float:left;"> “</div>{Quote}</div>
  868. <p>
  869. <div class="source">{block:Source}- {Source}{/block:Source}</div>
  870. {/block:Quote}
  871.  
  872. {block:Link}
  873. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  874. {block:Description} {Description} {/block:Description}
  875. {/block:Link}
  876.  
  877. {block:Chat}
  878. {block:Title} <a href="{Permalink}" class="ttitle">{Title}</a>{/block:Title}<p>
  879. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>
  880.  
  881. {/block:Lines}
  882. {/block:Chat}
  883.  
  884.  
  885. {block:Audio}
  886. <table><tr><td width="20%" vAlign="middle">
  887. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  888. {block:AlbumArt}
  889. <img src="{AlbumArtURL}" class="cover">
  890. {/block:AlbumArt}
  891. </td><td width="80%" vAlign="middle">
  892. <div class="audiocaption">
  893. {block:Artist}
  894. {Artist}
  895. {/block:Artist}<br>
  896. {block:TrackName}
  897. <i>{TrackName}</i>
  898. {/block:TrackName}<br>
  899. {PlayCountWithLabel}
  900. </td></tr></table>
  901. {/block:Audio}
  902.  
  903.  
  904. {block:Video}
  905. {Video-500}
  906. {block:Caption}{Caption}{/block:Caption}
  907. {/block:Video}
  908.  
  909. {block:Answer}
  910. <table><tr><td width="10%"><img src="{AskerPortraitURL-40}" class="asker" /></td><td width="90%">
  911. <div class="question">
  912. {Question}</div></td></tr></table>
  913. <div class="answer">{Answer}</div>
  914. {/block:Answer}
  915.  
  916. </div> <!-- END PADDING -->
  917.  
  918. </div> <!-- END CONTENT -->
  919.  
  920.  
  921. </div> <!-- END EXTRAS -->
  922.  
  923. <div class="datecircle">
  924. {block:Date}<a href="{Permalink}">{MonthNumber}/{DayOfMonthWithZero}</a>{/block:Date}
  925. </div> <!-- END DATE CIRCLE -->
  926.  
  927. <div class="info" style="text-align: center;">
  928.  
  929.  
  930. <a href="{Permalink}">{block:Date}posted {TimeAgo}{/block:Date}
  931. {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}</a>
  932.  
  933. <a href="{ReblogURL}" target="_blank" title="reblog this post!">REBLOG</a>
  934. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">VIA</a>{/block:RebloggedFrom}
  935. {block:ContentSource}<a href="{SourceURL}" target="_blank">SOURCE</a>{/block:ContentSource}
  936. {block:ifDisplayTags} <p />
  937. <div class="tags">
  938. {block:HasTags}{block:Tags}
  939. <a href="{TagURL}">#{Tag}</a>
  940. {/block:Tags}{/block:HasTags}
  941. </div> <!-- END TAGS -->
  942. {/block:ifDisplayTags}
  943. </div> <!--END INFO -->
  944.  
  945. {block:PermalinkPage}
  946. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  947. {block:PostNotes}
  948. {PostNotes}
  949. {/block:PostNotes}
  950. {/block:PermalinkPage}
  951.  
  952. {/block:Posts}
  953.  
  954.  
  955.  
  956. </div> <!-- END CONTENT BORDER -->
  957. </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!