API tools faq
paste
trenzalours

Minnas~white

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