API tools faq
paste
Advertisement
assshhhhllleey

theme 15

assshhhhllleey
Oct 4th, 2013
472
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.42 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 　　　　　　
  3. Theme 15 by
  4.  
  5. ╱╭╮╱╱╱╱╱╱╱╱╱╭╮╱╱╭╮
  6. ╭╯╰╮╱╱╱╱╱╱╱╱┃┃╱╭╯╰╮
  7. ╰╮╭┫╭╮╭┳━━┳━┫┃╭╋╮╭╋━╮╭━━┳━┳━┳╮╱╭╮
  8. ╱┃┃╰╯╰╯┃┃━┫╭┫╰╯╋┫┃┃╭╮┫╭╮┃╭┫╭┫┃╱┃┃
  9. ╱┃╰╮╭╮╭┫┃━┫┃┃╭╮┫┃╰┫┃┃┃╭╮┃┃┃┃┃╰━╯┃
  10. ╱╰━┻╯╰╯╰━━┻╯╰╯╰┻┻━┻╯╰┻╯╰┻╯╰╯╰━╮╭╯
  11. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  12. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  13.  
  14. aka Ashley.
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19.  
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29. {block:Description}<meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31.  
  32.  
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Link" content="#000000"/>
  35. <meta name="color:Tags" content="#000000"/>
  36. <meta name="color:Text" content="#000000"/>
  37. <meta name="color:Hover" content="#f2f2f2"/>
  38. <meta name="color:Post" content="#ffffff"/>
  39. <meta name="color:Scrollbar" content="#000000"/>
  40. <meta name="color:Accent" content="#A2E6FC"/>
  41. <meta name="image:Top Image" content=""/>
  42. <meta name="text:Link 1" content="" />
  43. <meta name="text:Link 1 Text" content="" />
  44. <meta name="text:Link 2" content="" />
  45. <meta name="text:Link 2 Text" content="" />
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>
  48.  
  49. <style type="text/css">
  50.  
  51. /* --- SCROLLBAR ---*/
  52.  
  53. ::-webkit-scrollbar {
  54. width: 5px;
  55. height: 5px;
  56. }
  57.  
  58. ::-webkit-scrollbar-track {
  59. border-left:2px solid #fff;
  60. border-right:2px solid #fff;
  61. background:{color:Scrollbar};
  62. }
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {
  65. height: 9px;
  66. background-color: {color:Scrollbar};
  67. border-radius: 100px;
  68. border-top:1px solid {color:Scrollbar};
  69. border-bottom:1px solid {color:Scrollbar};
  70. }
  71.  
  72.  
  73. /* ------------------ BODY ------------------*/
  74.  
  75. body {
  76. background:{color:background};
  77. margin:0px;
  78. color:{color:Text};
  79. font-family:Candara;
  80. font-size:9px;
  81. line-height:100%;
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:link};
  89. -webkit-transition: all 0.7s ease;
  90. -moz-transition: all 0.7s ease;
  91. -o-transition: all 0.7s ease;
  92. }
  93.  
  94. img {
  95. border:none;
  96. }
  97.  
  98. blockquote {
  99. padding-left:5px;
  100. border-left:2px solid;
  101. }
  102.  
  103. blockquote blockquote {
  104. padding-left:5px;
  105. border-left:2px solid;
  106. }
  107.  
  108. h1 {
  109. font-size:9px; line-height: 100%; font-family: candara;
  110. text-transform:uppercase;
  111. }
  112.  
  113. a:hover {
  114. opacity:1;
  115. color:{color:hover};
  116. -webkit-transition: all 0.7s ease;
  117. -moz-transition: all 0.7s ease;
  118. -o-transition: all 0.7s ease;
  119. }
  120.  
  121. /* --------------- POSTS ---------------*/
  122.  
  123.  
  124. #entries {
  125. margin-left:408px;
  126. margin-top:40px;
  127. width:500px;
  128. padding:10px;
  129. padding-top:80px;
  130. font-size:11px;
  131. line-height:100%;
  132. }
  133.  
  134. #post {
  135. margin-top:15px;
  136. width:500px;
  137. padding:10px;
  138. padding-bottom:20px;
  139. background-color:{color:Post};
  140. }
  141.  
  142. #quote {
  143. font-size: 20px;
  144. font-family:'times new';
  145. font-style:italic;
  146. line-height:100%;
  147. }
  148.  
  149. /* -------------- SIDEBAR --------------*/
  150.  
  151. #headerbg {width: 100%; height: 50px;margin-top:-40px; margin-left: 0px;position:fixed;background-color: #000; border-bottom: 4px solid {color:Accent}; z-index:999999;}
  152.  
  153. #descbg {width: 100%; height: 45px;margin-top:10px; margin-left: 0px;position:fixed;background-color: #F2F2F2; z-index:99999;}
  154.  
  155.  
  156. #sidebar {
  157. margin-left:650px;
  158. margin-top:-35px;
  159. width:33px;
  160. height: 33px;
  161. position:fixed;
  162. opacity:1;
  163. border-radius: 100px;
  164. z-index:99999999;
  165. }
  166.  
  167. #sidebarimage {
  168. width: 33px;
  169. height: 33px;
  170. border-radius: 100px;
  171. }
  172.  
  173. #sidebarimage img {
  174. width:33px;
  175. height: 33px;
  176. border: 3px solid white;
  177. border-radius: 100px;
  178. }
  179.  
  180. .links {
  181. margin-top:-15px;
  182. margin-left:-232px;
  183. width:200px;
  184. height:5px;
  185. position:fixed;
  186. padding: 9px;
  187. padding-bottom:7px;
  188. text-align:right;
  189. text-transform:uppercase;
  190. word-spacing:15px;
  191. font-family:candara;
  192. }
  193.  
  194. .links a {
  195. font-size: 11px;
  196. color: white;
  197. word-spacing:2px;
  198. padding:2px;
  199. }
  200.  
  201. .links a:hover {
  202. color:{color:Accent};
  203. }
  204.  
  205. .links2 {
  206. margin-top:-15px;
  207. margin-left:52px;
  208. width:200px;
  209. height:5px;
  210. position:fixed;
  211. padding: 9px;
  212. padding-bottom:7px;
  213. text-align:left;
  214. text-transform:uppercase;
  215. word-spacing:15px;
  216. font-family:candara;
  217. }
  218.  
  219. .links2 a {
  220. font-size: 11px;
  221. color: white;
  222. word-spacing:2px;
  223. padding:2px;
  224. }
  225.  
  226. .links2 a:hover {
  227. color:{color:Accent};
  228. }
  229.  
  230.  
  231. #description:first-letter {
  232. float:left;
  233. font-family: georgia;
  234. font-size:17px;
  235. text-transform:uppercase;
  236. background:#000;
  237. color:#fff;
  238. padding:6px;
  239. margin-right:2px;
  240. display:inline-block;
  241. }
  242.  
  243. #description {
  244. margin-top:16px;
  245. margin-left:-132px;
  246. width:300px;
  247. position:fixed;
  248. padding:8px;
  249. line-height:100%;
  250. text-align:left;
  251. font-size:12px;
  252. font-style:italic;
  253. font-family:candara;
  254. color:#000;
  255. }
  256.  
  257. #description a {
  258. color:#000;
  259. -moz-transition-duration:0.4s;
  260. -webkit-transition-duration:0.4s;
  261. -o-transition-duration:0.4s;
  262. }
  263. #description a:hover {
  264. color:{color:Hover};
  265. }
  266.  
  267. #description:hover #pagination {
  268. opacity:1;
  269. -moz-transition-duration:0.4s;
  270. -webkit-transition-duration:0.4s;
  271. -o-transition-duration:0.4s;
  272. }
  273.  
  274. #pagination {
  275. margin-left:1px;
  276. margin-top:-32px;
  277. position:fixed;
  278. width: 29px;
  279. height: 32px;
  280. border-radius: 100px;
  281. background-color:#fff;
  282. vertical-align:middle;
  283. padding-top:4px;
  284. padding-left:7px;
  285. font-size:24px;
  286. line-height:60%;
  287. font-family:cambria;
  288. opacity:0;
  289. -moz-transition-duration:0.4s;
  290. -webkit-transition-duration:0.4s;
  291. -o-transition-duration:0.4s;
  292. }
  293.  
  294. #pagination a {
  295. color:#000;
  296. }
  297.  
  298. #sidebar:hover #pagination {
  299. opacity:1;
  300. -moz-transition-duration:0.4s;
  301. -webkit-transition-duration:0.4s;
  302. -o-transition-duration:0.4s;
  303. }
  304.  
  305. /* -------------- INFO/TAGS --------------*/
  306.  
  307.  
  308. #info {
  309. margin-top:5px;
  310. text-align:left;
  311. text-transform:uppercase;
  312. font-size:8px;
  313. padding-top: 2px;
  314. font-style:none;
  315. border-top:1px #000 solid;
  316. }
  317.  
  318. #info a {
  319. color: #fff;
  320. }
  321.  
  322. #info a:hover {
  323. color: {color:Hover};
  324. }
  325.  
  326. #tags {
  327. margin-top:4px;
  328. text-align:left;
  329. text-transform:lowercase;
  330. font-size:10px;
  331. font-style:italic;
  332. letter-spacing:0px;
  333. font-family:cambria;
  334. opacity: 0;
  335. color: {color:Tags};
  336. -webkit-transition: all 0.6s ease-in-out;
  337. -moz-transition: all 0.6s ease-in-out;
  338. -o-transition: all 0.6s ease-in-out;
  339. -ms-transition: all 0.6s ease-in-out;
  340. transition: all 0.6s ease-in-out;
  341. }
  342.  
  343. #tags a {
  344. display:inline;
  345. padding:-3px;
  346. text-align:left;
  347. color:{color:Tags};
  348. -webkit-transition: all 0.6s ease-in-out;
  349. -moz-transition: all 0.6s ease-in-out;
  350. -o-transition: all 0.6s ease-in-out;
  351. -ms-transition: all 0.6s ease-in-out;
  352. transition: all 0.6s ease-in-out;
  353. }
  354.  
  355. #post:hover #tags {
  356. opacity:1;
  357. }
  358.  
  359. /* --------------- ASKS ---------------*/
  360.  
  361. #asker {
  362. font-size: 12px;
  363. padding:5px;
  364. text-align:left;
  365. letter-spacing:1px;
  366. font-style:italic;
  367. font-family:candara;
  368. color: #fff;
  369. background-color:#000;
  370. }
  371.  
  372. #asker a{
  373. color: #fff;
  374. }
  375.  
  376. #asker a:hover {
  377. color:{color:Hover};
  378. }
  379.  
  380. #askeri {
  381. border-radius: 100px;
  382. float: left;
  383. padding-left: 4px;
  384. padding-right: 8px;
  385. padding-top: 4px;
  386. }
  387.  
  388. #askeri img {
  389. border-radius: 100px;
  390. border: 3px solid white;
  391. }
  392.  
  393. #askerurl {
  394. font-family:candara;
  395. font-size:15px;
  396. letter-spacing:0px;
  397. font-style:italic;
  398. }
  399.  
  400. #answer {
  401. text-align: right;
  402. background-color: #f1f1f1;
  403. color: #000;
  404. min-height: 30px;
  405. padding:1px;
  406. padding-right:9px;
  407. padding-left:11px;
  408. }
  409.  
  410. #answer a{
  411. color: #000;
  412. }
  413.  
  414. #answer a:hover {
  415. color:{color:Hover};
  416. }
  417.  
  418. #bubble {
  419. width: 0;
  420. position: absolute;
  421. height: 0;
  422. margin-left:5px;
  423. border-top: 15px solid black;
  424. border-right: 15px solid transparent;
  425. }
  426.  
  427. /*-------------DON'T TOUCH-------------*/
  428.  
  429. #poop {padding: 2px; font-color:#000; position:fixed; text-align: right; bottom:-22px; right:3px; line-height:120%; font-size:18px; letter-spacing:1px; font-family:just another hand;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }
  430.  
  431. #poop a {color: #000;}
  432.  
  433. #poop:hover {
  434. bottom:2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
  435. }
  436.  
  437. /*-------------------------------------*/
  438.  
  439. {CustomCSS}</style></head><body>
  440.  
  441. <div id="headerbg"></div>
  442. <div id="descbg"></div>
  443.  
  444. <div id="sidebar">
  445. <div id="sidebarimage"><img src="{image:Top Image}"></div>
  446. <div id="description">
  447. {Description}
  448. </div>
  449.  
  450. <div class="links">
  451. <a href="/">refresh</a>
  452. <a href="/ask">message</a></div>
  453. <div class="links2">
  454. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  455. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  456. </div>
  457.  
  458. {block:Pagination}<div id="pagination">
  459. {block:NextPage}<a href="{NextPage}">⇢</a>{/block:NextPage}
  460. <br>
  461. {block:PreviousPage}<a href="{PreviousPage}">⇠</a>{/block:PreviousPage}
  462. </div>{/block:Pagination}
  463. </div>
  464.  
  465. <div id="entries">{block:Posts}<div id="post">
  466.  
  467. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  468.  
  469. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  470.  
  471. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  472.  
  473. {block:Quote}<div id="quote">“{Quote}”</div>{block:Source}<br>— {Source}{/block:Source}{/block:Quote}
  474.  
  475. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  476.  
  477. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  478.  
  479. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px; border: 3px double black;" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  480. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  481. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  482. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  483. {/block:Audio}
  484.  
  485. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  486.  
  487. {block:Answer}<div id="askeri"><img src="{AskerPortraitURL-24}"></div><div id="asker"><div id="askerurl">{Asker} — </div><br>{Question}</div><div id="bubble"></div><div id="answer">{Answer}</div>{/block:Answer}
  488.  
  489. <div id="info">
  490. <span style="background-color: #000; color: #fff; padding:2px;">{block:Date}{TimeAgo}{/block:Date}</span> <span style="background-color: #000; padding:2px;"><a href="{Permalink}">
  491. {NoteCountWithLabel}</a></span><span style="background-color: #000; color: #fff; padding:2px; margin-top:-2px; float:right">{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} © <a href="{SourceURL}">original</a>{/block:ContentSource}</span><p>{block:HasTags}<div id="tags"> <u>filed under</u>: &nbsp; {block:Tags} -<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div></div>{/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}{/block:Posts} </div></div>
  492.  
  493. <div id="poop">
  494. <a href="http://twerkitnarry.tumblr.com/">▲▼<br>TWERKITNARRY</a>
  495. </div>
  496.  
  497.  
  498. </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!