Advertisement
timelordheist

theme 11.

Jul 16th, 2013
686
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.37 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!-- THEME 11 BY STUPIDBLOODYIDIOTS, TRY NOT TO REMOVE THIS PLEASE -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7.  
  8.  
  9. <!-- DEFAULT VARIABLES -->
  10. <meta name="text:Body Font Size" content="9" />
  11. <meta name="text:Tag Font Size" content="9" />
  12. <meta name="text:Sidebar Font Size" content="10" />
  13. <meta name="text:Post Title Size" content="14" />
  14. <meta name="text:Blog title Size" content="25" />
  15. <meta name="text:Accent Font Size" content="8" />
  16. <meta name="font:Title" content="courier new" />
  17. <meta name="font:Body" content="trebuchet ms" />
  18. <meta name="font:Accent" content="georgia" />
  19. <meta name="if:Show Blog Title" content="0" />
  20. <meta name="image:Sidebar" content="" />
  21. <meta name="image:Background" content="" />
  22. <meta name="text:First Link Name" content="" />
  23. <meta name="text:Link One" content="" />
  24. <meta name="text:Second Link Name" content="" />
  25. <meta name="text:Link Two" content="" />
  26. <meta name="text:Third Link Name" content="" />
  27. <meta name="text:Link Three" content="" />
  28. <meta name="text:Fourth Link Name" content="" />
  29. <meta name="text:Link Four" content="" />
  30. <meta name="color:Background" content="#ffffff" />
  31. <meta name="color:Exterior Text" content="#333333" />
  32. <meta name="color:Blog Title" content="#999999" />
  33. <meta name="color:Entry" content="#e2e2e2" />
  34. <meta name="color:Topbar" content="#e2e2e2" />
  35. <meta name="color:Text" content="#555555" />
  36. <meta name="color:Accent Text" content="#5f5e5e" />
  37. <meta name="color:Topbar" content="#e2e2e2" />
  38. <meta name="color:Link" content="#8a8a8b" />
  39. <meta name="color:Blogtitle" content="#333333" />
  40. <meta name="color:Link Hover" content="#d3a28e" />
  41. <meta name="color:Sidebar Link Background" content="#eee3de" />
  42. <meta name="color:Sidebar Link Background Hover" content="#333333" />
  43. <meta name="color:Sidebar Link Text Hover" content="#cccccc" />
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  46. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50. <style type="text/css">
  51. body {
  52. background: {color:Background} url('{image:Background}') top right fixed norepeat;
  53. margin: 0;
  54. padding: 0;
  55. font-family: {font:Body};
  56. }
  57.  
  58. .clear {
  59. clear: both;
  60. height: 0px;
  61. overflow: hidden;
  62. }
  63.  
  64. a img {
  65. border: none;
  66. }
  67.  
  68.  
  69.  
  70. #sidebar {
  71. width: 200px;
  72. position: fixed;
  73. top: 30px;
  74. left: 625px;
  75. float:left; }
  76.  
  77.  
  78. #entries {
  79. width: 500px;
  80. text-align: justify;
  81. margin-left: 100px;
  82. }
  83.  
  84.  
  85. body {
  86. background-color:{color:background};
  87. background-image: url('{image:Background}');
  88. background-position: center;
  89. background-attachment:fixed;
  90. background-repeat: repeat;
  91. font-family:{font:body}, Calibri;
  92. font-size: {text:Body Font Size}px;
  93. line-height: {text:Body Font Size}px;
  94. text-align:justify;
  95. color: {color:exterior text};
  96. }
  97.  
  98. a:link, a:active, a:visited{
  99. color: {color:link};
  100. text-decoration:none;
  101. webkit-transition: all .5s ease-in-out;
  102. -moz-transition: all .5s ease-in-out;
  103. -o-transition: all .5s ease-in-out;
  104. -ms-transition: all .5s ease-in-out;
  105. transition: all .5s ease-in-out; }
  106.  
  107.  
  108. a:hover{
  109. color:{color:link hover};
  110. -webkit-transition: all .5s ease-in-out;
  111. -moz-transition: all .5s ease-in-out;
  112. -o-transition: all .5s ease-in-out;
  113. -ms-transition: all .5s ease-in-out;
  114. transition: all .5s ease-in-out;
  115. }
  116.  
  117. #posts {
  118. border: 0px;
  119. width: 500px;
  120. background-color: {color:Background};
  121. padding: 15px;
  122. font-size: {text:Body Font Size}px;
  123. line-height: {text:Body Title Size}px;
  124. color: {color:Text};
  125.  
  126. }
  127.  
  128. #bigtitle {
  129. color: {color:title};
  130. font-family: 'Didact Gothic', sans-serif;
  131. letter-spacing: 3px;
  132. display: block;
  133. border: 1px solid {color:Sidebar Link Background};
  134. padding: 5px 15px 3px 15px;
  135. width: 92%;
  136. text-transform: uppercase;
  137. text-align: center;
  138. font-size: {text:Accent Font Size}px;
  139. line-height: {text:Accent Font Size}px;
  140. }
  141.  
  142. #biglink a {
  143. color: {color:title};
  144. font-family: 'Didact Gothic', sans-serif;
  145. letter-spacing: 3px;
  146. display: block;
  147. border: 1px solid {color:Sidebar Link Background};
  148. padding: 5px 15px 3px 15px;
  149. width: 92%;
  150. text-transform: uppercase;
  151. text-align: center;
  152. font-size: {text:Accent Font Size}px;
  153. line-height: {text:Accent Font Size}px;
  154. }
  155.  
  156. #quote {
  157. color: {color:title};
  158. font-family: {font:Body};
  159. letter-spacing: 1px;
  160. display: block;
  161. border: 1px solid {color:Sidebar Link Background};
  162. padding: 15px 15px 13px 15px;
  163. width: 92%;
  164. text-align: justify;
  165. font-size: {text:Body Font Size}px;
  166. line-height: {text:Body Font Size}px;
  167. }
  168.  
  169. #source {
  170. text-align: right;
  171. width: 400px;
  172. display: none;
  173. }
  174.  
  175. #bottom {
  176. width: 454px;
  177. font-family: ;
  178. padding:5px 20px 7px 20px;
  179. font-family: 'Didact Gothic', sans-serif;
  180. font-size: {text:Accent Font Size}px;
  181. letter-spacing: 2px;
  182. text-transform: uppercase;
  183. }
  184.  
  185.  
  186. #quoted {
  187. font-family: rex, calibri;
  188. text-align: center;
  189. padding:5px 20px 7px 20px;
  190. font-size: {text:Accent Font Size}px;
  191. line-height: {text:Accent Font Size}px;
  192. letter-spacing: 2px;
  193. text-transform: uppercase;
  194. }
  195.  
  196.  
  197. .tags {
  198. text-align: center;
  199. text-transform: lowercase;
  200. font-family: 'Didact Gothic', sans-serif;
  201. font-size: {text:Tag Font Size}px;
  202. line-height: {text:Tag Font Size}px;
  203. font-style: italic;
  204. -webkit-transition: all .5s ease-in-out;
  205. -moz-transition: all .5s ease-in-out;
  206. -o-transition: all .5s ease-in-out;
  207. -ms-transition: all .5s ease-in-out;
  208. transition: all .5s ease-in-out; }
  209.  
  210.  
  211. .tags a {
  212. font-size: {text:Tag Font Size}px;
  213. line-height: {text:Tag Font Size}px;
  214. letter-spacing: 2px;
  215. color: {color:Topbar link text};
  216. -webkit-transition: all .5s ease-in-out;
  217. -moz-transition: all .5s ease-in-out;
  218. -o-transition: all .5s ease-in-out;
  219. -ms-transition: all .5s ease-in-out;
  220. transition: all .5s ease-in-out;}
  221.  
  222. .rebloginfo {
  223. font-family: rex, calibri;
  224. font-size: {text:Accent font size}px;
  225. padding:20px 175px 7px 20px; }
  226.  
  227. #asks {
  228. background-color: {color:entry};
  229. color: {color: text};
  230. padding: 5px;
  231. margin-bottom: 0px;
  232. font-family: trebuchet ms;
  233. font-size: 9px;
  234. margin-left: 15px
  235. }
  236.  
  237. #asker {
  238. width: 440px;
  239. margin-right: 60px;
  240. text-align: right;
  241. font-size: 12px;
  242. line-height: 12px;
  243. font-family: 'Didact Gothic', sans-serif;
  244. letter-spacing: 2px;
  245. text-transform: uppercase;
  246. }
  247.  
  248. #asker img {
  249. width: 10px;
  250. height: 10px; }
  251.  
  252. #asker a {
  253. padding: 2px 5px 2px 5px;
  254. -webkit-transition: all .5s ease-in-out;
  255. -moz-transition: all .5s ease-in-out;
  256. -o-transition: all .5s ease-in-out;
  257. -ms-transition: all .5s ease-in-out;
  258. transition: all .5s ease-in-out;}
  259.  
  260. #asker a:hover {
  261. background-color: {color:sidebar link background hover};
  262. -webkit-transition: all .5s ease-in-out;
  263. -moz-transition: all .5s ease-in-out;
  264. -o-transition: all .5s ease-in-out;
  265. -ms-transition: all .5s ease-in-out;
  266. transition: all .5s ease-in-out;}
  267.  
  268. #questions {
  269. width: 92%;
  270. border: 1px solid {color:Sidebar link background};
  271. padding:7px 20px 7px 20px;
  272. text-align: justify;
  273. }
  274.  
  275. blockquote { text-decoration: none;
  276. border-left: solid 5px {color:sidebar link background};
  277. padding-left: 10px;
  278. margin-right: 0px !important;
  279. padding-right: 0px !important;
  280. max-width: 460px;
  281. }
  282.  
  283. blockquote blockquote {max-width: 400px }
  284.  
  285.  
  286. chat { border-left: solid 5px { color:sidebar link background};
  287. padding-left: 10px; }
  288.  
  289. img a {
  290. border: none; width: 100% }
  291.  
  292. .audio{
  293. display: block}
  294.  
  295. .user_1 .label {
  296. font-weight:light;
  297. font-family: rex, calibri;
  298. padding: 2px 2px 10px 10px;
  299. letter-spacing: 2px;
  300. text-transform: uppercase;
  301. font-size: {text:Accent Font Size}px;
  302. line-height: {text:Accent Font Size}px; }
  303.  
  304. .user_2 .label {
  305. font-weight:light;
  306. font-family: rex, calibri;
  307. padding: 2px 2px 10px 10px;
  308. letter-spacing: 2px;
  309. text-transform: uppercase;
  310. font-size: {text:Accent Font Size}px;
  311. line-height: {text:Accent Font Size}px; }
  312.  
  313. .user_3 .label {
  314. font-weight:light;
  315. font-family: {font:accent};
  316. border-left: dotted 1px {color:border color};
  317. {block:IfNotCapitalizeAccentFont}
  318. text-transform: lowercase;
  319. font-style: italic;
  320. {/block:IfNotCapitalizeAccentFont}
  321. {block:IfCapitalizeAccentFont}
  322. text-transform:uppercase;
  323. {/block:IfCapitalizeAccentFont}
  324. padding: 2px 2px 10px 10px;
  325. letter-spacing: 2px;
  326. font-size: {text:Accent Font Size}px;
  327. line-height: {text:Accent Font Size}px; }
  328.  
  329. .user_4 .label {
  330. font-weight:light;
  331. border-left: dotted 1px {color:border color};
  332. padding: 2px 2px 10px 10px;
  333. font-family: {font:accent};
  334. {block:IfNotCapitalizeAccentFont}
  335. text-transform: lowercase;
  336. font-style: italic;
  337. {/block:IfNotCapitalizeAccentFont}
  338. {block:IfCapitalizeAccentFont}
  339. text-transform:uppercase;
  340. {/block:IfCapitalizeAccentFont}
  341. letter-spacing: 2px;
  342. font-size: {text:Accent Font Size}px;
  343. line-height: {text:Accent Font Size}px; }
  344.  
  345. .user_5 .label {
  346. font-weight:light;
  347. font-family: {font:accent};
  348. border-left: dotted 1px {color:border color};
  349. {block:IfNotCapitalizeAccentFont}
  350. text-transform: lowercase;
  351. font-style: italic;
  352. {/block:IfNotCapitalizeAccentFont}
  353. {block:IfCapitalizeAccentFont}
  354. text-transform:uppercase;
  355. {/block:IfCapitalizeAccentFont}
  356. padding: 2px 2px 10px 10px;
  357. letter-spacing: 2px;
  358. font-size: {text:Accent Font Size}px;
  359. line-height: {text:Accent Font Size}px; }
  360.  
  361. .user_6 .label {
  362. font-weight:light;
  363. border-left: dotted 1px {color:border color};
  364. padding: 2px 2px 10px 10px;
  365. font-family: {font:accent};
  366. {block:IfNotCapitalizeAccentFont}
  367. text-transform: lowercase;
  368. font-style: italic;
  369. {/block:IfNotCapitalizeAccentFont}
  370. {block:IfCapitalizeAccentFont}
  371. text-transform:uppercase;
  372. {/block:IfCapitalizeAccentFont}
  373. letter-spacing: 2px;
  374. font-size: {text:Accent Font Size}px;
  375. line-height: {text:Accent Font Size}px; }
  376.  
  377.  
  378. .user_7 .label {
  379. font-weight:light;
  380. font-family: {font:accent};
  381. border-left: dotted 1px {color:border color};
  382. {block:IfNotCapitalizeAccentFont}
  383. text-transform: lowercase;
  384. font-style: italic;
  385. {/block:IfNotCapitalizeAccentFont}
  386. {block:IfCapitalizeAccentFont}
  387. text-transform:uppercase;
  388. {/block:IfCapitalizeAccentFont}
  389. padding: 2px 2px 10px 10px;
  390. letter-spacing: 2px;
  391. font-size: {text:Accent Font Size}px;
  392. line-height: {text:Accent Font Size}px; }
  393.  
  394. .user_8 .label {
  395. font-weight:light;
  396. border-left: dotted 1px {color:border color};
  397. padding: 2px 2px 10px 10px;
  398. font-family: {font:accent};
  399. {block:IfNotCapitalizeAccentFont}
  400. text-transform: lowercase;
  401. font-style: italic;
  402. {/block:IfNotCapitalizeAccentFont}
  403. {block:IfCapitalizeAccentFont}
  404. text-transform:uppercase;
  405. {/block:IfCapitalizeAccentFont}
  406. letter-spacing: 2px;
  407. font-size: {text:Accent Font Size}px;
  408. line-height: {text:Accent Font Size}px; }
  409.  
  410.  
  411. .user_9 .label {
  412. font-weight:light;
  413. font-family: {font:accent};
  414. border-left: dotted 1px {color:border color};
  415. {block:IfNotCapitalizeAccentFont}
  416. text-transform: lowercase;
  417. font-style: italic;
  418. {/block:IfNotCapitalizeAccentFont}
  419. {block:IfCapitalizeAccentFont}
  420. text-transform:uppercase;
  421. {/block:IfCapitalizeAccentFont}
  422. padding: 2px 2px 10px 10px;
  423. letter-spacing: 2px;
  424. font-size: {text:Accent Font Size}px;
  425. line-height: {text:Accent Font Size}px; }
  426.  
  427. .user_10 .label {
  428. font-weight:light;
  429. border-left: dotted 1px {color:border color};
  430. padding: 2px 2px 10px 10px;
  431. font-family: {font:accent};
  432. {block:IfNotCapitalizeAccentFont}
  433. text-transform: lowercase;
  434. font-style: italic;
  435. {/block:IfNotCapitalizeAccentFont}
  436. {block:IfCapitalizeAccentFont}
  437. text-transform:uppercase;
  438. {/block:IfCapitalizeAccentFont}
  439. letter-spacing: 2px;
  440. font-size: {text:Accent Font Size}px;
  441. line-height: {text:Accent Font Size}px; }
  442.  
  443.  
  444. ul.chat, .chat ol, .chat li {
  445. list-style:none;
  446. margin:0px;
  447. padding:0px;}
  448.  
  449.  
  450. .notes img{
  451. width:16px;
  452. position:relative;
  453. top: 3px}
  454.  
  455. .more_notes_container:hover {
  456. background-color: {color:background}; }
  457.  
  458. ol.notes {
  459. width: 515px;
  460. font-size: {text:Body Font Size}px;
  461. line-height: {text:Body Font Size}px;
  462. margin-bottom: 3px;}
  463.  
  464. ol.notes, .notes li {
  465. list-style:none;
  466. line-height: 16px;
  467. font-family: {font:accent};
  468. text-transform: lowercase;
  469. font-size: {text:accent font size}px;
  470. -webkit-transition: all .5s ease-in-out;
  471. -moz-transition: all .5s ease-in-out;
  472. -o-transition: all .5s ease-in-out;
  473. -ms-transition: all .5s ease-in-out;
  474. transition: all .5s ease-in-out;}
  475.  
  476. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  477. background-color:transparent!important;
  478. }
  479.  
  480. iframe#tumblr_controls { opacity: .5;
  481. position: fixed !important;
  482. white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
  483. z-index: 10000000000000000 !important;
  484. -webkit-transition: all .5s ease-in-out;
  485. -moz-transition: all .5s ease-in-out;
  486. -o-transition: all .5s ease-in-out;
  487. -ms-transition: all .5s ease-in-out;
  488. transition: all .5s ease-in-out;
  489. }
  490.  
  491. #tumblr_controls:hover {opacity: 1;
  492. -webkit-transition: all .5s ease-in-out;
  493. -moz-transition: all .5s ease-in-out;
  494. -o-transition: all .5s ease-in-out;
  495. -ms-transition: all .5s ease-in-out;
  496. transition: all .5s ease-in-out;
  497. position:fixed; }
  498.  
  499.  
  500. #themecredit {
  501. position: fixed;
  502. bottom: 10px;
  503. right: 15px;
  504. text-transform: uppercase;
  505. font-size: {Accent Font Size}px;
  506. line-height: {Accent Font Size}px;
  507. letter-spacing: 1px;
  508. font-family: 'Didact Gothic', sans-serif;
  509. padding: 10px 10px 7px 10px;
  510. opacity: .8;
  511. -webkit-transition: all .5s ease-in-out;
  512. -moz-transition: all .5s ease-in-out;
  513. -o-transition: all .5s ease-in-out;
  514. -ms-transition: all .5s ease-in-out;
  515. transition: all .5s ease-in-out;
  516. }
  517.  
  518. #themecredit a {
  519.  
  520. color: {color:Accent Text};
  521. }
  522.  
  523. #themecredit a:hover {
  524. color: {color:Accent Text Hover}; }
  525.  
  526. #themecredit:hover {
  527. opacity: 1;
  528. -webkit-transition: all .5s ease-in-out;
  529. -moz-transition: all .5s ease-in-out;
  530. -o-transition: all .5s ease-in-out;
  531. -ms-transition: all .5s ease-in-out;
  532. transition: all .5s ease-in-out;}
  533.  
  534. #audioplayercontainer {
  535. float:left;
  536. margin: auto;}
  537.  
  538. #albumart {
  539. width: 100px;
  540. margin-bottom: 10px;
  541. height: 100px;
  542. background-image: http://static.tumblr.com/flao6nr/pMHml278z/tumblrmusicnote.png; }
  543.  
  544. #audioplayer {
  545. width:25px;
  546. height:30px;
  547. overflow:hidden;
  548. position:absolute;
  549. margin-top:37px;
  550. margin-left: 38px;
  551. opacity: 0.7;
  552. filter:alpha(opacity=70);
  553. -moz-opacity: 0.7;
  554. -khtml-opacity: 0.7;
  555. }
  556.  
  557. #audioinfo {
  558. vertical-align: top;
  559. float:left;
  560. margin-left: 10px; }
  561.  
  562. #qrandnotes {
  563. color: transparent;
  564. position: relative;
  565. width: 100px;
  566. margin-top: 30px;
  567. opacity: 0;
  568. font-family: rex, calibri;
  569. font-size: {text:accent font size}px;
  570. letter-spacing: 1px;
  571. opacity: 0;
  572. -webkit-transition: all .7s ease-in-out;
  573. -moz-transition: all .7s ease-in-out;
  574. -o-transition: all .7s ease-in-out;
  575. -ms-transition: all .7s ease-in-out;
  576. transition: all .7s ease-in-out;}
  577.  
  578. #qrandnotes a {
  579. width: 75px; }
  580.  
  581. #entries:hover #qrandnotes {
  582. margin-left: -10px;
  583. width: 110px;
  584. opacity: 1;
  585. -webkit-transition: all .5s ease-in-out;
  586. -moz-transition: all .5s ease-in-out;
  587. -o-transition: all .5s ease-in-out;
  588. -ms-transition: all .5s ease-in-out;
  589. transition: all .5s ease-in-out; }
  590.  
  591.  
  592.  
  593. #qr a {
  594. text-align: right;
  595. font-family: rex, calibri;
  596. color: {color:accent text};
  597. {block:IfNotCapitalizeAccentFont}
  598. text-transform: lowercase;
  599. {/block:IfNotCapitalizeAccentFont}
  600. {block:IfCapitalizeAccentFont}
  601. text-transform:uppercase;
  602. {/block:IfCapitalizeAccentFont}
  603. text-decoration: none;
  604. margin-top: 2px;
  605. font-size: {text:Accent Font Size}px;
  606. line-height: {text:Accent Font Size}px;
  607. text-decoration:none;
  608. -webkit-transition: all .5s ease-in-out;
  609. -moz-transition: all .5s ease-in-out;
  610. -o-transition: all .5s ease-in-out;
  611. -ms-transition: all .5s ease-in-out;
  612. transition: all .5s ease-in-out;
  613. }
  614.  
  615. #qr a:hover {
  616. -webkit-transition: all .5s ease-in-out;
  617. -moz-transition: all .5s ease-in-out;
  618. -o-transition: all .5s ease-in-out;
  619. -ms-transition: all .5s ease-in-out;
  620. transition: all .5s ease-in-out;
  621. color: {color:accent text hover};
  622. border-right: 1px dotted {color:border color};
  623. padding-right: 5px;
  624. }
  625.  
  626. @font-face { font-family: rex, calibri;
  627. src: url('http://static.tumblr.com/7qinoan/rzOm7hg6y/normt___.ttf') ; }
  628.  
  629. @font-face {
  630. font-family: pointers;
  631. src: url('http://static.tumblr.com/7qinoan/iPem7e4o7/pointers.ttf'); }
  632.  
  633. #sidebar:hover #description {
  634. opacity: 1;
  635. -webkit-transition: all .5s ease-in-out;
  636. -moz-transition: all .5s ease-in-out;
  637. -o-transition: all .5s ease-in-out;
  638. -ms-transition: all .5s ease-in-out;
  639. transition: all .5s ease-in-out; }
  640.  
  641. #description {
  642. opacity: .7;
  643. width: 100px;
  644. margin-right: 44px;
  645. min-height: 60px;
  646. -webkit-transition: all .5s ease-in-out;
  647. -moz-transition: all .5s ease-in-out;
  648. -o-transition: all .5s ease-in-out;
  649. -ms-transition: all .5s ease-in-out;
  650. transition: all .5s ease-in-out;
  651. text-align: justify;
  652. font-family: 'Didact Gothic', sans-serif;
  653. font-size: {text:Sidebar Font Size}px;
  654. line-height: {text:Sidebar Font Size}px;
  655. padding-right: 7px;}
  656.  
  657.  
  658. #box {
  659. width: 48px;
  660. vertical-align: top;
  661. height: 50px;
  662. margin-top: -2px;
  663. font-family: rex, calibri;
  664. text-transform: uppercase;
  665. letter-spacing: 1px;
  666. }
  667.  
  668. #box a {
  669. display: block;
  670. width: 46px;
  671. text-align: center;
  672. margin: 2px 0px;
  673. padding: 2px 0px;
  674. font-family: 'Didact Gothic', sans-serif;
  675. font-size: {text:Accent Font Size}px;
  676. line-height: {text:Accent Font Size}px;
  677. color: {color:Sidebar Link Background};
  678. background-color: {color:Sidebar Link Background};
  679. }
  680.  
  681. #box a:hover {
  682. background-color: {color:Sidebar Link Background Hover};
  683. color: {color:Sidebar Link text hover};
  684. }
  685.  
  686. #sidebar img {
  687. opacity: .8;
  688. -webkit-transition: all .5s ease-in-out;
  689. -moz-transition: all .5s ease-in-out;
  690. -o-transition: all .5s ease-in-out;
  691. -ms-transition: all .5s ease-in-out;
  692. transition: all .5s ease-in-out; }
  693.  
  694. #sidebar:hover img { opacity: 1;
  695. -webkit-transition: all .5s ease-in-out;
  696. -moz-transition: all .5s ease-in-out;
  697. -o-transition: all .5s ease-in-out;
  698. -ms-transition: all .5s ease-in-out;
  699. transition: all .5s ease-in-out;}
  700.  
  701.  
  702.  
  703. #sidebar:hover #paginationtop {
  704. margin-top: 0px;
  705. -webkit-transition: all .7s ease-in-out;
  706. -moz-transition: all .7s ease-in-out;
  707. -o-transition: all .7s ease-in-out;
  708. -ms-transition: all .7s ease-in-out;
  709. transition: all .7s ease-in-out;}
  710.  
  711.  
  712.  
  713. #pagination a.rotate { -webkit-transform: rotate(180deg);
  714. -moz-transform: rotate(180deg);
  715. -ms-transform: rotate(180deg);
  716. -o-transform: rotate(180deg);
  717. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
  718.  
  719. td.webkit-line-number { display: none; }
  720.  
  721. #themeby { font-family: georgia;
  722. text-transform: lowercase;
  723. text-align: right;
  724. padding-right: 30px;
  725. font-size: {text:Accent font size}px;
  726. font-style: italic; }
  727.  
  728.  
  729. .more_notes_link {
  730. font-family: rex, calibri;
  731. text-transform: uppercase;
  732. font-size: 12px;
  733. color:{color:link hover};
  734. padding: 2px 5px 2px 5px;
  735. width: 100%;
  736. display: block;
  737. font-style: none;
  738. -webkit-transition: all .7s ease-in-out;
  739. -moz-transition: all .7s ease-in-out;
  740. -o-transition: all .7s ease-in-out;
  741. -ms-transition: all .7s ease-in-out;
  742. transition: all .7s ease-in-out;
  743. }
  744.  
  745. .more_notes_container { top:3px;
  746. font-size: {text:Body Font Size}px;
  747. line-height: {text:Body Font Size}px;}
  748.  
  749. hr { color: {color:link hover}; }
  750.  
  751. .more_notes_container img {
  752. display:none; }
  753.  
  754. .blogtitle { color: {color:link hover};
  755. text-transform: uppercase;
  756. }
  757.  
  758.  
  759. .reblogstuff { text-transform: lowercase; }
  760.  
  761. .reblogstuff a { text-transform: uppercase; }
  762.  
  763. </style>
  764. <style type="text/css">{CustomCSS}</style>
  765. </head>
  766.  
  767. <body>
  768. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  769.  
  770. <center>
  771. <div id="sidebar">
  772. <center>
  773.  
  774. <table><tr><td><a href='/' title='refresh'><img src="{image:Sidebar}" width="96px"></a></td>
  775.  
  776. <td style="height: 96px; vertical-align: top;"><div id="box">
  777. <a href="/ask">inquire</a>
  778.  
  779. {block:ifLinkOne}<a href="{text:Link One}">{text:First Link Name}</a>{/block:ifLinkOne}
  780. {block:ifLinkTwo}<a href="{text:Link Two}">{text:Second Link Name}</a>{/block:ifLinkTwo}
  781. {block:ifLinkThree}<a href="{text:Link Three}">{text:Third Link Name}</a>{/block:ifLinkThree}
  782. {block:ifLinkFour}<a href="{text:Link Four}">{text:Fourth Link Name}</a>{/block:ifLinkFour}
  783. </div><p>
  784. <center><span style="font-family: rex, calibri; text-transform:uppercase; font-size: 12px; letter-spacing: 2px; line-height: 20px"> {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»
  785. </a>{/block:NextPage}</span></center>
  786. </td></tr></table>
  787.  
  788. <div id="description">{block:ifShowBlogTitle}<span class="blogtitle">{title}.</span>{/block:ifShowBlogTitle} {block:Description}{Description}{/block:Description} </div>
  789. </div>
  790. </center>
  791.  
  792.  
  793. <div id="themecredit">
  794. <div id="themeby">theme by</div>
  795. <a href="http://annisbarathemes.tumblr.com">annisbaratheon</a></div>
  796.  
  797.  
  798. {block:Posts}
  799. <div id="entries"><br><br>
  800.  
  801.  
  802.  
  803.  
  804.  
  805. <div id="posts">
  806.  
  807.  
  808. {block:Title}<center><div id="bigtitle">{title}</div></center>{/block:Title}
  809.  
  810. {block:Text}{body}{/block:Text}
  811.  
  812. {block:Quote}<div id="quote">{quote}</div>{/block:Quote}
  813.  
  814. {block:Source}<div id="quoted"><div align="right"><blogtitle>{Source}</blogtitle></div></div>{/block:Source}
  815.  
  816. {block:Link}<div id="biglink"><a href="{URL}" class="link" {Target}>{Name} </a></div>
  817. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  818.  
  819. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center><br />{block:Caption}{Caption}{/block:Caption}
  820. {block:noCaption}<br />{/block:noCaption}
  821. {/block:Photo}
  822.  
  823. {block:Photoset}<center>{Photoset-500}</center><br />{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  824.  
  825. {block:Chat}<chat><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></chat>{/block:Chat}
  826.  
  827. {block:Video}{Video-500}<br />{block:Caption}{Caption}{/block:Caption}{/block:Video}
  828.  
  829. {block:Answer}
  830. <center>
  831.  
  832. <div id="questions">{Question}</div>
  833. <div id="asker"><div align="right"><table cellspacing="7"><tr><td><img src="{AskerPortraitURL-16}"></td><td> {Asker}</td></tr></table></div></div>
  834.  
  835. </center><br/> {Answer}{/block:Answer}
  836.  
  837.  
  838. {block:ContentSource}
  839. <div id="source"><a href="{SourceURL}">
  840. {lang:Source}:
  841. {block:SourceLogo}
  842. <img src="{BlackLogoURL}" width="{LogoWidth}"
  843. height="{LogoHeight}" alt="{SourceTitle}" />
  844. {/block:SourceLogo}
  845. {block:NoSourceLogo}
  846. {SourceTitle}
  847. {/block:NoSourceLogo}
  848. </a></div>
  849. {/block:ContentSource}
  850.  
  851.  
  852. {block:Audio}
  853.  
  854. <div id="audioplayercontainer">
  855. <div id= "audioplayer">{AudioPlayerWhite}</div>
  856. <div id="albumart">
  857. {block:AlbumArt}
  858. <img src="{AlbumArtURL}" width="100">
  859. {/block:AlbumArt}
  860. {block:ifnotAlbumArt}
  861. <img src="http://static.tumblr.com/flao6nr/pMHml278z/tumblrmusicnote.png" width="100">{/block:ifnotAlbumArt}
  862. </div>
  863. </div>
  864. <div id="audioinfo">
  865. {block:TrackName}
  866. <span style="text-transform:lowercase; letter-spacing: 2px">" {TrackName} "</span>
  867. {/block:TrackName}<br>
  868. <span style="text-transform:uppercase; letter-spacing: 2px">{block:Album}</span>
  869. <i>{Album}</i>
  870. {/block:Album}<br>
  871. {block:Artist}
  872. <span style="text-transform:uppercase; letter-spacing: 2px; font-weight:bold;">{Artist}</span>
  873. {/block:Artist}
  874. <br>
  875. {block:Caption}{Caption}{/block:Caption}
  876. </div>
  877. <div style="clear: left;"></div>
  878.  
  879. {/block:Audio}
  880.  
  881.  
  882. <div id="bottom">{NoteCount} | <a href="{PermaLink}">{TimeAgo}</a> &nbsp;&nbsp; <span id="reblogstuff">{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a>. &nbsp; originally <a href="{ReblogRootURL}" title="from">{ReblogRootName}</a>.</span>{/block:RebloggedFrom}
  883. {block:HasTags}<span class="tags">{block:Tags} &nbsp; <a href="{TagURL}">{Tag}</a> &nbsp;{/block:Tags}</span>{/block:HasTags}
  884. </div>
  885.  
  886.  
  887. </div>
  888. {block:PostNotes}{PostNotes}{/block:PostNotes}
  889. </div>
  890. </div>
  891.  
  892. <br>
  893.  
  894. </div>
  895. </div>
  896. <p><p>
  897. </center>
  898. {/block:Posts}
  899. <br><br>
  900. </center>
  901. </div></div>
  902. </div>
  903. </center>
  904.  
  905. </body>
  906. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement