API tools faq
paste
Advertisement
khalisar

special snowlake theme

khalisar
Nov 4th, 2013
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 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.  
  3. <!--theme 4 by quietwillfall
  4. please do not remove credit
  5. thank you-->
  6.  
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  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. <meta name="color:Text" content="#bbbbbb"/>
  18. <meta name="color:Link" content="#aaaaaa"/>
  19. <meta name="color:Tags" content="#cccccc"/>
  20. <meta name="text:bigletter" content="">
  21. <meta name="color:Hover" content="#f1f1f1"/>
  22. <meta name="color:Line" content="#f2f2f2"/>
  23. <meta name="color:Border" content="#eeeeee"/>
  24. <meta name="color:scrollbarbg" content="ffffff"/>
  25. <meta name="color:title" content="#000"/>
  26. <meta name="color:background" content="#fff"/>
  27.  
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="text:sidebar title" content="/"/>
  30. <meta name="image:bg" content=""/>
  31.  
  32. <meta name="text:Link 1 URL" content="" />
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 2 URL" content="" />
  35. <meta name="text:Link 2" content="" />
  36. <meta name="text:Link 3 URL" content="" />
  37. <meta name="text:Link 3" content="" />
  38. <meta name="text:Link 4 URL" content="" />
  39. <meta name="text:Link 4" content="" />
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  42.  
  43. <style type="text/css">
  44.  
  45. ::-webkit-scrollbar {background-color:#fff; height:5px; width:9px}
  46. ::-webkit-scrollbar-thumb:vertical {background-color:#999; height:50px;border-radius:10px;border:1px solid #fff;}
  47. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
  48.  
  49. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  50.  
  51.  
  52.  
  53. ::-webkit-scrollbar {
  54. width: 5px;height: 5px;}
  55. ::-webkit-scrollbar-button:start:decrement,
  56. ::-webkit-scrollbar-button:end:increment {
  57. height: 6px;display: block;background-color: {color:white};}
  58. ::-webkit-scrollbar-track-piece {
  59. background-color: {color:scrollbarbg};}
  60. ::-webkit-scrollbar-thumb:vertical {
  61. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  62.  
  63.  
  64.  
  65.  
  66.  
  67. body {
  68. background:{color:background};
  69. margin:0%;
  70. color:{color:text};
  71. font-family:arial;
  72. font-size:9px;
  73. line-height:100%;
  74. }
  75.  
  76. a {
  77. text-decoration:none;
  78. -moz-outline-style:none;
  79. color:{color:link};
  80. -moz-transition-duration:1s;
  81. -webkit-transition-duration:1s;
  82. -o-transition-duration:1s;
  83.  
  84. }
  85.  
  86. img {
  87. border:none;
  88. }
  89.  
  90.  
  91. h1 {
  92. font-size:12px;
  93. text-transform:uppercase;
  94. }
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101. blockquote blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. }
  105.  
  106.  
  107. a:hover {
  108. opacity:1;
  109. color:{color:hover};
  110. -webkit-transition: all 0.5s ease;
  111. -moz-transition: all 0.5s ease;
  112. -o-transition: all 0.5s ease
  113. }
  114.  
  115.  
  116. #sidebar {
  117. position:fixed;
  118. width:120px;
  119. margin-left:40px;
  120. margin-top:70px;
  121. opacity:1;
  122. }
  123.  
  124. #sidebarimage {
  125.  
  126. margin-left: 130px;
  127. }
  128.  
  129. #sidebarimage img {
  130. width: 190px;
  131. height:190px;
  132. overflow:hidden;
  133. padding:8px;
  134. padding-bottom:13px;
  135.  
  136. }
  137.  
  138. @font-face {font-family:'blog title';
  139. src:url('http://static.tumblr.com/sas2ex2/fj6mr4m97/amperzand.ttf');}
  140.  
  141. #stitle {
  142. width:146px;
  143. padding:22px;
  144. padding-top:29px;
  145. padding-bottom:21px;
  146. font-size:20px;
  147. margin-top:3px;
  148. font-family:Inconsolata;
  149. text-align:center;
  150. letter-spacing:1px;
  151. height:50px;
  152. word-spacing:1px;
  153. margin-left:138px;
  154. line-height:100%;
  155. color:{color:title};
  156. text-transform:lowercase;
  157. background-color:#000;
  158. -moz-transition-duration:1s;
  159. -webkit-transition-duration:1s;
  160. -o-transition-duration:1s;
  161. -webkit-transition: all 0.5s ease-in-out;
  162. -moz-transition: all 0.5s ease-in-out;
  163. -o-transition: all 0.5s ease-in-out;
  164. -ms-transition: all 0.5s ease-in-out;
  165. -transition: all 0.5s ease-in-out;
  166. }
  167.  
  168. #stitle:hover {
  169. color:{color:hover};
  170.  
  171. -moz-transition-duration:1s;
  172. -webkit-transition-duration:1s;
  173. -o-transition-duration:1s;
  174. }
  175.  
  176. #desc:hover #stitle {
  177. height:65px;
  178. -webkit-transition: all 0.5s ease-in-out;
  179. -moz-transition: all 0.5s ease-in-out;
  180. -o-transition: all 0.5s ease-in-out;
  181. -ms-transition: all 0.5s ease-in-out;
  182. -transition: all 0.5s ease-in-out;
  183. }
  184.  
  185.  
  186. #desc {
  187. position:fixed;
  188. background-color:#FFFFFF;
  189. margin-top:-100px;
  190. margin-left:138px;
  191. font-family:Inconsolata;
  192. line-height:17px;
  193. font-size:11px;
  194. font-style:normal;
  195. letter-spacing:0px;
  196. word-spacing:2px;
  197. width:150px;
  198. height:0px;
  199. opacity:0;
  200. padding:15px 20px 25px 20px;
  201. text-align:justify;
  202. color:#000;
  203. -webkit-transition: all 0.7s ease-in-out;
  204. -moz-transition: all 0.7s ease-in-out;
  205. -o-transition: all 0.7s ease-in-out;
  206. -ms-transition: all 0.7s ease-in-out;
  207. -transition: all 0.7s ease-in-out;
  208. }
  209.  
  210. #desc:hover {
  211. color:#000;
  212. opacity:1;
  213. height:60px;
  214. line-height:17px;
  215. -webkit-transition: all 0.5s ease-in-out;
  216. -moz-transition: all 0.5s ease-in-out;
  217. -o-transition: all 0.5s ease-in-out;
  218. -ms-transition: all 0.5s ease-in-out;
  219. -transition: all 0.5s ease-in-out;
  220. }
  221.  
  222.  
  223. #bigletter {
  224. padding: 7px;
  225. color: #fff;
  226. background:#000;
  227. font-size: 15px;
  228. font-family: arial;
  229. text-transform:uppercase;
  230. font-style: none;
  231. float: left;
  232. font-weight:bold;
  233. margin-right:5px;
  234. margin-top:-7px;
  235. line-height: 90%;
  236. padding-top:5px;
  237. padding-bottom:5px;
  238.  
  239. }
  240.  
  241.  
  242. #links {
  243. font-size:9px;
  244. color:#000;
  245. text-transform:uppercase;
  246. font-weight:300;
  247. letter-spacing:0px;
  248. position:absolute;
  249. width:115px;
  250. float:left;
  251. margin-left:167px;
  252. background:rgba(255,255,255,.5);
  253. background-color:#fff;
  254. margin-top:-178px;
  255. opacity:.9;
  256.  
  257.  
  258. }
  259.  
  260.  
  261. #links a {
  262. background:rgba(255,255,255,.5)
  263. text-align:left;
  264. padding:6px;
  265. line-height:13px;
  266. display:block;
  267. color:#000;
  268. text-decoration:none;
  269. letter-spacing:3px;
  270. }
  271. #links a:hover {background:rgba(255,255,255,.9);letter-spacing:4px;color:#bdbdbd;background-color:#000;}
  272.  
  273.  
  274. #butt {position:fixed;
  275. background:rgba(255,255,255,.65);
  276. height:26px;
  277. width:21px;
  278. line-height:25px;
  279. padding-left:6px;
  280. padding-top:2px;
  281. margin-top:-57px;
  282. cursor:pointer;
  283. font-size:25px;
  284. margin-left:294px;
  285. letter-spacing:3px;
  286. opacity:1;
  287. color:#fff;
  288. background-color:#000;
  289. border-radius:5px;
  290. -webkit-transition:all 0.6s;
  291. -moz-transition:all 0.6s;
  292. -ms-transition:all 0.6s;
  293. -o-transition:all 0.6s;
  294. transition:all 0.6s; }
  295.  
  296. #butt:hover {opacity:1;
  297. -webkit-transition:all 0.6s;
  298. -moz-transition:all 0.6s;
  299. -ms-transition:all 0.6s;
  300. -o-transition:all 0.6s;
  301. transition:all 0.6s; }
  302.  
  303.  
  304.  
  305.  
  306.  
  307. #pagination {
  308. position:absolute;
  309. font-size:10px;
  310. padding:70px 0 50px 0;
  311. color:{color:link};
  312. text-transform:lowercase;
  313. text-align:center;
  314. font-style:normal;
  315. margin-left:56%;
  316. }
  317.  
  318. #pagination a {
  319. word-spacing:5px;
  320. text-align:center;
  321. letter-spacing:1px;
  322. text-transform:uppercase;
  323. display:inline-block;
  324. }
  325.  
  326.  
  327. #all {
  328. padding:10px;
  329. width:500px;
  330. margin-left:40%;
  331. margin-top:50px;
  332. font-size:10px;
  333. }
  334.  
  335.  
  336.  
  337. #posts {
  338. width:500px;
  339. padding-bottom:20px;
  340. padding:10px;
  341. margin-top:30px;
  342. background-color:{color:Post};
  343. }
  344.  
  345.  
  346. #details {
  347. text-align:right;
  348. margin-top:8px;
  349. text-transform:uppercase;
  350. font-size:8px;
  351. font-style:none;
  352. border-top:1px solid {color:Line};
  353. }
  354.  
  355.  
  356. #tags {
  357. font-family:arial;
  358. letter-spacing:0px;
  359. opacity:0;
  360. text-transform:lowercase;
  361. font-size:10px;
  362. font-style:NONE;
  363. margin-top:2px;
  364. text-align:right;
  365. -moz-transition-duration:1s;
  366. -webkit-transition-duration:1s;
  367. -o-transition-duration:1s;
  368. }
  369.  
  370. #posts:hover #tags {
  371. opacity:1;
  372. -moz-transition-duration:1s;
  373. -webkit-transition-duration:1s;
  374. -o-transition-duration:1s;
  375. }
  376.  
  377.  
  378. #tags a {
  379. display:inline-block;
  380. padding:-3px;
  381. text-align:right;
  382. color:{color:text};
  383. -webkit-transition: all 0.6s ease-in-out;
  384. -moz-transition: all 0.6s ease-in-out;
  385. -o-transition: all 0.6s ease-in-out;
  386. -ms-transition: all 0.6s ease-in-out;
  387. -transition: all 0.6s ease-in-out;
  388. }
  389.  
  390. #tags a:hover {
  391. color:{color:hover};
  392. -webkit-transition: all 0.6s ease-in-out;
  393. -moz-transition: all 0.6s ease-in-out;
  394. -o-transition: all 0.6s ease-in-out;
  395. -ms-transition: all 0.6s ease-in-out;
  396. -transition: all 0.6s ease-in-out;
  397. }
  398.  
  399.  
  400. #question {
  401. padding:8px;
  402. font-family:arial;
  403. letter-spacing:2px;
  404. text-align:right;
  405. font-style:italic;
  406. border:3px {color:border} solid;
  407. color:{color:text};
  408. background-color:{color:background}
  409. }
  410.  
  411. #ask {
  412. float:left;
  413. margin-left:10px;
  414. }
  415.  
  416. #asker {
  417. float:left;
  418. margin-right:10px;
  419. padding-right:5px;
  420. background-color:#fff;
  421. }
  422.  
  423. #asker img {
  424. padding:2px;
  425. -webkit-filter:grayscale(0);
  426. }
  427.  
  428. #asks {
  429. padding:10px;
  430. width:480px;
  431. height:101%;
  432. font-weight:bold;
  433. background:{color:Accent2};
  434. text-align:left;
  435. font-size:9px;
  436. letter-spacing:1px;
  437. text-transform:uppercase;
  438. color:{color:Accent1};
  439. overflow:hidden;
  440. }
  441.  
  442. #asks a {
  443. color:{color:Accent3};
  444. }
  445.  
  446. #asks a:hover {
  447. color:{color:Accent1};
  448. }
  449.  
  450. #question {
  451. text-transform:none;
  452. font-weight:normal;
  453. letter-spacing:2px;
  454. margin-top:2px;
  455. padding-left:10px;
  456. text-align:left;
  457. color:{color:Accent3};
  458. }
  459.  
  460. #answer {
  461. margin-top:-10px;;
  462. }
  463.  
  464. .player {
  465. width:25px;
  466. height:25px;
  467. overflow:hidden;
  468. margin-left:15px;
  469. padding-top:15px;
  470. z-index:2;}
  471.  
  472. .audioinfo {
  473. text-align:center;
  474. z-index:2;
  475. position:absolute;
  476. color:white;
  477. padding-top:17px;
  478. letter-spacing:1px;
  479. width:280px;
  480. line-height:120%;
  481. margin-left:100px;
  482. }
  483.  
  484.  
  485. .playerback {height:60px;
  486. width:100%;
  487. background-color:black;
  488. color:#fff;
  489. }
  490.  
  491. #credit {
  492. font-size:9px;
  493. font-family:arial;
  494. font-style:italic;
  495. letter-spacing:1px;
  496. -moz-transition-duration:0.5s;
  497. -webkit-transition-duration:0.5s;
  498. -o-transition-duration:0.5s;
  499. }
  500.  
  501. #credit a {
  502. background-color:#fff;
  503. padding:5px;
  504. border:1px solid #e9e9e9;
  505. position:fixed;
  506. right:15px;
  507. bottom:10px
  508. }
  509.  
  510. #credit a:hover {
  511. color:#fff;
  512. background-color:#000;
  513. -moz-transition-duration:0.5s;
  514. -webkit-transition-duration:0.5s;
  515. -o-transition-duration:0.5s;
  516. }
  517.  
  518.  
  519. {CustomCSS}
  520. #updates {
  521. text-align: center;
  522. font-size: 11px;
  523. position:fixed;
  524. left:10px;
  525. top:-170px;
  526. -webkit-transition: all .7s ease-in-out;
  527. -moz-transition: all .7s ease-in-out;
  528. -o-transition: all .7s ease-in-out;
  529. z-index:999;
  530.  
  531.  
  532. }
  533.  
  534. #updates:hover {top:0px;}
  535.  
  536. #update {
  537. border-right-style:solid;
  538. border-bottom-style:solid;
  539. border-left-style:solid;
  540. border-width:1px;
  541. border-color:#000;
  542. font-size:9px;
  543. line-height:110%;
  544. padding: 5px 0 5px 0;
  545. background: #fff;
  546. width:150px;
  547. height:159px;
  548. z-index: 9999;
  549.  
  550. }
  551.  
  552. #updatestab {
  553. border-top-style:1px solid;
  554. border-left-style:1px solid;
  555. border-right-style:1px solid;
  556. border-bottom-style:1px solid;
  557. font-size:10px;
  558. text-align: center;
  559. height:8px;
  560. color:#fff;
  561. padding: 6px 0 15px 0;
  562. padding-left:5px;
  563. background:#000;
  564. opacity:1;
  565. font-family:Inconsolata;
  566. letter-spacing:2px;
  567. border:1px solid #000;
  568. border-bottom-left-radius: 5px;
  569. -moz-border-radius-bottomleft: 5px;
  570. -webkit-border-bottom-left-radius: 5px;
  571. border-bottom-right-radius: 5px;
  572. -moz-border-radius-bottomright: 5px;
  573. -webkit-border-bottom-right-radius: 5px;
  574. width: 80px;
  575. -webkit-transition: all .7s ease-in-out;
  576. -moz-transition: all .7s ease-in-out;
  577. -o-transition: all .7s ease-in-out;
  578. }
  579. #updates:hover #updatestab {opacity:0;
  580. -moz-transition-duration:.7s;
  581. -webkit-transition-duration:.7s;
  582. -o-transition-duration:.7s;
  583. -moz-transition-duration:.7s;
  584. -webkit-transition-duration:.7s;
  585. -o-transition-duration:.7s;
  586.  
  587. }
  588.  
  589. </style>
  590.  
  591.  
  592.  
  593.  
  594. </head><body>
  595.  
  596. <div id="updates">
  597. <div id="update"> <center>
  598. UPDATES HERE
  599. </center></div>
  600. <div id="updatestab">breaking news</div>
  601. </div>
  602.  
  603.  
  604. <div id="sidebar">
  605. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  606.  
  607. <div id="butt">
  608. +</div>
  609. <div id="links">
  610. <a href="/">home</a>
  611. <a href="/ask">Message</a>
  612. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  613. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  614. {block:ifLink3}<a href="{text:Link 3 URL}" >{text:Link 3}</a>{/block:ifLink3}
  615. {block:ifLink4}<a href="{text:Link 4 URL}" >{text:Link 4}</a>{/block:ifLink4}
  616. </div>
  617.  
  618.  
  619.  
  620.  
  621.  
  622. <div id="stitle">{text:sidebar title}</div>
  623. <div id="desc"><div id="bigletter">
  624. {text:bigletter}</div>{Description}</div>
  625. </div>
  626. </div>
  627. </div>
  628. <div id="all">{block:Posts}<div id="posts">
  629.  
  630. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  631.  
  632. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  633.  
  634. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  635.  
  636. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  637.  
  638. {block:Quote}{Quote}{/block:Quote}
  639.  
  640. {block:Audio}
  641.  
  642. <div class="audioinfo">
  643. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  644. </div>
  645. <div class="playerback">
  646. <div class="player">{AudioPlayerBlack}</div>
  647. </div>
  648. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  649.  
  650.  
  651. {/block:Audio}
  652.  
  653. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  654.  
  655. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  656.  
  657.  
  658. {block:Answer}<div id="asks"><div id="asker"><img src="{AskerPortraitURL-24}"></div><div id="ask">{Asker} asked:</div><div id="question">{Question}</div></div><br><div id="answer">{Answer}</div>{/block:Answer}
  659.  
  660.  
  661. <div id="details">
  662. <br><a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} </a>{block:RebloggedFrom} / <a href="{ReblogParentURL}"> VIA </a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"> / <a href="{SourceURL}">SOURCE</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  663. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  664. {/block:Posts}
  665. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  666. </div>
  667.  
  668.  
  669. <div id="pagination">
  670.  
  671. {block:Pagination}
  672. {block:PreviousPage}
  673. <a href="{PreviousPage}">&larr; back</a>
  674. {/block:PreviousPage}
  675. {block:NextPage}
  676. <a href="{NextPage}">next &rarr;</a>
  677. {/block:NextPage}
  678. {/block:Pagination}
  679. {/block:Posts}
  680. </div>
  681. </div>
  682. </div>
  683. <div id="credit" data="credit"> <a href="http://winterfell.co.vu">©</a></div>
  684.  
  685.  
  686. </body></html>
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!