API tools faq
paste
keciasthemes

Theme: Pinky

keciasthemes
Nov 13th, 2014
2,400
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4.  
  5. <!-----
  6.  
  7. THEME BY - ASSCHLINTHEMES
  8. do not use a base
  9. do not remove the credit
  10. message me if there are any problems
  11.  
  12. -!---->
  13.  
  14.  
  15. <title>{Title}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19.  
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#aaaaaa"/>
  23. <meta name="color:Link" content="#000000"/>
  24. <meta name="color:Info" content="#f2f2f2"/>
  25. <meta name="color:Accent" content="#cf2d85"/>
  26.  
  27. <meta name="image:Sidebar Image" content=""/>
  28. <meta name="image:Icon" content=""/>
  29.  
  30. <meta name="if:Extra Sidebar" content="1"/>
  31. <meta name="if:Extra Links" content="1"/>
  32. <meta name="if:Portrait" content="1"/>
  33.  
  34. <meta name="text:Link 1 URL" content="" />
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:Link 2 URL" content="" />
  37. <meta name="text:Link 2" content="" />
  38. <meta name="text:Link 3 URL" content="" />
  39. <meta name="text:Link 3" content="" />
  40.  
  41. <meta name="text:Link 4 URL" content="" />
  42. <meta name="text:Link 4" content="" />
  43. <meta name="text:Link 5 URL" content="" />
  44. <meta name="text:Link 5" content="" />
  45. <meta name="text:Link 6 URL" content="" />
  46. <meta name="text:Link 6" content="" />
  47.  
  48. <meta name="text:Link 7 URL" content="" />
  49. <meta name="text:Link 7" content="" />
  50. <meta name="text:Link 8 URL" content="" />
  51. <meta name="text:Link 8" content="" />
  52. <meta name="text:Link 9 URL" content="" />
  53. <meta name="text:Link 9" content="" />
  54. <meta name="text:Link 10 URL" content="" />
  55. <meta name="text:Link 10" content="" />
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. /* SCROLLBAR CODING */
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {background-color:{color:accent};}
  63. ::-webkit-scrollbar-button:horizontal {display:none;}
  64. ::-webkit-scrollbar {background-color:#fcfcfc; width:5px;}
  65.  
  66. /* SELCTION */
  67.  
  68. ::-moz-selection {background-color:#999;}
  69. ::selection {background-color:{color:accent};color:#fff}
  70.  
  71. /* BASIC STYLING */
  72.  
  73. body {
  74. background-color: {color:background};
  75. font-family:arial;
  76. font-size:9px;
  77. color:{color:Text};
  78. }
  79.  
  80.  
  81. a {
  82. color:{color:Link};
  83. text-decoration: none;
  84. -moz-transition-duration: 0.3s;
  85. -o-transition-duration: 0.3s;
  86. -webkit-transition-duration: 0.3s;
  87. transition-duration: 0.3s;
  88. }
  89.  
  90. a:hover {
  91. color:{color:accent};
  92. background-color: transparent;
  93. text-decoration: none;}
  94.  
  95.  
  96. blockquote {
  97. margin-left:5px;
  98. padding:0px 15px;
  99. border-left:1px solid {color:info};}
  100.  
  101. /* POST AND POST CONTAINER */
  102.  
  103. .container {width: 850px; margin: auto;}
  104.  
  105. #entries {
  106. float: left;
  107. margin-top:30px;
  108. margin-left:230px;
  109. background:{color:info};
  110. width:520px;
  111. padding:15px;
  112. background-color:;}
  113.  
  114. #entry {
  115. width: 500px;
  116. padding: 13px;
  117. background-color:{color:background};
  118. padding: 10px;
  119. text-align: justify;
  120. position: relative;
  121. margin-bottom:10px;
  122. background-color:;
  123. }
  124.  
  125. #entry img, #entry blockquote, #entry ul {max-width: 100%;}
  126.  
  127.  
  128.  
  129. /* POST TITLES */
  130.  
  131. .title {
  132. font:8px century gothic;
  133. background:{color:info};
  134. letter-spacing:1px;
  135. text-transform:uppercase;
  136. text-align:center;
  137. line-height:100%;
  138. padding:20px;
  139. -moz-transition-duration: 0.5s;
  140. -o-transition-duration: 0.5s;
  141. -webkit-transition-duration: 0.5s;
  142. transition-duration: 0.5s; }
  143.  
  144. .title:hover{background:{color:accent};color:{color:background};}
  145.  
  146. .title a {color{color:background};}
  147.  
  148.  
  149. /* RIGHT SIDEBAR */
  150.  
  151. {block:ifExtraSidebar}
  152. .sidebar1 {
  153. position: fixed;
  154. margin:100px 790px;
  155. height: 100px;}
  156.  
  157. /* RIGHT SIDEBAR IMAGE/ICON */
  158. .sidebar1 img {border: 20px solid {color:info}; margin: auto; width:64px;}
  159.  
  160. .sidebar1 img{margin: 5px 0px;}
  161.  
  162. /* RIGHT SIDEBAR LINKS */
  163.  
  164. .homelinks a {
  165. font:7px century gothic;
  166. text-transform:uppercase;
  167. letter-spacing:1px;
  168. color: #777;
  169. display:block;
  170. background:{color:info};
  171. margin:0px 0px 3px 0px;
  172. padding:5px;
  173. text-align:center;
  174. width:95px;
  175. -moz-transition-duration: 0.5s;
  176. -o-transition-duration: 0.5s;
  177. -webkit-transition-duration: 0.5s;
  178. transition-duration: 0.5s;}
  179.  
  180. .homelinks a:hover {
  181. background: {color:accent};
  182. color:{color:background};
  183. -moz-transition-duration: 0.5s;
  184. -o-transition-duration: 0.5s;
  185. -webkit-transition-duration: 0.5s;
  186. transition-duration: 0.5s;}
  187. {/block:ifExtraSidebar}
  188.  
  189.  
  190. /* LEFT SIDEBAR */
  191.  
  192. .sidebar2 {
  193. background:{color:info};
  194. width: 200px;
  195. position: fixed;
  196. margin:100px 0px;
  197. padding:10px;
  198. text-align: justify;}
  199.  
  200.  
  201. /* BLOG TITLE */
  202.  
  203. .btitle {
  204. background-color: {color:background};
  205. padding: 10px;
  206. font:8px century gothic;
  207. letter-spacing:1px;
  208. text-transform:uppercase;
  209. text-align:center;
  210. font-weight:lighter;
  211. -moz-transition-duration: 0.5s;
  212. -o-transition-duration: 0.5s;
  213. -webkit-transition-duration: 0.5s;
  214. transition-duration: 0.5s;}
  215.  
  216.  
  217. /* LEFT SIDEBAR IMAGE */
  218. .sidebarimage {border: 10px solid #fff; max-width: 180px;margin: 5px 0px;}
  219.  
  220.  
  221. /* DESCRIPTION */
  222.  
  223. .description {
  224. background-color: {color:background};
  225. padding: 20px;
  226. -moz-transition-duration: 0.5s;
  227. -o-transition-duration: 0.5s;
  228. -webkit-transition-duration: 0.5s;
  229. transition-duration: 0.5s;}
  230.  
  231. /* LEFT SIDEBAR LINKS */
  232.  
  233. .sidelinks{
  234. margin:5px 0px;
  235. width:200px;
  236. font:7px century gothic;
  237. text-transform:uppercase;
  238. letter-spacing:1px;
  239. text-align:center;
  240. display:inline-block;}
  241.  
  242. .sidelinks a {
  243. color: #777;
  244. margin:2px 0px;
  245. display:inline-block;
  246. background:{color:background};
  247. padding:4px;
  248. width:90px;
  249. -moz-transition-duration: 0.5s;
  250. -o-transition-duration: 0.5s;
  251. -webkit-transition-duration: 0.5s;
  252. transition-duration: 0.5s;}
  253.  
  254. .sidelinks a:hover {
  255. background: {color:accent};
  256. color:{color:background};
  257. -moz-transition-duration: 0.3s;
  258. -o-transition-duration: 0.3s;
  259. -webkit-transition-duration: 0.3s;
  260. transition-duration: 0.3s;}
  261.  
  262.  
  263. /* PAGINATION */
  264.  
  265. {block:ifnotExtraSidebar}
  266. .pagination {
  267. text-align:center;
  268. display:block;
  269. font:7px century gothic;
  270. text-transform:uppercase;
  271. letter-spacing:1px;
  272. width:194px;
  273. background:{color:background};
  274. color:{color:links};
  275. padding:5px 5px 5px 0;}
  276. .pagination a {color:{color:links};}
  277. .pagination a:hover{color:{color:accent};}
  278. {/block:ifnotExtraSidebar}
  279.  
  280.  
  281. /* POST INFO */
  282.  
  283. .info {
  284. z-index:999999999999999999999999999999999999999;
  285. text-align:center;
  286. padding:5px;
  287. background:{color:info};
  288. text-transform:uppercase;
  289. letter-spacing:1px;
  290. color:{color:link};
  291. font:7px century gothic;
  292. margin-top:15px;
  293. -moz-transition-duration: 0.3s;
  294. -o-transition-duration: 0.3s;
  295. -webkit-transition-duration: 0.3s;
  296. transition-duration: 0.3s;}
  297.  
  298. .info a {
  299. text-transform:uppercase;
  300. letter-spacing:1px;
  301. color:{color:link};
  302. margin-left:5px;
  303. -moz-transition-duration: 0.5s;
  304. -o-transition-duration: 0.5s;
  305. -webkit-transition-duration: 0.5s;
  306. transition-duration: 0.5s;
  307. }
  308.  
  309. .info a:hover{color:{color:accent};}
  310.  
  311.  
  312. /* TAGS */
  313.  
  314. #entry:hover .tags{
  315. opacity:1;
  316. -moz-transition-duration: 0.6s;
  317. -o-transition-duration: 0.6s;
  318. -webkit-transition-duration: 0.6s;
  319. transition-duration: 0.6s;
  320. }
  321.  
  322.  
  323. .tags{
  324. text-align:center;
  325. text-transform:uppercase;
  326. font-size:8px;
  327. color:#444;
  328. opacity:0;
  329. font-family:calibri;
  330. letter-spacing:.05px;
  331. margin-top:7px;
  332. -moz-transition-duration: 0.6s;
  333. -o-transition-duration: 0.6s;
  334. -webkit-transition-duration: 0.6s;
  335. transition-duration: 0.6s;
  336. }
  337.  
  338. .tags a {
  339. margin:3px;
  340. color:{color:text};}
  341.  
  342. .tags a:hover{color:{color:accent};}
  343.  
  344. /* QUESTIONS */
  345.  
  346. .question {
  347. text-align: justify;
  348. font-family:calibri;
  349. font-size: 8px;
  350. text-transform:uppercase;
  351. background:{color:accent};
  352. color:{color:background};
  353. padding:14px;
  354. letter-spacing:1px;
  355. padding-left:20px;
  356. border-bottom:1px solid #f4f4f4;}
  357.  
  358. .question a{color:{color:background};}
  359.  
  360. .answer {
  361. margin-top:-10px;
  362. color:#444;
  363. padding:5px;
  364. text-align:left;
  365. font-family:calibri;
  366. font-size: 8px;
  367. text-transform:uppercase;}
  368.  
  369.  
  370.  
  371. /* CHAT POSTS */
  372.  
  373. .chat {list-style: none }
  374. .chat ul {list-style: none;padding:5px;}
  375. .person1 {color:{color:text}padding: 2px; }
  376. .person1 .label {font-weight: bold; color:{color:text}}
  377. .person2 {color:{color:text} padding: 2px;}
  378. .person2 .label {font-weight: bold;color:{color:text}}
  379.  
  380. /* POST NOTES */
  381.  
  382. ol.notes {list-style: none;width:500px;margin-left:-40px;}
  383. ol.notes a {color:#444; text-shadow:1px 1px 0px {color:background};}
  384. ol.notes li.note {
  385. margin-bottom: 2px;
  386. padding: 2px;
  387. text-transform: lowercase;
  388. line-height: 20px;
  389. width:500px;
  390. border-bottom:1px solid #fafafa;}
  391. ol.notes li.note img.avatar {
  392. vertical-align: -2px;
  393. margin-right: 10px;
  394. width:16px;
  395. height: 16px;}
  396. ol.notes li.note .answer_content {font-weight: normal;}
  397. ol.notes li.note blockquote {display: none;}
  398.  
  399. /* QUOTE POSTS */
  400.  
  401. .quote {
  402. text-align:justify;
  403. font-size: 8px;
  404. font-family:'calibri';
  405. text-transform:Uppercase;
  406. background:{color:accent};
  407. color:{color:background};
  408. padding: 10px;
  409. margin-top:-2px;}
  410.  
  411.  
  412. .quotesource {
  413. background:{color:info};
  414. text-transform:uppercase;
  415. font-family:arial;
  416. font-size:10px;
  417. height:auto;
  418. text-align:center;
  419. color:#555555;
  420. font-weight:bold;
  421. padding:10px;}
  422. .quotesource a {color:#555555;}
  423.  
  424.  
  425. /* AUDIO POSTS */
  426.  
  427. .cover {width:70px;overflow:hidden;}
  428. #audio:hover .play {opacity:1;width:30px;}
  429. #audio:hover img {margin-left:30px;}
  430. #audio {
  431. float:left;
  432. width:70px;
  433. height:70px;
  434. position:relative;
  435. overflow:hidden;
  436. }
  437.  
  438. .cover img {
  439. width:70px;
  440. position:absolute;
  441. transition:0.5s ease;
  442. -o-transition:0.5s ease;
  443. -moz-transition:0.5s ease;
  444. -webkit-transition:0.5s ease;}
  445.  
  446. .play {
  447. overflow:hidden;
  448. width:0px;
  449. height:30px;
  450. background:#fff;
  451. position:absolute;
  452. padding:20px 0px;
  453. transition:0.5s ease;
  454. -o-transition:0.5s ease;
  455. -moz-transition:0.5s ease;
  456. -webkit-transition:0.5s ease;}
  457.  
  458. .au b{
  459. color:{color:Title};
  460. font-weight:700;
  461. margin-right:2px;}
  462.  
  463. .au {
  464. height:45px;
  465. overflow:hidden;
  466. padding:12px 10px;
  467. line-height:15px;
  468. margin-left:70px;
  469. text-align:left;}
  470.  
  471. /* CREDIT - PLEASE DON'T REMOVE THIS. */
  472.  
  473. #cred {position:fixed;right:15px;bottom:10px;}
  474. #cred a {font-size:7px;text-transform:uppercase;transition:all 1s ease;}
  475. #cred a:hover {color:#333;transition:all 1s ease;}
  476.  
  477. /* END OF STYLE CODING */
  478.  
  479. </style>
  480. </head>
  481.  
  482. <body>
  483.  
  484. <!-- do not touch this please -->
  485. {block:ifnotExtraSidebar}
  486. <div id="cred"><a href="http://asschlinthemes.tumblr.com/#">theme</a></div>
  487. {block:ifnotExtraSidebar}
  488. <!-- do not touch this please -->
  489.  
  490. <div class="container">
  491.  
  492. {block:ifExtraSidebar}
  493. <div class="sidebar1">
  494. {block:ifPortrait}
  495. <img src="{PortraitURL-64}">
  496. {/block:ifPortrait}
  497.  
  498. {block:ifnotPortrait}
  499. <img src="{image:icon}">
  500. {/block:ifnotPortrait}
  501.  
  502.  
  503. <div class="homelinks">
  504. <a href="/">index</a>
  505. <a href="/ask">ask</a>
  506. <a href="/archive">archive</a>
  507. <a href="http://asschlinthemes.tumblr.com/">theme credit</a>
  508. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  509. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  510. </div><!-- end of homelinks div -->
  511. </div> <!-- end of sidebar div -->
  512. {/block:ifExtraSidebar}
  513.  
  514.  
  515. <div class="sidebar2">
  516. <div class="btitle">{Title}</div>
  517. <img src="{image:Sidebar Image}" class="sidebarimage">
  518. <div class="description">{Description}</div>
  519. <div class="sidelinks">
  520. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  521. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  522. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  523. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  524. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  525. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  526.  
  527. {block:ifExtraLinks}
  528. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  529. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  530. <a href="{text:Link 9 URL}">{text:Link 9}</a>
  531. <a href="{text:Link 10 URL}">{text:Link 10}</a>
  532. {/block:ifExtraLinks}
  533. </div><!-- end of sidelinks div -->
  534. {block:ifnotExtraSidebar}
  535. {block:Pagination}
  536. <div class="pagination">
  537.  
  538. {block:PreviousPage}
  539. <a href="{PreviousPage}" class="jump_page">&laquo;</a>
  540. {/block:PreviousPage}
  541.  
  542. &nbsp;&nbsp;&nbsp;
  543.  
  544. {CurrentPage}&nbsp;/&nbsp;
  545.  
  546. {TotalPages}&nbsp;&nbsp;&nbsp;
  547.  
  548. {block:NextPage}
  549. <a href="{NextPage}" class="jump_page">&raquo;</a>
  550. {/block:NextPage}
  551.  
  552. </div><!-- end of pagination div -->
  553. {/block:Pagination}
  554. {/block:ifnotExtraSidebar}
  555. </div><!-- end of sidebar2 div -->
  556.  
  557.  
  558. <div id="entries">
  559. {block:Posts}
  560. <div id="entry">
  561.  
  562. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  563.  
  564. {block:Photo}
  565. <center><img src="{PhotoURL-500}"></center>
  566. {block:Caption} {Caption} {/block:Caption}
  567. {/block:Photo}
  568.  
  569. {block:Photoset}<center>{Photoset-500}</center>
  570. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  571.  
  572. {block:Quote}
  573. <div class="quote">{Quote}</div>
  574. <div class="quotesource">{Source}</div>
  575. {/block:Quote}
  576.  
  577. {block:Link}
  578. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  579. {block:Description}{Description}{/block:Description}
  580. {/block:Link}
  581.  
  582. {block:Chat}
  583. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  584. <div class="chat"><ul>{block:Lines}
  585. <li class="person{UserNumber}">{block:Label}
  586. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  587. {/block:Chat}
  588.  
  589. {block:Audio}
  590. <div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}{block:AudioPlayer}<div class="play">{AudioPlayerWhite}</div>{/block:AudioPlayer}</div>
  591. <div class="au">
  592. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  593. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  594. <b>Plays:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  595. </div>
  596. {/block:Audio}
  597.  
  598. {block:Video}{Video-500}
  599. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  600.  
  601.  
  602. {block:Answer}
  603. <div class="question"><b>{Asker}</b>: {Question}</div>
  604. <br>
  605. <div class="answer">{Answer}</div>
  606. {/block:Answer}
  607.  
  608. <div style="display:none">{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>{/block:ContentSource}</div>
  609.  
  610.  
  611. <div class="info">
  612. {block:Date}
  613. <span style="float:left;"><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a></span>
  614. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}{/block:Date} </a>
  615. <span style="float:right;">{block:NoteCount}{NoteCount}
  616. {/block:NoteCount}</span>
  617. </div><!-- end of info div -->
  618.  
  619. <div class="tags">
  620. {block:HasTags}{block:Tags}
  621. <a href="{TagURL}">{Tag}</a>
  622. {/block:Tags}{/block:HasTags}
  623. </div><!-- end of tags div -->
  624.  
  625. {block:PostNotes}{PostNotes}{/block:PostNotes}
  626. </div><!-- end of entry div -->
  627. {/block:Posts}
  628. </div><!-- end of entries div -->
  629. </div> <!-- end of container div -->
  630. </body>
  631. </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!