API tools faq
paste
Advertisement
Sebastianstnn

Theme 05: Licht

Sebastianstnn
Aug 8th, 2014
339
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.71 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme 5.1 by ragingrose.
  2. - Don't claim as your own
  3. - Don't remove the credit
  4. - Edit as much as you want
  5. - If you have Questions ask me please-->
  6.  
  7. <!--Farahmir base code-->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--Default Variables-->
  21.  
  22. <meta name="color:Background" content="#000000"/>
  23. <meta name="color:Text" content="#FFFFFF"/>
  24. <meta name="color:Link" content="#FFFFFF"/>
  25. <meta name="color:hover" content="#000000"/>
  26. <meta name="color:sidebarlinks" content="#FFFFFF"/>
  27. <meta name="color:secondtitle" content="#FFFFFF"/>
  28. <meta name="color:headerline" content="#FFFFFF"/>
  29. <meta name="color:circleborder" content="#c5c5c5"/>
  30. <meta name="color:circlelinks" content="#f2f2f2"/>
  31. <meta name="color:circlehover" content="#000000"/>
  32. <meta name="color:circleborderhover" content="#000000"/>
  33.  
  34. <meta name="image:Sidebar Image" content=""/>
  35.  
  36. <meta name="text:secondtitle" content=""/>
  37. <meta name="text:Link 1 URL" content="" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 URL" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3 URL" content="" />
  42. <meta name="text:Link 3" content="" />
  43. <meta name="text:Link 4 URL" content="" />
  44. <meta name="text:Link 4" content="" />
  45.  
  46.  
  47. <!-- jquery for tooltips-->
  48.  
  49.  
  50. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51.  
  52. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  53.  
  54. <script>
  55.  
  56. (function($){
  57.  
  58. $(document).ready(function(){
  59.  
  60. $("a[title]").style_my_tooltips({
  61.  
  62. tip_follows_cursor:true,
  63.  
  64. tip_delay_time:30,
  65.  
  66. tip_fade_speed:300,
  67.  
  68. attribute:"title"
  69.  
  70. });
  71.  
  72. });
  73.  
  74. })(jQuery);
  75.  
  76. </script>
  77.  
  78.  
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
  81.  
  82.  
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("#standardlinks a[title]").style_my_tooltips({
  91. tip_delay_time:1
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96.  
  97.  
  98.  
  99. <!--CSS customization here. -->
  100.  
  101. <style type="text/css">
  102.  
  103.  
  104. ::-webkit-scrollbar { width: 7px; height: 4px; }
  105. ::-webkit-scrollbar-button:start:decrement,
  106. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
  107. ::-webkit-scrollbar-track-piece { background: #fff; }
  108. ::-webkit-scrollbar-thumb {height: 50px; background-color: #ccc; }
  109.  
  110.  
  111.  
  112.  
  113.  
  114. /*basics*/
  115. blockquote {padding:5px 0 5px 30px;
  116. margin-left:30px;
  117. border:1px solid {color:text};
  118. }
  119.  
  120. body {
  121. background:{color:background};
  122. color:{color:text};
  123. font-family:calibri;
  124. font-size:11px;
  125. text-align:justify;
  126. margin:0;
  127. line-height:16px;}
  128.  
  129. .hr {
  130. color:{color:headerline};
  131. width:300px;
  132. }
  133.  
  134.  
  135. a {
  136. text-decoration:none;
  137. color:{color:link};
  138. transition-duration: 0.7s;
  139. -moz-transition-duration: 0.7s;
  140. -webkit-transition-duration: 0.7s;
  141. -o-transition-duration: 0.7s;
  142. }
  143.  
  144. a:hover {
  145. text-decoration:none;
  146. color:#FFFFFF;
  147. transition-duration: 0.7s;
  148. -moz-transition-duration: 0.7s;
  149. -webkit-transition-duration: 0.7s;
  150. -o-transition-duration: 0.7s;
  151. }
  152.  
  153. img{opacity:1;
  154. border:none;
  155. text-decoration:none}
  156.  
  157.  
  158. small {
  159. font-size:9px;}
  160.  
  161. big {
  162. font-size:12px;}
  163.  
  164.  
  165. #title {font-size:12px;
  166. line-height:18px;
  167. font-weight:bold;
  168. margin-bottom:10px;
  169. text-transform:uppercase;
  170. text-align:left;}
  171.  
  172.  
  173. /*sidebar*/
  174. #sidebar {text-align:center;
  175. position:center;
  176. margin-left:auto;
  177. margin-right:auto;
  178. margin-top:20px;
  179. width:300px;
  180. }
  181.  
  182. #sidebarim {
  183. margin-bottom:20px
  184. }
  185.  
  186. #sidebarim img {width:125px}
  187.  
  188. #secondtitle {
  189. padding:10px;
  190. text-decoration:none;
  191. font-size:16px;
  192. font-weight:bold;
  193. font-family: 'Lato', sans-serif;
  194. text-transform:uppercase;
  195. letter-spacing: 4px;
  196. word-spacing:6px;
  197. color:{color:secondtitle};
  198. -moz-transition-duration: all 0.7s ease-in-out;
  199. -o-transition-duration: all 0.7s ease-in-out;
  200. -webkit-transition-duration: all 0.7s ease-in-out;
  201. transition: all 0.7s ease-in-out;
  202. }
  203.  
  204. #secondtitle a {
  205. color:{color:secondtitle};
  206. -moz-transition-duration: all 0.7s ease-in-out;
  207. -o-transition-duration: all 0.7s ease-in-out;
  208. -webkit-transition-duration: all 0.7s ease-in-out;
  209. transition: all 0.7s ease-in-out;
  210. }
  211.  
  212. #secondtitle a:hover {
  213. letter-spacing:8px;
  214. -moz-transition-duration: all 0.7s ease-in-out;
  215. -o-transition-duration: all 0.7s ease-in-out;
  216. -webkit-transition-duration: all 0.7s ease-in-out;
  217. transition: all 0.7s ease-in-out;
  218. }
  219.  
  220.  
  221.  
  222.  
  223. #links {
  224. text-align:center;
  225. letter-spacing:11px;
  226. word-spacing:3px;
  227. margin-left:-10px;
  228. margin-top:25px;
  229. margin-bottom:25px;
  230. }
  231.  
  232.  
  233. #links a {
  234. display:inline-block;
  235. border: 1px solid {color:circleborder};
  236. background:{color:circlelinks};
  237. -moz-border-radius:100%;
  238. -webkit-border-radius:100%;
  239. border-radius:100%;
  240. height:10px;
  241. width:10px;
  242. letter-spacing:1px;
  243. text-transform:uppercase;
  244. transition-duration: 0.7s;
  245. -moz-transition-duration: 0.7s;
  246. -webkit-transition-duration: 0.7s;
  247. -o-transition-duration: 0.7s;
  248.  
  249.  
  250.  
  251.  
  252. }
  253.  
  254. #links a:hover {
  255. background:{color:circlehover};
  256. border:1 px solid {color:circleborderhover};
  257. }
  258.  
  259. #s-m-t-tooltip{
  260. /* basic */
  261. max-width:300px;
  262. z-index:10;
  263. margin:24px 14px 7px 12px;
  264. /* style and design */
  265. padding:5px;
  266. background:#222; /* fallback if rgba not supported */
  267. background:rgba(0,0,0,0.8);
  268. font-size:11px;
  269. color:#fff;
  270. }
  271.  
  272.  
  273.  
  274. #description {
  275. text-align:center;
  276. width:300px;
  277. margin:20px 0;
  278. opacity:0;
  279. -moz-transition-duration: all 0.7s ease-in-out;
  280. -o-transition-duration: all 0.7s ease-in-out;
  281. -webkit-transition-duration: all 0.7s ease-in-out;
  282. transition: all 0.7s ease-in-out;
  283. }
  284.  
  285. #sidebar:hover #description {
  286. opacity:1;
  287. -moz-transition-duration: all 0.7s ease-in-out;
  288. -o-transition-duration: all 0.7s ease-in-out;
  289. -webkit-transition-duration: all 0.7s ease-in-out;
  290. transition: all 0.7s ease-in-out;
  291. }
  292.  
  293. /*pagination*/
  294. #pagination {
  295. margin:50px 0;
  296. text-transform:lowercase;
  297. font-weight:bold;
  298. position:center;
  299. }
  300.  
  301. #pagination a {
  302. padding:0 15px;
  303. -moz-transition-duration: all 0.7s ease-in-out;
  304. -o-transition-duration: all 0.7s ease-in-out;
  305. -webkit-transition-duration: all 0.7s ease-in-out;
  306. transition: all 0.7s ease-in-out;
  307. }
  308.  
  309. pagination a:hover {
  310. letter-spacing:3px;
  311. -moz-transition-duration: all 0.7s ease-in-out;
  312. -o-transition-duration: all 0.7s ease-in-out;
  313. -webkit-transition-duration: all 0.7s ease-in-out;
  314. transition: all 0.7s ease-in-out;
  315. }
  316.  
  317.  
  318. /*container*/
  319. #con {
  320. left:50%;
  321. margin-left:-250px;
  322. position:absolute;
  323. }
  324.  
  325.  
  326.  
  327. /*posts*/
  328.  
  329. #entries {
  330. margin-top:75px;
  331. width:500px;
  332. }
  333.  
  334.  
  335.  
  336. #posts {
  337. width:500px;
  338. {block:IndexPage}
  339. margin-bottom:75px;
  340. {/block:IndexPage}
  341. {block:PermalinkPage}
  342. margin-bottom:120px;
  343. {/block:PermalinkPage}
  344. }
  345.  
  346. #posts img {
  347. max-width:500px;
  348. }
  349.  
  350. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  351. .caption {width:100%;
  352. margin-top:10px;
  353.  
  354. }
  355.  
  356. /*quote*/
  357.  
  358. #titlequote {
  359. text-align:left;
  360. font-size:14px;
  361. line-height:18px;
  362. text-transform:uppercase;
  363. letter-spacing:3px;
  364. word-spacing:5px;
  365. font-family: 'Lato', sans-serif;
  366. }
  367.  
  368. #source {
  369. margin-top:15px;
  370. margin-left:15px;
  371. }
  372.  
  373. /*audio*/
  374.  
  375. .player {
  376. width:25px;
  377. height:25px;
  378. overflow:hidden;
  379. position:absolute;
  380. background:white;
  381. border:1px solid #c5c5c5;
  382. padding:5px;
  383. margin-bottom:4px;
  384. }
  385.  
  386. .audioinfo {
  387. margin-left:50px;
  388. font-family: 'Lato', sans-serif;
  389. font-size:14px;
  390. text-transform:uppercase;
  391. letter-spacing:3px;
  392. }
  393.  
  394.  
  395. /*asks*/
  396. .q {margin-bottom:10px;
  397. font-family: 'Lato', sans-serif;
  398. position:center;
  399. }
  400.  
  401. .as {
  402. font-weight:bold;
  403. position:center;
  404. }
  405.  
  406. .a {
  407. margin-top:10px;
  408. position:center;
  409. }
  410.  
  411.  
  412. /*chat*/
  413.  
  414. .chat ol {
  415. padding:0;
  416. list-style:none;
  417. }
  418. .line {
  419. padding:5px 0;
  420.  
  421. }
  422.  
  423. .label {font-weight:bold;
  424. }
  425.  
  426.  
  427.  
  428.  
  429.  
  430. /*permalink and notes*/
  431.  
  432. #permalink {
  433. margin-top:15px;
  434. font-size:9px;
  435. text-transform:lowercase;
  436. }
  437.  
  438. #permalink a {
  439. margin-right:10px;
  440. }
  441.  
  442.  
  443. .tags {
  444. word-break:break-all;
  445. font-size:9px;
  446. }
  447.  
  448.  
  449. .pagenotes {
  450. {block:IndexPage}
  451. display: none!important;
  452. {/block:IndexPage}
  453. width:400px;
  454. text-align:left;
  455.  
  456. }
  457. .pagenotes img {
  458. display:none!important;}
  459. .pagenotes li {
  460. list-style-type:none;
  461. padding:5px 0px;
  462. text-align:left;
  463. margin:0 0 0 -40px;
  464. }
  465.  
  466. #cred {
  467. position:fixed;
  468. border-radius:30%;
  469. border:1px solid #e4e4e4
  470. color:#e6e6e6;
  471. font-family:arial;
  472. bottom:10px;
  473. right:15px;
  474. font-size:9px;
  475. padding:5px;
  476. text-transform:lowercase;
  477.  
  478.  
  479.  
  480. }
  481.  
  482.  
  483.  
  484. {CustomCSS}
  485.  
  486.  
  487. </style>
  488.  
  489.  
  490.  
  491. </head>
  492.  
  493. <body>
  494.  
  495. <div id="con">
  496.  
  497. <div id="sidebar">
  498. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  499. <div id="secondtitle"><a href="/">{text:secondtitle}</a></div>
  500. <div id="links">
  501. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"></a>{/block:ifLink1}
  502. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"></a>{/block:ifLink2}
  503. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}"></a> {/block:ifLink3}
  504. {block:ifLink4}<a href="{text:Link 4 URL}" title="{text:Link 4}"></a> {/block:ifLink4}
  505. </div>
  506. <hr/>
  507. <div id="description">{Description}</div>
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517. </div>
  518.  
  519.  
  520.  
  521.  
  522. <div id="entries">
  523.  
  524. {block:Posts}
  525. <div id="posts">
  526.  
  527.  
  528. {block:Quote}
  529.  
  530.  
  531. <div id="titlequote">“{Quote}”</div>
  532. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  533. {/block:Quote}
  534.  
  535.  
  536.  
  537. {block:Text}
  538.  
  539. {block:Title}
  540. <div id="title">{Title}</div>{/block:Title}
  541. {Body}
  542. {/block:Text}
  543.  
  544. {block:Link}
  545. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  546. {/block:Link}
  547.  
  548. {block:Chat}
  549. {block:Title}
  550. <h1>{Title}</h1>
  551. {/block:Title}
  552. <div class="chat">
  553. <ol>{block:Lines}
  554. <li class="line {Alt}">
  555. {block:Label}
  556. <span class="label">
  557. {Label}</span>
  558. {/block:Label}{Line}</li>
  559. {/block:Lines}
  560. </ol></div>
  561. {/block:Chat}
  562.  
  563. {block:Photo}
  564. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  565. {/block:Photo}
  566.  
  567. {block:Photoset}
  568. {Photoset-500}
  569. {/block:Photoset}
  570.  
  571. {block:Video}
  572. {Video-500}
  573. {/block:Video}
  574.  
  575. {block:Audio}
  576. <div class="player">{AudioPlayerWhite}</div>
  577. <div class="audioinfo">
  578. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  579. </div>
  580. {/block:Audio}
  581.  
  582. {block:Answer}
  583. <div class="q">
  584. <div class="as">{Asker} asked: </div>
  585. {Question}</div>
  586. <hr/>
  587. <div class="a">{Answer}</div>
  588. {/block:Answer}
  589.  
  590. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  591.  
  592. {block:Date}
  593. <div id="permalink">
  594. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  595. <hr/>
  596. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  597. </div>
  598. {/block:Date}
  599.  
  600.  
  601.  
  602. </div>
  603.  
  604.  
  605. {block:PostNotes}
  606. <div class="pagenotes">
  607. {PostNotes}
  608. </div>
  609. {/block:PostNotes}
  610.  
  611.  
  612. {/block:Posts}
  613.  
  614. <div id="pagination">
  615. {block:Pagination}
  616. {block:PreviousPage}
  617. <a href="{PreviousPage}">&larr; </a>
  618. {/block:PreviousPage}
  619.  
  620.  
  621. {block:NextPage}
  622. <a href="{NextPage}"> &rarr;</a>
  623. {/block:NextPage}
  624. {/block:Pagination}
  625. </div>
  626.  
  627.  
  628.  
  629. </div>
  630.  
  631. </div>
  632.  
  633.  
  634. {block:ContentSource}
  635. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  636. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  637. {/block:SourceLogo}
  638. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  639. {/block:ContentSource}
  640.  
  641. <div id="cred">
  642. <a title="themesbyisa"href="http://themesbyisa.tumblr.com">isa</a>
  643. </div>
  644.  
  645. </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!