Advertisement
dizzyperrie

Theme Twelve By Floraleigh

Aug 7th, 2014
291
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.63 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7. <head>
  8.  
  9.  
  10. <meta name="color:bg" content="#ffffff">
  11. <meta name="color:link" content="#3e3e3e">
  12. <meta name="color:hover" content="#222121">
  13. <meta name="color:text" content="#3e3e3e">
  14. <meta name="color:scrollbar" content="#D6D5D5">
  15.  
  16.  
  17. <meta name="image:sidebar" content=""/>
  18.  
  19. <meta name="text:link1" content="">
  20. <meta name="text:link1 url" content="/">
  21. <meta name="text:link2" content="">
  22. <meta name="text:link2 url" content="/">
  23. <meta name="text:link3" content="">
  24. <meta name="text:link3 url" content="/">
  25. <meta name="text:link4" content="">
  26. <meta name="text:link4 url" content="/">
  27.  
  28.  
  29. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  30. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31. <link rel="shortcut icon" href="{Favicon}" />
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  33.  
  34.  
  35. <style type="text/css">
  36.  
  37.  
  38. /*/ BASE CODE BY KAHNISS /*/
  39.  
  40. a {
  41. color:{color:link};
  42. text-decoration:none;
  43. -moz-transition-duration:0.5s;
  44. -webkit-transition-duration:0.5s;
  45. -o-transition-duration:0.5s;
  46. }
  47.  
  48. a:hover {
  49. color:{color:hover};
  50. text-decoration:none;
  51. -moz-transition-duration:0.5s;
  52. -webkit-transition-duration:0.5s;
  53. -o-transition-duration:0.5s;
  54. }
  55.  
  56.  
  57. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  58. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  60.  
  61. body {
  62. background-color:{color:bg};
  63. font-family:Calibri;
  64. font-weight:normal;
  65. }
  66.  
  67.  
  68. h1 {
  69. font-weight:normal;
  70. font-size:10px;
  71. text-align:center;
  72. font-style:normal;
  73. line-height:80%;
  74. letter-spacing:1px;
  75. text-transform:uppercase;
  76. color:{color:text};
  77. }
  78.  
  79. h2 {
  80. font-size:15px;
  81. text-align:center;
  82. line-height:100%;
  83. letter-spacing:-0.5px;
  84. color:{color:text};
  85. font-weight:normal;
  86. padding:5px;
  87. padding-bottom:2px;
  88. }
  89.  
  90.  
  91. blockquote {
  92. text-align:justify;
  93. border-left:1px solid #fafafa;
  94. padding-left:0px;
  95. margin-left:50px;
  96. width:400px;
  97. }
  98.  
  99. #theme {
  100. background-color:{color:bg};
  101. width:700px;
  102. margin: 0 auto -12px auto;
  103. text-align: center;
  104. }
  105.  
  106. /*/ HEADER /*/
  107. #header {
  108. width:300px;
  109. height:auto;
  110. margin-top:120px;
  111. margin-left:auto;
  112. margin-right:auto;
  113. text-align:center;
  114. }
  115.  
  116. /*/ TITLE /*/
  117.  
  118. #title {
  119. font-size:22px;
  120. text-transform:uppercase;
  121. font-family: arial;
  122. margin-bottom:15px;
  123. text-align:center;
  124. letter-spacing:6px;
  125. color:{color:title};
  126. }
  127.  
  128.  
  129.  
  130. /*/ DESCRIPTION /*/
  131.  
  132. .description {
  133. margin-top:-26px;
  134. font-size:10px;
  135. width:300;
  136. text-transform:lowercase;
  137. font-family:arial;
  138. letter-spacing:1px;
  139. }
  140.  
  141.  
  142.  
  143.  
  144. /*/ LINKS /*/
  145.  
  146. .links {
  147. text-align:center;
  148. text-transform:lowercase;
  149. width:720px;
  150. margin-top:5px;
  151. letter-spacing:3px;
  152. padding:5px;
  153. font-family:arial;
  154. font-size: 9px;
  155. }
  156.  
  157.  
  158. /*/ POSTS /*/
  159.  
  160. #stuffcontainer {
  161. float:left;
  162. margin-left:170px;
  163. margin-top:50px;
  164. text-align:justify;
  165. background-color:{color:bg};
  166. color:{color:text};
  167. margin-bottom: 35px;
  168. }
  169.  
  170.  
  171. #stuff {
  172. padding:15px;
  173. background-color: #ffffff;
  174. width:500px;
  175. margin-top:90px;
  176. text-align:justify;
  177. font-size:11px;
  178. line-height:100%;
  179. letter-spacing:0x;
  180. color:{color:text};
  181. }
  182.  
  183.  
  184. /*/ NOTES /*/
  185.  
  186.  
  187.  
  188. #postinfo {
  189. color:{color:link};
  190. text-align:left;
  191. width:490px;
  192. font-family:calibri;
  193. font-size: 10px;
  194. letter-spacing:px;
  195. font-style: normal;
  196. margin-top:5px;
  197. padding:0px;
  198. line-height:130%;
  199. }
  200.  
  201. #postinfo a {
  202. text-align:center;
  203. letter-spacing:0px;
  204. font-style:normal;
  205. padding-right:3px;
  206. }
  207.  
  208.  
  209.  
  210.  
  211. ol.notes {
  212. padding:70px;
  213. background-color: #ffffff;
  214. padding:0px;
  215. margin:-10px 0px;
  216. font-family:arial;
  217. font-size: 9px;
  218. width: 500px;
  219. list-style-type:none;
  220. }
  221. ol.notes li.note {
  222. padding: 10px;
  223. }
  224. ol.notes li.note img.avatar {
  225. vertical-align:-4px;
  226. border-radius:100%;
  227. margin-right:10px;
  228. width:16px;
  229. height:16px;
  230. }
  231. ol.notes li.note span.action {
  232. font-weight:normal;
  233. }
  234. ol.notes li.note .answer_content {
  235. font-weight:normal;
  236. }
  237. ol.notes li.note blockquote {
  238. padding:9px 6px 9px 6px;
  239. margin:10px 0px 0px 25px;
  240. }
  241.  
  242. /*/ TAGS /*/
  243.  
  244.  
  245. .tags {
  246. font-family:calibri;
  247. word-break:break-all;
  248. font-size:9px;
  249. text-align:right;
  250. float:right;
  251. letter-spacing:1px;
  252. }
  253.  
  254. /*/ PAGINATION /*/
  255.  
  256. #pagi {
  257. margin-top:20px;
  258. padding:15px;
  259. width:500px;
  260. text-align:center;
  261. margin-bottom:30px;
  262. font-family:arial;
  263. font-size:12px;
  264. letter-spacing:4px;
  265. text-transform:uppercase;
  266. font-style:italic;
  267. z-index:100;
  268. background-color:#ffffff;
  269. }
  270.  
  271.  
  272. /*/ ASK /*/
  273.  
  274.  
  275. .ask {
  276. padding:10px;
  277. text-align:left;
  278. color:{color:text};
  279. background-color:{color:infobg};
  280. border-bottom:1px solid {color:border};
  281. border-right:1px solid {color:border};
  282. }
  283.  
  284. .ans {
  285. text-align:left;
  286. padding:10px;
  287. color:{color:text};
  288. }
  289.  
  290. /*/ AUSIO /*/
  291.  
  292. .audio {
  293. width:500px;
  294. padding-bottom:10px;
  295. background-color:{color:infobg};
  296. }
  297.  
  298. .albumart {
  299. float:left;
  300. padding:0px 10px 10px 0px;
  301. }
  302.  
  303. .albumart img {
  304. width:45px;
  305. height:45px;
  306. }
  307.  
  308. .playercontainer {
  309. text-align:left;
  310. padding:10px;
  311. background-color:#ffffff;
  312. width:480px;
  313. }
  314.  
  315. .audioinfo {
  316. padding:10px;
  317. color:{color:text};
  318. }
  319.  
  320. ul.chat, .chat ol, .chat li {
  321. list-style:none;
  322. margin:0px;
  323. padding:2px;
  324. }
  325.  
  326. .label {
  327. text-decoration:underline;
  328. font-weight:700;
  329. background-color:{color:infobg};
  330. margin-right:5px;
  331. }
  332.  
  333. #credit {
  334. position:fixed;
  335. font-size:10px;
  336. font-weight:normal;
  337. line-height:150%;
  338. letter-spacing:2px;
  339. right:10px;
  340. bottom:10px;
  341. text-transform:uppercase;
  342. text-align:center;
  343. }
  344.  
  345. #credit a {
  346. padding:3px;
  347. color:{color:link};
  348. background-color:{color:background};
  349. -moz-transition-duration:0.5s;
  350. -webkit-transition-duration:0.5s;
  351. -o-transition-duration:0.5s;
  352. }
  353.  
  354. /*/ BASE CODE BY KAHNISS /*/
  355.  
  356. {CustomCSS}
  357.  
  358. </style></head>
  359.  
  360. <body>
  361. <div id="theme">
  362. <div id="header">
  363. <div id="title">{Title}</a>
  364. <img src="{image:header}"></a>
  365. <div class="links">
  366. <a href="/home">home</a>
  367. <a href="/ask">ask</a>
  368. <a href="{text:link1 url}">{text:link1}</a>
  369. {/block:IfLink1}
  370. {block:IfLink2}
  371. <a href="{text:link2 url}">{text:link2}</a>
  372.  
  373. </div>
  374. <div class="description">
  375. {Description}
  376. </div>
  377. </div>
  378.  
  379. <div id="stuffcontainer">
  380.  
  381. {block:Posts}
  382.  
  383. <div id="stuff">
  384.  
  385. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  386.  
  387. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  388.  
  389. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  390. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  391.  
  392. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  393.  
  394. {block:Photoset}<center>{Photoset-500}</center>
  395. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  396.  
  397. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  398.  
  399. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  400.  
  401. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  402.  
  403. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  404. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  405. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  406. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  407. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  408.  
  409. {block:Date}
  410. <div id="postinfo">Posted
  411. <a href="{Permalink}">{12Hour}:{Minutes}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}& <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  412.  
  413. {block:RebloggedFrom}
  414. <a title ="{ReblogParentName}" href="{ReblogParentURL}"></a>
  415. {/block:RebloggedFrom}</a>
  416. {block:ContentSource}
  417. <a title ="{SourceTitle}" href="{SourceURL}"></a>
  418. {/block:ContentSource}
  419. <br>
  420. {block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  421. {/block:Date}
  422. </div>
  423. {/block:Posts}
  424. <div class="note">
  425. {block:PostNotes}{PostNotes}{/block:PostNotes}
  426. </div>
  427. {/block:Posts}
  428.  
  429.  
  430. <div id="pagi">
  431. {block:Pagination}
  432. {block:PreviousPage}
  433. <a href="{PreviousPage}">prev</a>
  434. {/block:PreviousPage}
  435. {block:NextPage}
  436. <a href="{NextPage}">next</a>
  437. {/block:NextPage}
  438. </div>
  439. {/block:Pagination}
  440. </div>
  441.  
  442.  
  443. </div>
  444. <div id="credit"><a href="http://floraleigh.tumblr.com/">theme</a></div>
  445. </div>
  446. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement