API tools faq
paste
Advertisement
cabamsk

theme 10b

cabamsk
Jun 30th, 2013
2,312
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.50 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. Theme by morgenstjern.tumblr.com
  8.  
  9. Edit the theme as much as you like, but do not change
  10. or remove the credit. Do not claim as your own.
  11.  
  12. Feel free to contact me at any time if you run into
  13. trouble or have any questions.
  14.  
  15. -->
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20.  
  21. <meta charset="utf-8">
  22.  
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <link rel="shortcut icon" href="{Favicon}" />
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  27.  
  28. <!-- Colors -->
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Border" content="#ededed"/>
  31. <meta name="color:Link" content="#999999"/>
  32. <meta name="color:Link hover" content="#af2038"/>
  33. <meta name="color:Menu bg" content="#f7f7f7"/>
  34. <meta name="color:Menu bg hover" content="#ffffff"/>
  35. <meta name="color:Menu text" content="#c9c9c9"/>
  36. <meta name="color:Menu text hover" content="#999999"/>
  37. <meta name="color:Scrollbar" content="#000000" />
  38. <meta name="color:Text" content="#777777"/>
  39. <meta name="color:Title" content="#af2038"/>
  40.  
  41. <!-- Images -->
  42. <meta name="image:Sidebar img" content""/>
  43.  
  44. <!-- Links -->
  45. <meta name="text:Link I" content="Home"/>
  46. <meta name="text:Link II" content="Askbox"/>
  47. <meta name="text:LinkIII url" content="/"/>
  48. <meta name="text:LinkIII" content="link 1"/>
  49. <meta name="text:LinkIV url" content="/"/>
  50. <meta name="text:LinkIV" content="link 2"/>
  51. <meta name="text:LinkV url" content="/"/>
  52. <meta name="text:LinkV" content="link 3"/>
  53. <meta name="text:LinkVI url" content="/"/>
  54. <meta name="text:LinkVI" content="link 4"/>
  55. <meta name="text:LinkVII url" content="/"/>
  56. <meta name="text:LinkVII" content="link 5"/>
  57. <meta name="if:Show LinkIII" content="1"/>
  58. <meta name="if:Show LinkIV" content="1"/>
  59. <meta name="if:Show LinkV" content="1"/>
  60. <meta name="if:Show LinkVI" content="1"/>
  61. <meta name="if:Show LinkVII" content="1"/>
  62.  
  63. <!-- Extern fonts -->
  64. <link href='http://fonts.googleapis.com/css?family=Italianno' rel='stylesheet' type='text/css'>
  65.  
  66. <!-- Scripts -->
  67. <script type="text/javascript" src="http://csfoto.net/diverse/script.js"></script>
  68. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69.  
  70. <!-- Theme CSS -->
  71. <style type="text/css" media="screen">
  72.  
  73. /* Scrollbar */
  74. ::-webkit-scrollbar {width: 4px; height:auto; background:{color:background}}
  75. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  76. ::-webkit-scrollbar-button:vertical {height:3px; display: block; background:{color:scrollbar}}
  77. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 3px; display: block; background:{color:scrollbar}}
  78. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  79. ::-webkit-scrollbar-thumb:horizontal {background:{color:background};}
  80. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  81.  
  82. /* General */
  83. body {
  84. margin: 0;
  85. padding: 0;
  86. background: {color:Background};
  87. font-family: arial, sans-serif;
  88. font-size: 9px;
  89. color: {color:Text};
  90. text-align: justify;
  91. letter-spacing: 1px;
  92. }
  93.  
  94. blockquote, blockquote blockquote, blockquote blockquote blockquote, blockquote blockquote blockquote blockquote {
  95. border: 1px solid {color:Border};
  96. margin: 0;
  97. padding: 7px;
  98. background: {color:Menu bg};
  99. }
  100.  
  101.  
  102. /* General links */
  103. a:link, a:active, a:visited {
  104. color: {color:Link};
  105. text-decoration: none;
  106. -webkit-transition: all .3s ease-in-out;
  107. -moz-transition: all .3s ease-in-out;
  108. -o-transition: all .3s ease-in-out;
  109. }
  110.  
  111. a:hover {
  112. color: {color:Link hover};
  113. -webkit-transition: all .3s ease-in-out;
  114. -moz-transition: all .3s ease-in-out;
  115. -o-transition: all .3s ease-in-out;
  116. }
  117.  
  118. a img { border-width: 0px; }
  119.  
  120. /* Sidebar */
  121. #sidebar {
  122. position: fixed;
  123. width: 235px;
  124. height: 100%;
  125. z-index: 1;
  126. margin-left: 300px;
  127. margin-top: -40px;
  128. }
  129.  
  130. #sb_left {
  131. width: 150px;
  132. height: 100%;
  133. position: fixed;
  134. padding-top: 120px;
  135. float: left;
  136. text-align: center;
  137. }
  138.  
  139. #sb_left img {
  140. border-radius: 77px;
  141. border: 1px solid {color:Border};
  142. padding: 4px;
  143. width: 150px;
  144. height: 150px;
  145. margin-bottom: 10px;
  146. }
  147.  
  148. #sb_right {
  149. width: 40px;
  150. float: right;
  151. border-left: 1px solid {color:Border};
  152. border-right: 1px solid {color:Border};
  153. background: {color:Menu bg};
  154. height: 100%;
  155. padding-top: 190px;
  156. }
  157.  
  158. /* Sidebar - Menu */
  159. #menu ul {
  160. margin: 0;
  161. padding: 0;
  162. }
  163.  
  164. #menu ul li {
  165. list-style-type: none;
  166. display: block;
  167. width: 40px;
  168.  
  169. }
  170.  
  171. #menu a:link, #menu a:visited {
  172. width: 40px;
  173. text-align: center;
  174. background: {color:Menu bg};
  175. font-family: baskerville, serif;
  176. font-size: 18px;
  177. color: {color:Menu text};
  178. font-style: italic;
  179. display: block;
  180. padding: 3px 0;
  181. border-top: 1px solid transparent;
  182. border-bottom: 1px solid transparent;
  183. }
  184.  
  185. #menu a:hover {
  186. background: {color:Menu bg hover};
  187. color: {color:Menu text hover};
  188. border-top: 1px solid {color:Border};
  189. border-bottom: 1px solid {color:Border};
  190. }
  191.  
  192. /* Sidebar - Description */
  193. #desc {
  194. width: 160px;
  195. margin: 0 auto;
  196. text-align: center;
  197. text-transform: uppercase;
  198. font-size: 7px;
  199. }
  200.  
  201. /* Posts */
  202. #container {
  203. margin: 40px 0 40px 600px;
  204. }
  205.  
  206. .post {
  207. width: 500px;
  208. margin: 30px 0;
  209. padding: 20px;
  210. border: 1px solid {color:Border};
  211. }
  212.  
  213. .photopost {
  214. margin-bottom: 10px;
  215. }
  216.  
  217. .caption {
  218. margin-bottom: 10px;
  219. }
  220.  
  221. /* Posts - Title */
  222. .posttitle {
  223. font-size: 11px;
  224. color: {color:Title};
  225. text-transform: lowercase;
  226. font-style: italic;
  227. font-weight: bold;
  228. }
  229.  
  230. /* Posts - Permalink */
  231. .permalink {
  232. width: 500px;
  233. text-transform: uppercase;
  234. font-size: 7px;
  235. text-align: center;
  236. padding-top: 10px;
  237. }
  238.  
  239. .line {
  240. width: 500px;
  241. height: 1px;
  242. background: {color:Border};
  243. z-index: 0;
  244. }
  245.  
  246. .ptext {
  247. background: {color:Background};
  248. padding: 0 7px 0 9px;
  249. z-index: 1;
  250. position: relative;
  251. top: -5px;
  252. }
  253.  
  254. .tags {
  255. width: 500px;
  256. text-align: center;
  257. color: #ccc;
  258. font-size: 7px;
  259. opacity: .6;
  260. }
  261.  
  262. .tags a:link, .tags a:visited {
  263. color: #999;
  264. }
  265.  
  266. .tags a:hover {
  267. color: #ccc;
  268. }
  269.  
  270. /* Posts - Quote */
  271. .quote {
  272. font-size: 11px;
  273. font-style: italic;
  274. text-align: right;
  275. }
  276.  
  277. .quotesource {
  278. font-size: 7px;
  279. text-transform: uppercase;
  280. color: {color:Text};
  281. }
  282.  
  283. /* Posts - Chat */
  284. ul.chat, .chat ol, .chat li {
  285. list-style: none;
  286. margin: 0;
  287. padding: 2px 0;
  288. }
  289.  
  290. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label, .user_10 .label {
  291. font-weight:bold;
  292. }
  293.  
  294. /* Posts - Question */
  295. .q {
  296. width: 480px;
  297. border: 1px solid {color:Border};
  298. padding: 10px;
  299. }
  300.  
  301. .q a:link, .q a:visited, .asker {
  302. text-transform: lowercase;
  303. font-size: 18px;
  304. font-family: baskerville, serif;
  305. color: {color:Title};
  306. font-style: italic;
  307. }
  308.  
  309. .q a:hover {
  310. color: {color:Link};
  311. }
  312.  
  313. .q img {
  314. border-radius: 32px;
  315. }
  316.  
  317. .q_left {
  318. width: 64px;
  319. float: left;
  320. }
  321.  
  322. .q_right {
  323. width: 405px;
  324. float: right;
  325. padding-top: 10px;
  326. }
  327.  
  328. .clear {
  329. clear: both;
  330. }
  331.  
  332. /* Posts - Audio */
  333. .audio {
  334. width: 480px;
  335. height: 64px;
  336. margin-bottom: 10px;
  337. border: 1px solid {color:Border};
  338. padding: 10px;
  339. }
  340.  
  341. .audio img {
  342. width: 64px;
  343. height: 64px;
  344. float: left;
  345. margin: 0 17px 7px 0;
  346. border-radius: 32px;
  347. }
  348.  
  349. .audio-player {
  350. width: 23px;
  351. height: 23px;
  352. margin: 19px 0 0 19px;
  353. overflow: hidden;
  354. position: absolute;
  355. opacity: .4;
  356. padding: 0 3px 3px 0;
  357. border-radius: 30px;
  358. }
  359.  
  360. .audio-name {
  361. font-family: baskerville, serif;
  362. font-size: 14px;
  363. color: {color:Title};
  364. font-style: italic;
  365. text-transform: lowercase;
  366. padding-top: 13px;
  367. margin-bottom: 5px;
  368. }
  369.  
  370. .audio-artist {
  371. font-size: 7px;
  372. text-transform: uppercase;
  373. color: {color:Link};
  374. }
  375.  
  376. /* Permalink page */
  377. .permalinkpage {
  378. width: 500px;
  379. margin-bottom: 10px;
  380. }
  381. .notes, .notes ol li, .notes li {
  382. font-size: 7px!important;
  383. text-transform: uppercase;
  384. }
  385.  
  386. .notes img {
  387. border-radius: 12px;
  388. position: relative;
  389. vertical-align: center;
  390. }
  391.  
  392. /* Tooltip */
  393. #tt {
  394. position: absolute;
  395. display: block;
  396. background: {color:Menu bg hover};
  397. color: {color:Menu text hover};
  398. border: 1px solid {color:Border};
  399. text-transform: uppercase;
  400. font-size: 7px;
  401. padding: 8px;
  402. z-index: 2;
  403. }
  404.  
  405. /* Credit */
  406. #credit {
  407. position: absolute;
  408. bottom: 10px;
  409. right: 10px;
  410. font-size: 25px;
  411. position: fixed;
  412. z-index: 3;
  413. color: #000;
  414. }
  415.  
  416. #cred-text {
  417. font-size: 7px;
  418. display: inline;
  419. text-transform: uppercase;
  420. opacity: 0;
  421. -webkit-transition: all .3s ease-in-out;
  422. -moz-transition: all .3s ease-in-out;
  423. -o-transition: all .3s ease-in-out;
  424. }
  425.  
  426. #credit:hover #cred-text {
  427. opacity: 1;
  428. -webkit-transition: all .3s ease-in-out;
  429. -moz-transition: all .3s ease-in-out;
  430. -o-transition: all .3s ease-in-out;
  431. }
  432.  
  433. #credit a:link, #credit a:visited {
  434. color: #000;
  435. opacity: 1;
  436. }
  437.  
  438. #credit a:hover {
  439. opacity: .3;
  440. }
  441.  
  442. </style>
  443.  
  444. <!-- Custom CSS -->
  445. <style type="text/css" media="screen">
  446. {CustomCSS}
  447. </style>
  448.  
  449. </head>
  450.  
  451. <body>
  452.  
  453. <!-- Sidebar -->
  454. <div id="sidebar">
  455.  
  456. <!-- Left sidebar -->
  457. <div id="sb_left">
  458.  
  459. <img src="{image:Sidebar img}" />
  460.  
  461. <!-- Description -->
  462. <div id="desc"><div id="desctext">{Description}</div></div>
  463.  
  464. </div>
  465.  
  466. <!-- Right sidebar, menu -->
  467. <div id="sb_right">
  468.  
  469. <!-- Menu -->
  470. <div id="menu">
  471. <ul>
  472. <li><a href="/" onmouseover="tooltip.show('{text:Link I}');" onmouseout="tooltip.hide();">i.</a></li>
  473. <li><a href="/ask" onmouseover="tooltip.show('{text:Link II}');" onmouseout="tooltip.hide();">ii.</a></li>
  474. {Block:ifShowLinkIII}<li><a href="{text:LinkIII url}" onmouseover="tooltip.show('{text:LinkIII}');" onmouseout="tooltip.hide();">iii.</a></li>{/Block:ifShowLinkIII}
  475. {Block:ifShowLinkIV}<li><a href="{text:LinkIV url}" onmouseover="tooltip.show('{text:LinkIV}');" onmouseout="tooltip.hide();">iv.</a></li>{/Block:ifShowLinkIV}
  476. {Block:ifShowLinkV}<li><a href="{text:LinkV url}" onmouseover="tooltip.show('{text:LinkV}');" onmouseout="tooltip.hide();">v.</a></li>{/Block:ifShowLinkV}
  477. {Block:ifShowLinkVI}<li><a href="{text:LinkVI url}" onmouseover="tooltip.show('{text:LinkVI}');" onmouseout="tooltip.hide();">vi.</a></li>{/Block:ifShowLinkVI}
  478. {Block:ifShowLinkVII}<li><a href="{text:LinkVII url}" onmouseover="tooltip.show('{text:LinkVII}');" onmouseout="tooltip.hide();">vii.</a></li>{/Block:ifShowLinkVII}
  479. <li>{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</li>
  480. <li>{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</li>
  481. </ul>
  482. </div>
  483.  
  484. </div>
  485.  
  486. </div>
  487. <!-- /Sidebar -->
  488.  
  489. <!-- Posts -->
  490. <div id="container">
  491. {block:Posts}
  492. <div class="post">
  493.  
  494. <!-- Textpost -->
  495. {block:Text}
  496. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  497. <div class="caption">{Body}</div>
  498. {/block:Text}
  499.  
  500. <!-- Quote -->
  501. {block:Quote}
  502. <div class="caption"><div class="quote">{Quote}
  503. <div class="quotesource">- {Source}</div></div></div>
  504. {/block:Quote}
  505.  
  506. <!-- Link -->
  507. {block:Link}
  508. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  509. {block:Description}{Description}{/block:Description}
  510. {/block:Link}
  511.  
  512. <!-- Photo -->
  513. {block:Photo}
  514. <center><div class="photopost">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div></center>
  515. {block:Caption}{Caption}{/block:Caption}
  516. {/block:Photo}
  517.  
  518. <!-- Photoset -->
  519. {block:Photoset}
  520. <center><div class="photopost">{Photoset-500}</div></center>
  521. {block:Caption}{Caption}{/block:Caption}
  522. {/block:Photoset}
  523.  
  524. <!-- Chat -->
  525. {block:Chat}
  526. <div class="caption">
  527. <div class="posttitle">{Title}</div>
  528. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}
  529. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
  530. </div>
  531. {/block:Chat}
  532.  
  533. <!-- Video -->
  534. {block:Video}
  535. {Video-500}
  536. {block:Caption}{Caption}{/block:Caption}
  537. {/block:Video}
  538.  
  539. <!-- Asks -->
  540. {block:Answer}
  541. <div class="q">
  542. <div class="q_left"><img src="{AskerPortraitURL-64}" /></div>
  543. <div class="q_right"><span class="asker">{Asker}</span>:<br />
  544. {Question}
  545. </div>
  546. <div class="clear"></div>
  547. </div>
  548. {Answer}
  549. {/block:Answer}
  550.  
  551. <!-- Audio -->
  552. {block:Audio}
  553. <div class="audio">
  554. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  555. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  556.  
  557. <div class="audio-name">{block:TrackName}{TrackName}{/block:TrackName}</div>
  558. <div class="audio-artist">{block:Artist}{Artist}{/block:Artist}</div>
  559. </div>
  560. <div class="clear"></div>
  561. {/block:Audio}
  562.  
  563. <!-- Permalink index page -->
  564. {block:IndexPage}
  565. <div class="permalink">
  566.  
  567. <div class="line"></div>
  568.  
  569. <span class="ptext">{ &nbsp; <span style="color: #ff5d65;">❤</span> <a href="{Permalink}">{NoteCount}</a> &nbsp; &nbsp;
  570.  
  571. {block:RebloggedFrom}<a href="{ReblogParentURL}" onmouseover="tooltip.show('{ReblogParentName}');" onmouseout="tooltip.hide();">via</a>, <a href="{ReblogRootURL}" onmouseover="tooltip.show('{ReblogRootName}');" onmouseout="tooltip.hide();">src</a> &nbsp; &nbsp; {/block:RebloggedFrom}<span style="color: #64add5;">+</span> <a href="{ReblogURL}" target="_blank">Reblog</a> &nbsp; }
  572. </span>
  573. </div>
  574.  
  575. <div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  576. {/block:IndexPage}
  577.  
  578. <!-- Permalink page -->
  579. {block:PermalinkPagination}
  580. <div class="permalink">
  581.  
  582. <a href="{Permalink}">{NoteCountWithLabel}</a>.
  583.  
  584. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a> (src: <a href="{ReblogRootURL}">{ReblogRootName}</a>).{/block:RebloggedFrom}
  585.  
  586. </div>
  587.  
  588. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  589. {/block:PermalinkPagination}
  590.  
  591. </div>
  592. {/block:Posts}
  593. </div>
  594. <!-- /Posts -->
  595.  
  596. {block:ContentSource}
  597. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}
  598. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  599.  
  600. </div>
  601.  
  602. <div id="credit"><div id="cred-text">Theme © morgenstjern</div> <a href="http://morgenstjern.tumblr.com/" target="_blank">★</a></div>
  603. </body>
  604. </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!