API tools faq
paste
Advertisement
briqhter

theme 11

briqhter
Aug 2nd, 2014
559
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 11 made by Sabina (cutiephil/briqhter)
  3. please do not remove the credit
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13. <script>
  14. (function($){
  15. $(document).ready(function(){
  16. $("a[title]").style_my_tooltips({
  17. tip_follows_cursor:true,
  18. tip_delay_time:90,
  19. tip_fade_speed:600,
  20. attribute:"title"
  21. });
  22. });
  23. })(jQuery);
  24. </script>
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <!--DEFAULT VARIABLES-->
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  31. <meta name="color:background" content="#fff"/>
  32. <meta name="color:title" content="#777"/>
  33. <meta name="color:title bg" content="#f7f7f7"/>
  34. <meta name="color:text" content="#777"/>
  35. <meta name="color:link" content="#777"/>
  36. <meta name="color:hover" content="#000"/>
  37. <meta name="color:hover msg" content="#aaa"/>
  38. <meta name="color:sidebar" content="#eaeaea"/>
  39. <meta name="color:borders" content="#eaeaea"/>
  40. <meta name="color:post bg" content="#fff"/>
  41. <meta name="color:blogtitle" content="#ccc"/>
  42. <meta name="color:banner" content="#ddd"/>
  43. <meta name="color:scrollbar" content="#eeeeee"/>
  44. <meta name="image:background" content="1"/>
  45. <meta name="image:sidebar" content="http://static.tumblr.com/50062c9c8e023d975f26d552e5b95a96/bgzjy3u/P1On9nvbw/tumblr_static_abqn970xuzso4kk48ow800c4c.gif"/>
  46. <meta name="text:link 1" content="/"/>
  47. <meta name="text:link 1 msg" content="home"/>
  48. <meta name="text:link 2" content="/"/>
  49. <meta name="text:link 2 msg" content="ask"/>
  50. <meta name="text:link 3" content="/"/>
  51. <meta name="text:link 3 msg" content="links"/>
  52. <meta name="text:link 4" content="/"/>
  53. <meta name="text:link 4 msg" content="extra link"/>
  54. <meta name="text:link 5" content="/"/>
  55. <meta name="text:link 5 msg" content="credit"/>
  56. <meta name="text:blogtitle" content="blogtitle"/>
  57. <meta name="text:quote" content="put a quote here"/>
  58. <meta name="if:banner" content="1">
  59. <meta name="if:border 1" content="1">
  60. <meta name="if:border 2" content="0">
  61. <meta name="if:border 3" content="0">
  62. <meta name="if:no border" content="0">
  63. <meta name="if:link1" content="1">
  64. <meta name="if:link2" content="1">
  65. <meta name="if:link3" content="1">
  66. <meta name="if:link4" content="1">
  67. <meta name="if:link5" content="1">
  68.  
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  75.  
  76. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  77.  
  78. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  79.  
  80. #s-m-t-tooltip {
  81. max-width:300px;
  82. padding:4px;
  83. margin:20px 0px 0px 20px;
  84. background: white; /* change the background color */
  85. border:1px solid {color:hover msg}; /* change the border color */
  86. color: {color:hover msg};
  87. font-size:8px; /* change the font size */
  88. line-height:6px;
  89. z-index:999999999999999999999999999999999999;
  90. }
  91.  
  92. p {
  93. margin:0px;
  94. margin-top:0px;
  95. }
  96.  
  97.  
  98. body {
  99. padding: 0px;
  100. margin: 0px;
  101. color:{color:text};
  102. font-family: calibri;
  103. line-height:11px;
  104. font-size:10px;
  105. background-color: {color:Background};
  106. background-image:url({image:Background});
  107. background-attachment: fixed;
  108. background-repeat: repeat;
  109. }
  110.  
  111.  
  112. a:link, a:active, a:visited{
  113. text-decoration: none;
  114. -webkit-transition: color 0.3s ease-out;
  115. -moz-transition: color 0.3s ease-out;
  116. transition: color 0.3s ease-out;
  117. color:{color:link};
  118. }
  119.  
  120. a:hover {
  121. text-decoration: none;
  122. font-style:;
  123. color: {color:Hover};
  124. }
  125.  
  126. ::-webkit-scrollbar {width: 6px; height: 4px; background: white; }
  127. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 1ex; }
  128.  
  129. #asker{
  130. position:absolute;
  131. margin-top:5px;
  132. margin-left:5px;
  133. }
  134.  
  135. #asker img{
  136. width:24px;
  137. background:white;
  138. padding:2px;
  139. }
  140.  
  141. #qu{
  142. padding: 5px;
  143. padding-left:35px;
  144. min-height:27px;
  145. background:{color:title bg};
  146. border: 1px solid {color:title bg};
  147. text-align:left;
  148. }
  149.  
  150. .entry {
  151. float:left;
  152. display: block;
  153. margin:10px;
  154. margin-left:0px;
  155. overflow:hidden;
  156. width:350px;
  157. padding:30px;
  158. {block:IfBorder1}
  159. background:transparent;
  160. border-bottom: 1px solid {color:borders};
  161. border-right: 1px solid {color:borders};
  162. {/block:IfBorder1}
  163. {block:IfBorder3}
  164. background:{color:post bg};
  165. border: 1px solid {color:borders};
  166. margin:10px;
  167. {/block:IfBorder3}
  168. {block:IfNoBorder}
  169. background:transparent;
  170. border: 0px solid {color:borders};
  171. margin:10px;
  172. padding:30px;
  173. {/block:IfNoBorder}
  174. }
  175.  
  176. .entry .perma1{
  177. opacity: 0;
  178. position: absolute;
  179. overflow:hidden;
  180. margin-top:-20px;
  181. margin-left:381px;
  182. width:100px;
  183. height:auto;
  184. text-align:center;
  185. background:{color:background}
  186. font-family:times;
  187. font-size:8px;
  188. padding:5px;
  189. text-align:left;
  190. line-height: 12px;
  191. border-left:2px solid {color:borders};
  192. {block:IfNoBorder}
  193. margin-top:0px;
  194. margin-left:360px;
  195. {/block:IfNoBorder}
  196. {block:IfBorder2}
  197. margin-top:0px;
  198. {/block:IfBorder2}
  199. -webkit-transition: all 1s ease;
  200. -moz-transition: all 1s ease;
  201. -o-transition: all 1s ease;
  202. transition: all 1s ease;
  203. }
  204.  
  205. .entry:hover .perma1{
  206. opacity:1;
  207. }
  208.  
  209. .entry .perma{
  210. opacity: 1;
  211. position: static;
  212. overflow:hidden;
  213. margin-top:10px;
  214. width:auto;
  215. height:auto;
  216. text-align:center;
  217. font-family:times;
  218. font-size:8px;
  219. line-height: 14px;
  220. background:{color:title bg};
  221. text-transform:uppercase;
  222. border: 1px solid {color:title bg};
  223. -webkit-transition: all 1s ease;
  224. -moz-transition: all 1s ease;
  225. -o-transition: all 1s ease;
  226. transition: all 1s ease;
  227. }
  228.  
  229.  
  230. .entry .tags{
  231. opacity: 1;
  232. position: static;
  233. overflow:hidden;
  234. margin-top:0px;
  235. width:auto;
  236. height:auto;
  237. text-align:right;
  238. font-family:consolas;
  239. font-style:italic;
  240. font-size:9px;
  241. line-height: 10px;
  242. -webkit-transition: all 1s ease;
  243. -moz-transition: all 1s ease;
  244. -o-transition: all 1s ease;
  245. transition: all 1s ease;
  246. }
  247.  
  248. #posts{
  249. width:412px;
  250. margin-top:0px;
  251. padding-top:10px;
  252. {block:IfBanner}
  253. padding-top:30px;
  254. {block:IfBanner}
  255. z-index:99;
  256. margin-left:420px;
  257. right:auto;
  258. background:transparent;
  259. margin-right:auto;
  260. position:relative;
  261. }
  262.  
  263. #postbg{
  264. position:fixed;
  265. z-index:98;
  266. width:409px;
  267. height:100%;
  268. margin-top:0px;
  269. margin-left:420px;
  270. background:{color:post bg};
  271. border-left: 1px solid {color:borders};
  272. border-right: 1px solid {color:borders};
  273. }
  274.  
  275. #sidebar{
  276. position:fixed !important;
  277. border-left:1px solid {color:sidebar};
  278. width:180px;
  279. height:auto;
  280. padding:5px;
  281. padding-left:10px;
  282. margin-top:180px;
  283. margin-left:120px;
  284. text-align:center;
  285. }
  286.  
  287. #blogtitle{
  288. z-index:5;
  289. position:fixed !important;
  290. width:185px;
  291. height:auto;
  292. padding:5px;
  293. margin-top:-30px;
  294. margin-left:-12px;
  295. font-family:garamond;
  296. font-size:22px;
  297. line-height:25px;
  298. text-align:right;
  299. color:{color:blogtitle};
  300. }
  301.  
  302. #navi{
  303. z-index:5;
  304. position:fixed !important;
  305. width:20px;
  306. height:auto;
  307. margin-top:0px;
  308. margin-left:-31px;
  309. }
  310.  
  311. #n{
  312. margin-left:3px;
  313. width:15px;
  314. padding-right:2px;
  315. -webkit-transition: all 0.5s ease;
  316. -moz-transition: all 0.5s ease;
  317. -o-transition: all 0.5s ease;
  318. transition: all 0.5s ease;
  319. }
  320.  
  321. #n:hover{
  322. margin-left:1px;
  323. border-right:2px solid {color:sidebar};
  324. }
  325.  
  326. #img{
  327. position:static;
  328. width:180px;
  329. }
  330.  
  331. #img img{
  332. width:180px;
  333. height:auto;
  334. }
  335.  
  336. #desc{
  337. position:static;
  338. margin-top:5px;
  339. text-align:right;
  340. font-size:10px;
  341. line-height:10px;
  342. font-family:calibri;
  343. }
  344.  
  345. #topbar1{
  346. position:fixed !important;
  347. z-index:101;
  348. top:0px;
  349. left:0px;
  350. height:24px;
  351. width:100%;
  352. border-bottom:3px double {color:banner};
  353. background:white;
  354. color:#d2d2d2;
  355. text-align:center;
  356. letter-spacing:3px;
  357. line-height:24px;
  358. font-size:9px;
  359. text-transform:uppercase;
  360. }
  361.  
  362. .title{
  363. position:static;
  364. margin-left:0px;
  365. margin-right:0px;
  366. margin-bottom:5px;
  367. font-family:cambria;
  368. font-size:13px;
  369. line-height:18px;
  370. color:{color:Title};
  371. background:{color:title bg};
  372. border: 1px solid {color:title bg};
  373. text-align:center;
  374. }
  375.  
  376. #credit {
  377. z-index: 4783;
  378. position:fixed;
  379. bottom:5px;
  380. right:5px;
  381. background:white;
  382. border: 1px solid #eee;
  383. padding: 3px;
  384. font-family: times;
  385. font-size: 10px;
  386. line-height: 15px;
  387. font-style:italic;
  388. transition: all 0.6s ease-out;
  389. -o-transition-transition: all 0.4s ease-out;
  390. -webkit-transition: all 0.4s ease-out;
  391. -moz-transition: all 0.4s ease-out;
  392. }
  393.  
  394. #credit a{
  395. color:#bbb;
  396. }
  397.  
  398. #credit:hover{
  399. opacity: 2;
  400. transition: all 0.6s ease-out;
  401. -o-transition-transition: all 0.4s ease-out;
  402. -webkit-transition: all 0.4s ease-out;
  403. -moz-transition: all 0.4s ease-out;
  404. }
  405.  
  406. #pagination {
  407. width: 400px;
  408. text-align: center;
  409. padding: 10px;
  410. word-spacing:5px;
  411. }
  412.  
  413. #pagination a {
  414. text-decoration: none;
  415. }
  416.  
  417. #pagination a:hover {
  418. color: {color:hover};
  419. }
  420.  
  421.  
  422. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  423. #infscr-loading{
  424. bottom: -70px;
  425. position: absolute;
  426. left: 50%;
  427. margin-left:-8px;
  428. width:16px;
  429. height:11px;
  430. overflow:hidden;
  431. margin-bottom: 50px;
  432. }
  433.  
  434. #postnotes{
  435. line-height:14px;
  436. text-align: left;}
  437.  
  438. #postnotes blockquote{
  439. border: 0px;}
  440.  
  441. blockquote{
  442. padding:0px 0px 2px 5px;
  443. margin:5px 0px 5px 10px;
  444. border-left: 1px solid #aaa;
  445. }
  446.  
  447. blockquote p, ul{
  448. margin:0px;
  449. padding:0px;
  450. }
  451.  
  452. a img{border: 0px;}
  453.  
  454.  
  455. ul, ol, li{list-style:&middot; margin-left:10px; padding:0px;}
  456.  
  457. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  458. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  459.  
  460. .notes img{width:10px; position:relative; top:3px;}
  461. <--ses-->
  462. small{font-size: 90%;}
  463.  
  464. {CustomCSS}
  465.  
  466. </style>
  467.  
  468.  
  469. <title>{title}</title>
  470.  
  471. <link rel="shortcut icon" href="{Favicon}" />
  472. <meta name="viewport" content="width=820" />
  473. </head>
  474.  
  475. <body>
  476. <BODY onselectstart="return false;" ondragstart="return false;">
  477. <div class="wrapper">
  478. <div class="header">
  479. </div>
  480.  
  481. <div id="cage">
  482. {block:IfBanner}<div id="topbar1">{text:quote}</div>{/block:IfBanner}
  483. {block:IfBorder2}<div id="postbg"></div>{/block:IfBorder2}
  484. <div id="credit"><a href="http://cutiephil.tumblr.com">CP</a></div>
  485.  
  486.  
  487. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  488. <div id="sidebar">
  489. <center>
  490. <div id="blogtitle">{text:blogtitle}</div>
  491. <div id="navi">
  492. {block:IfLink1}<div id="n"><a href="{text:link 1}" title="{text:link 1 msg}"><img src="http://static.tumblr.com/7x96bpq/NLpmnd629/menu1.png" width="15px"></a></div>{/block:IfLink1}
  493. {block:IfLink2}<div id="n"><a href="{text:link 2}" title="{text:link 2 msg}"><img src="http://static.tumblr.com/7x96bpq/endmnd66c/menu2.png" width="15px"></a></div>{/block:IfLink2}
  494. {block:IfLink3}<div id="n"><a href="{text:link 3}" title="{text:link 3 msg}"><img src="http://static.tumblr.com/bgzjy3u/6ssn8mq4y/34dq4qh.png" width="15px"></a></div>{/block:IfLink3}
  495. {block:IfLink4}<div id="n"><a href="{text:link 4}" title="{text:link 4 msg}"><img src="http://static.tumblr.com/kzjqf6m/7T4mjnu3h/menu5.png" width="15px"></a></div>{/block:IfLink4}
  496. {block:IfLink5}<div id="n"><a href="{text:link 5}" title="{text:link 5 msg}"><img src="http://static.tumblr.com/ibqd7br/6sXmvd23o/user.png" width="15px"></a></div>{/block:IfLink5}
  497. </div>
  498. <div id="img"><img src="{image:sidebar}"></div>
  499. <div id="desc">{description}</div>
  500. </center>
  501. </div>
  502. <!------------------------------------->
  503.  
  504.  
  505. <div class="left">
  506. <div id="posts">
  507. {block:Posts}
  508. <div class="entry">
  509.  
  510. {block:IndexPage}
  511. <div class="perma1">
  512. <a href="{Permalink}" title="permalink"><div style="line-height:10px; text-transform:uppercase; font-family:times; font-size:7px;">{dayofmonth}{DayOfMonthSuffix} {month} {year} - {12Hour}:{Minutes}{AmPm}</a></div>
  513. {block:RebloggedFrom}<a href="{ReblogParentURL}"
  514. title="{ReblogParentName}">via</a> - <a href="{ReblogRootURL}"title="{ReblogRootName}">source</a>{/block:RebloggedFrom}<br>
  515. {block:HasTags}
  516. tags:{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}<br>
  517. {/block:HasTags}
  518. </div>
  519. {/block:IndexPage}
  520.  
  521. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}<span class="body">{Body}</span>{/block:Text}
  522.  
  523. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} {block:Link}
  524.  
  525. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-30}"></div>
  526. <div id="qu">{Asker} asked: <i>{Question}</i></div></br><center>{Answer}</center>{/block:Answer}
  527.  
  528. {block:Photo}<center><div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div></center></br>{block:Caption}{caption}{/block:Caption}{/block:Photo}
  529.  
  530. {block:Photoset}<center>{Photoset}</center></br>{caption}{/block:Photoset}
  531.  
  532. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>{/block:Quote}
  533.  
  534. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  535.  
  536. {block:Audio}
  537. <div style="width:200px; height:30px;">{AudioPlayerBlack}</div>{block:Caption}{caption}{/block:Caption}{/block:Audio}
  538.  
  539. {block:Video}<center>{Video-400}</center>{block:Caption}{caption}{/block:Caption}{block:Video}
  540.  
  541. {block:PermalinkPage}
  542. <div class="perma">
  543. <a href="/">posted on the {dayofmonth}{DayOfMonthSuffix} of {month} {year} at {12Hour}:{Minutes}{AmPm}</a> {block:RebloggedFrom}- <a href="{ReblogParentURL}"
  544. title="{ReblogParentName}">via</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  545. {block:HasTags}
  546. <div class="tags">
  547. tags:{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  548. </div>
  549. {/block:HasTags}
  550. {/block:PermalinkPage}
  551.  
  552.  
  553. {block:PostNotes}<div align="middle"></div>
  554. <center>
  555.  
  556. {block:NoteCount}{/block:NoteCount}
  557. {block:HasTags}{/block:HasTags}
  558. {block:RebloggedFrom}{/block:RebloggedFrom}
  559. </center></span>
  560. <br>
  561. <div id="postnotes">{PostNotes}</div><br>
  562.  
  563. <center>{block:ContentSource}
  564. <br><a href="{SourceURL}">
  565. {lang:Source}:
  566. {block:SourceLogo}
  567. <img src="{BlackLogoURL}" width="{LogoWidth}"
  568. height="{LogoHeight}" alt="{SourceTitle}" />
  569. {/block:SourceLogo}
  570. {block:NoSourceLogo}
  571. {SourceLink}
  572. {/block:NoSourceLogo}
  573. </a>
  574. {/block:ContentSource}</center>
  575.  
  576. {/block:PostNotes}
  577. </div>
  578. {/block:Posts}
  579.  
  580. {block:IndexPage}
  581. {block:Pagination}
  582. <div id="pagination">
  583. {block:PreviousPage}
  584. <a href="{PreviousPage}">«</a></a>
  585. {/block:PreviousPage}
  586. {block:JumpPagination length="5"}
  587. {block:CurrentPage}
  588. <span class="current_page">{PageNumber}</span>
  589. {/block:CurrentPage}
  590.  
  591. {block:JumpPage}
  592. <a class="jump_page" href="{URL}">{PageNumber}</a>
  593. {/block:JumpPage}
  594. {/block:JumpPagination}
  595. {block:NextPage}
  596. <a id="nextPage" href="{NextPage}">»</a></a>
  597. {/block:NextPage}
  598. </div>
  599. {/block:Pagination}
  600. {/block:IndexPage}
  601.  
  602. </div></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!