API tools faq
paste
Beautifully-Flawless

Fandom Theme 14

Beautifully-Flawless
Oct 12th, 2014
566
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.29 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------
  2. Theme by Cindy
  3. http://klaroline-fantasies.tumblr.com/
  4. DON'T REMOVE THE CREDITS
  5. ******************
  6. -------------------------------------------->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
  15.  
  16.  
  17. <!--Variables-->
  18.  
  19. <meta name="color:Background" content="#fff" />
  20. <meta name="color:Text" content="#000" />
  21. <meta name="color:Links" content="#DDA0DD" />
  22. <meta name="color:Bold" content="#BA55D3" />
  23. <meta name="color:Italics" content="#FF00FF" />
  24. <meta name="color:Posts Border" content="#ccc" />
  25. <meta name="color:Permalink Text" content="#999" />
  26. <meta name="color:Borders" content="#ddd" />
  27.  
  28. <meta name="image:Background" content="" />
  29. <meta name="image:Big Sidebar"content="http://static.tumblr.com/654fc0323adeda4c57015dc42b9d15cd/1r3oeht/y9rndaz5s/tumblr_static_2jd4emyi7facg4wk80w4wk04s.jpg"/>
  30. <meta name="image:Sidebar" content="http://static.tumblr.com/a0b274ef2d8ad9ebb42c345e99a54244/1r3oeht/WEfnd9acs/tumblr_static_2g6gxy74kk2ssc48g0ocss0wg.jpg"/>
  31.  
  32. <meta name="text:Custom Link 1 URL" content="" />
  33. <meta name="text:Custom Link 2 URL" content="" />
  34. <meta name="text:Custom Link 3 URL" content="" />
  35. <meta name="text:Custom Link 4 URL" content="" />
  36. <meta name="text:Custom Link 5 URL" content="" />
  37. <meta name="text:Custom Link 6 URL" content="" />
  38. <meta name="text:Custom Link 7 URL" content="" />
  39. <meta name="text:Custom Link 8 URL" content="" />
  40.  
  41. <meta name="text:Custom Link 1" content="" />
  42. <meta name="text:Custom Link 2" content="" />
  43. <meta name="text:Custom Link 3" content="" />
  44. <meta name="text:Custom Link 4" content="" />
  45. <meta name="text:Custom Link 5" content="" />
  46. <meta name="text:Custom Link 6" content="" />
  47. <meta name="text:Custom Link 7" content="" />
  48. <meta name="text:Custom Link 8" content="" />
  49.  
  50. <!--Variables-->
  51.  
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Short Stack|Oleo Script Swash Caps|Comfortaa|Permanent Marker|Cinzel Decorative|Carrois Gothic SC' rel='stylesheet' type='text/css'>
  54.  
  55. <style type="text/css">
  56. #tumblr_controls{position:fixed !important;z-index:9999999999999999999;}
  57.  
  58. ::-webkit-scrollbar{width:9px;height:4px;background:{color:Background};}
  59. ::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background-color:{color:Links};-webkit-box-shadow: inset 0 0 6px #000;}
  60.  
  61. /* ~ BASICS ~ */
  62. body {
  63. background-image:url('');
  64. background-attachment:fixed;
  65. background-position:left;
  66. background-repeat:repeat;
  67. background-color:{color:Background};
  68. }
  69.  
  70. body, div, p, textarea, submit, input {
  71. font-family:'arial';
  72. color:{color:Text};
  73. font-size:10px;
  74. line-height:100%;
  75. text-align:justify;
  76. }
  77.  
  78. a:link, a:visited, a:active {
  79. text-decoration:none;
  80. color:{color:Links};
  81. -webkit-transition: all 0.4s ease-in-out;
  82. -moz-transition: all 0.4s ease-in-out;
  83. -o-transition: all 0.4s ease-in-out;
  84. transition: all 0.4s ease-in-out;
  85. }
  86.  
  87. a:hover {
  88. color:#888;
  89. text-shadow: 0px 1px 2px #625E6E;
  90. -webkit-transition: all 0.5s ease-out;
  91. -moz-transition: all 0.5s ease-out;
  92. transition: all 0.5s ease-out;
  93. }
  94.  
  95. b, strong{color:{color:Bold};}
  96.  
  97. i, em{color:{color:Italics};}
  98.  
  99. #content{
  100. width:530px;
  101. float:left;
  102. margin-top:0px;
  103. margin-left:600px;
  104. position:absolute;
  105. }
  106.  
  107. .entry{
  108. float:left;
  109. padding:15px;
  110. overflow:hidden;
  111. margin-bottom:15px;
  112. border:1px dotted {color:Posts Border};
  113. background:{color:Background};
  114. width:500px;
  115. }
  116.  
  117. #perma{
  118. position:relative;
  119. font-family:calibri;
  120. text-align:left;
  121. text-transform:uppercase;
  122. font-size:8px;
  123. color:{color:Permalink Text};
  124. border-top:1px solid #444;
  125. letter-spacing:1px;
  126. margin-top:6px;
  127. padding-left:6px;
  128. line-height:4px;
  129. width:493px !important;
  130. }
  131.  
  132. .entry #tags{
  133. position:absolute;
  134. width:100px;
  135. height:auto;
  136. background:none;
  137. margin-left:530px;
  138. margin-top:-10px;
  139. color:{color:Permalink Text};
  140. font-size:10px;
  141. text-align:left;
  142. line-height:12px;
  143. font-family:'Comfortaa';
  144. text-transform:uppercase;
  145. z-index:-9999;
  146. }
  147.  
  148. #tags a{font-size:8px;}
  149.  
  150. #posttitle{
  151. font-family:'Cinzel Decorative';
  152. font-size:25px;
  153. line-height:28px;
  154. color:#DA70D6;
  155. text-align:center;
  156. text-transform:none;
  157. }
  158.  
  159. .user_1 .label {color:#5D5D5D; font-weight:bold;}
  160. .user_2 .label {color:#7D7D7D; font-weight:bold;}
  161.  
  162. blockquote{
  163. border-left:5px solid {color:Borders};
  164. background:{color:Background};
  165. padding:5px;
  166. }
  167.  
  168. #postnotes {
  169. margin:0px 0px 0px 0px;
  170. width:510px;
  171. padding:5px;
  172. font-family:'calibri headings';
  173. font-size: 12px;
  174. background-color: none;
  175. }
  176.  
  177. #postnotes a {margin-top:1px;}
  178.  
  179. ol.notes li.note {padding:1px;border-bottom: solid 0px;}
  180.  
  181. ol.notes li.note img.avatar {
  182. vertical-align:-4px;
  183. margin-right:0px;
  184. width:16px;
  185. height:16px;
  186. }
  187.  
  188. quote{
  189. font-family:'Oleo Script Swash Caps';
  190. font-size:18px;
  191. line-height:20px;
  192. text-transform:none;
  193. text-shadow: 0px 1px 2px #625E6E;
  194. }
  195.  
  196. #source{
  197. font-family:'Carrois Gothic SC';
  198. font-size:10px;
  199. color:#999;
  200. text-transform:none;
  201. text-align:right;
  202. }
  203.  
  204. ask a{
  205. letter-spacing:1px;
  206. padding:6px;
  207. margin-right:5px;
  208. font-family:trebuchet ms;
  209. font-size:8px;
  210. text-align:center;
  211. background:{color:Background};
  212. color:{color:Text};
  213. text-transform:uppercase;
  214. -webkit-transition: all 0.4s linear;
  215. -moz-transition: all 0.4s linear;
  216. transition: all 0.4s linear;
  217. }
  218.  
  219. #askbox{
  220. border-bottom:1px solid #ccc;
  221. margin:0px;
  222. margin-top:-10px;
  223. overflow:hidden;
  224. padding:5px;
  225. }
  226.  
  227. question{font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:11px;overflow:hidden;}
  228.  
  229. .askimg img{
  230. width:40px;
  231. align:left;
  232. float:left;
  233. padding:6px;
  234. background:{color:Background};
  235. margin-right:6px;
  236. border:1px solid {color:Borders};
  237. }
  238.  
  239. #marker{
  240. position:fixed;
  241. width:6px;
  242. height:100%;
  243. background:#eee;
  244. top:0px;
  245. left:1355px;
  246. }
  247.  
  248. #mmarker{
  249. position:fixed;
  250. width:100%;
  251. height:6px;
  252. background:#eee;
  253. top:640px;
  254. left:0px;
  255. }
  256.  
  257. /* DESIGN */
  258.  
  259. #DoNotRemove a{
  260. position:fixed;
  261. opacity:1;
  262. right:10px;
  263. width:45px;
  264. height:6px;
  265. bottom:10px;
  266. z-index:999999;
  267. font-size:10px;
  268. overflow:hidden;
  269. background:#fff;
  270. text-align:center;
  271. text-transform:uppercase;
  272. letter-spacing:2px;
  273. line-height:10px;
  274. font-family:'Short Stack';
  275. font-size:8px;
  276. border:2px solid {color:Links};
  277. padding:3px 4px 5px 3px;
  278. -webkit-transition: all 0.8s linear;
  279. -moz-transition: all 0.8s linear;
  280. transition: all 0.8s linear;
  281. }
  282.  
  283. #DoNotRemove a:hover{
  284. width:200px;
  285. border-radius:5px;
  286. text-shadow:none;
  287. -webkit-transition: all 0.8s linear;
  288. -moz-transition: all 0.8s linear;
  289. transition: all 0.8s linear;
  290. }
  291.  
  292. #left{
  293. position:fixed;
  294. width:260px;
  295. height:620px;
  296. background:#fff;
  297. border-right:1px solid {color:Borders};
  298. border-top:1px solid {color:Borders};
  299. border-bottom:1px solid {color:Borders};
  300. left:0px;
  301. top:12px;
  302. }
  303.  
  304. #left img{width:100%;height:100%;}
  305.  
  306. #side img{
  307. position:fixed;
  308. background:{color:Background};
  309. border:1px solid {color:Borders};
  310. padding:10px;
  311. width:220px;
  312. height:220px;
  313. left:200px;
  314. top:70px;
  315. }
  316.  
  317. #des{
  318. position:fixed;
  319. background:none;
  320. border-top:1px solid {color:Borders};
  321. width:240px;
  322. max-height:100px;
  323. padding:10px;
  324. left:270px;
  325. top:330px;
  326. font-size:10px;
  327. font-family:'calibri';
  328. text-align:left;
  329. }
  330.  
  331. #portrait img{
  332. position:fixed;
  333. background:{color:Background};
  334. border:1px solid {color:Borders};
  335. padding:6px;
  336. width:60px;
  337. height:60px;
  338. left:450px;
  339. top:240px;
  340. }
  341.  
  342. #nav{
  343. position:fixed;
  344. width:280px;
  345. height:20px;
  346. left:240px;
  347. top:60px;
  348. text-align:center;
  349. font-size:9px;
  350. letter-spacing:1px;
  351. }
  352.  
  353. #nav a{display:inline;margin-right:15px;text-transform:uppercase;font-family:'Short Stack';}
  354.  
  355. #navi{
  356. position:fixed;
  357. width:80px;
  358. height:150px;
  359. left:450px;
  360. top:80px;
  361. font-size:9px;
  362. }
  363.  
  364. #navi a{display:block;border-left:7px solid {color:Borders};margin-bottom:11px;text-transform:uppercase;font-family:'Short Stack';text-indent:4px;}
  365.  
  366. #pagination{
  367. position:fixed;
  368. width:110px;
  369. height:30px;
  370. left:320px;
  371. top:420px;
  372. z-index:99999;
  373. }
  374.  
  375. .p a{position:absolute;left:0px;width:30px;height:30px;font-size:50px;font-family:'Oleo Script Swash Caps';text-transform:uppercase;}
  376.  
  377. .pp a{position:absolute;left:50px;width:30px;height:30px;font-size:50px;font-family:'Oleo Script Swash Caps';text-transform:uppercase;}
  378.  
  379. </style>
  380. <body>
  381.  
  382. <div id="pagination">
  383. <div class="p">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
  384. <div class="pp">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  385. </div>
  386.  
  387. <div id="left"><img src="{image:Big Sidebar}"></div>
  388. <div id="side"><img src="{image:Sidebar}"></div>
  389. <div id="portrait"><img src="{PortraitURL-64}"></div>
  390. <div id="des">{Description}</div>
  391.  
  392. <div id="nav">
  393. <a href="/">Home</a>
  394. <a href="/ask">Inbox</a>
  395. <a href="/submit">Submit</a>
  396. <a href="/archive">Archive</a>
  397. </div>
  398.  
  399. <div id="navi">
  400. {block:ifCustomLink1}
  401. <a href="{text:Custom Link 1 URL}">{text:Custom Link 1}</a>
  402. {/block:ifCustomLink1}
  403. {block:ifCustomLink2}
  404. <a href="{text:Custom Link 2 URL}">{text:Custom Link 2}</a>
  405. {/block:ifCustomLink2}
  406. {block:ifCustomLink3}
  407. <a href="{text:Custom Link 3 URL}">{text:Custom Link 3}</a>
  408. {/block:ifCustomLink3}
  409. {block:ifCustomLink4}
  410. <a href="{text:Custom Link 4 URL}">{text:Custom Link 4}</a>
  411. {/block:ifCustomLink4}
  412. {block:ifCustomLink5}
  413. <a href="{text:Custom Link 5 URL}">{text:Custom Link 5}</a>
  414. {/block:ifCustomLink5}
  415. {block:ifCustomLink6}
  416. <a href="{text:Custom Link 6 URL}">{text:Custom Link 6}</a>
  417. {/block:ifCustomLink6}
  418. {block:ifCustomLink7}
  419. <a href="{text:Custom Link 7 URL}">{text:Custom Link 7}</a>
  420. {/block:ifCustomLink7}
  421. {block:ifCustomLink8}
  422. <a href="{text:Custom Link 8 URL}">{text:Custom Link 8}</a>
  423. {/block:ifCustomLink8}
  424. </div>
  425.  
  426. <div id="DoNotRemove"><a href="http://klaroline-fantasies.tumblr.com/">Theme By Klaroline Fantasies</a></div>
  427.  
  428. <div id="content">
  429. {block:Posts}
  430. <div class="entry">
  431.  
  432. {block:IndexPage}
  433. {block:HasTags}
  434. <div id="tags">tagged:
  435. <br>
  436. {block:Tags}#<a href="{TagURL}">{Tag}</a>,<br>{/block:Tags}</div>
  437. {/block:HasTags}
  438. {/block:IndexPage}
  439.  
  440. {block:Text}
  441. {block:Title}
  442. <div id="posttitle">{Title}</div>
  443. {/block:Title}
  444. {Body}
  445. {/block:Text}
  446.  
  447. {block:Photo}
  448. {LinkOpenTag}
  449. <a href="{permalink}">
  450. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a>
  451. {LinkCloseTag}
  452. {block:Caption}
  453. {Caption}
  454. {/block:Caption}
  455. {/block:Photo}
  456.  
  457. {block:Photoset}
  458. {Photoset-500}
  459. {block:Caption}
  460. {Caption}
  461. {/block:Caption}
  462. {/block:Photoset}
  463.  
  464. {block:Quote}
  465. <quote>{Quote}</quote>
  466. {block:Source}
  467. <div id="source">-{Source}</div>
  468. {/block:Source}
  469. {/block:Quote}
  470.  
  471. {block:Link}
  472. <a href="{URL}">{Target}<div id="posttitle">{Name}</div></a>
  473. {block:Description}{Description}{/block:Description}
  474. {/block:Link}
  475.  
  476. {block:Chat}
  477. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}
  478. <ul class="chat">
  479. {block:Lines}
  480. <li class="user_{UserNumber}">
  481.  
  482. {block:Label}
  483. <span class="label">{Label}</span>
  484.  
  485. {/block:Label}
  486.  
  487. &nbsp;{Line}</li>
  488. {/block:Lines}</ul>
  489. {/block:Chat}
  490.  
  491. {block:Audio}
  492. {AudioPlayerBlack}
  493. {block:Caption}
  494. {Caption}
  495. {/block:Caption}
  496. {/block:Audio}
  497.  
  498. {block:Video}
  499. {Video-500}
  500. {block:Caption}{Caption}{/block:Caption}
  501. {/block:Video}
  502.  
  503. {block:Answer}
  504. <div id="askbox">
  505. <div class="askimg"><a href="{AskerURL}"><img src="{AskerPortraitURL-40}"/><br></a></div>
  506.  
  507. <ask><a href="{AskerURL}">{Asker}</a></ask>
  508. <question><br><br>{Question}</question>
  509. </div>
  510. {Answer}
  511. {/block:Answer}
  512.  
  513. {Block:IndexPage}
  514. <div id="perma">
  515. <br>
  516. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} &#9830;
  517. {block:RebloggedFrom}
  518. Reblogged From: <a href="{ReblogParentURL}"title="{ReblogParentName}">{ReblogParentName}</a> &#9830;
  519. {/block:RebloggedFrom}
  520. <a href="{ReblogURL}"target="_blank">Reblog This</a> &#9830;
  521. {block:NoteCount}
  522. <a href="{Permalink}">{NoteCount}</a>
  523. {/block:NoteCount} &#9830;
  524. {block:ContentSource}Via: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  525. </div>
  526. {/Block:IndexPage}
  527.  
  528. {block:PermalinkPage}
  529. <center>
  530. <br>
  531. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  532. <br><br>
  533. {block:HasTags}
  534. &middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
  535. {/block:hasTags}
  536. </center>
  537. {/block:PermalinkPage}
  538.  
  539. {block:PostNotes}{PostNotes}{/block:PostNotes}
  540.  
  541.  
  542. </div>
  543. {/block:Posts}
  544. </div>
  545. </body>
  546. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!