API tools faq
paste
Advertisement
briqhter

Theme 8

briqhter
May 1st, 2014
373
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.08 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 8 by Sabina (briqhter/cutiephil)
  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><script type="text/javascript" src="http://static.tumblr.com/j67pgdq/a0gmqh0bn/hover.js"></script>
  28.  
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31.  
  32. <!--DEFAULT VARIABLES-->
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  34. <meta name="color:background" content="#fff"/>
  35. <meta name="color:link" content="#777"/>
  36. <meta name="color:text" content="#777"/>
  37. <meta name="color:title" content="#777"/>
  38. <meta name="color:hover" content="#000"/>
  39. <meta name="color:hover msg" content="#aaa"/>
  40. <meta name="color:borders" content="#D8D8D8"/>
  41. <meta name="color:sidebar background" content="#CCE3EF"/>
  42. <meta name="color:sidebar borders" content="#eeeeee"/>
  43. <meta name="color:scrollbar" content="#eeeeee"/>
  44. <meta name="image:background" content="1"/>
  45. <meta name="image:sidebar" content="http://static.tumblr.com/bgzjy3u/k4An4w49i/square.png"/>
  46. <meta name="image:sidebar background" content="1"/>
  47. <meta name="text:link 1" content="/"/>
  48. <meta name="text:link 1 msg" content="home"/>
  49. <meta name="text:link 2" content="/"/>
  50. <meta name="text:link 2 msg" content="message"/>
  51. <meta name="text:link 3" content="/"/>
  52. <meta name="text:link 3 msg" content="links"/>
  53. <meta name="text:link 4" content="/"/>
  54. <meta name="text:link 4 msg" content="extra link"/>
  55. <meta name="text:link 5" content="/"/>
  56. <meta name="text:link 5 msg" content="theme credit"/>
  57. <meta name="if:transparent sidebar" content="1">
  58. <meta name="if:transparent posts" content="1">
  59. <meta name="if:long sidebar" content="1">
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. 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-
  66.  
  67. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  68.  
  69. 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;}
  70.  
  71. #s-m-t-tooltip {
  72. max-width:300px;
  73. padding:2px;
  74. padding-left:5px;
  75. padding-right:5px;
  76. margin:20px 0px 0px 20px;
  77. background: white; /* change the background color */
  78. border:1px solid {color:hover msg}; /* change the border color */
  79. color: {color:hover msg};
  80. font-size:10px; /* change the font size */
  81. letter-spacing:0px; /* change the letter spacing */
  82. z-index:999999999999999999999999999999999999;
  83. }
  84.  
  85. p {
  86. margin:0px;
  87. margin-top:0px;
  88. }
  89.  
  90.  
  91. body {
  92. padding: 0px;
  93. margin: 0px;
  94. color:{color:text};
  95. font-family: calibri;
  96. line-height:11px;
  97. font-size:10px;
  98. background-color: {color:Background};
  99. background-image:url({image:Background});
  100. background-attachment: fixed;
  101. background-repeat: repeat;
  102. }
  103.  
  104.  
  105. a:link, a:active, a:visited{
  106. text-decoration: none;
  107. -webkit-transition: color 0.3s ease-out;
  108. -moz-transition: color 0.3s ease-out;
  109. transition: color 0.3s ease-out;
  110. color:{color:link};
  111. }
  112.  
  113. a:hover {
  114. text-decoration: none;
  115. font-style:;
  116. color: {color:Hover};
  117. }
  118.  
  119. ::-webkit-scrollbar {width: 6px; height: 4px; background: white; }
  120. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 1ex; }
  121.  
  122. #qu{
  123. margin-top:-45px;
  124. margin-left:65px;
  125. padding: 5px;
  126. min-height:45px;
  127. background:white;
  128. border: 1px solid #eee;
  129. }
  130.  
  131. #qutri{
  132. z-index:5;
  133. opacity:1;
  134. width: 0px;
  135. height: 0px;
  136. margin-left:54px;
  137. margin-top:10px;
  138. border-top: 12px solid transparent;
  139. border-bottom: 12px solid transparent;
  140. border-right: 12px solid #eee;
  141. }
  142.  
  143. #ask img{
  144. margin-top:-30px;
  145. width:30px;
  146. padding:5px;
  147. border:1px solid {color:sidebar borders};
  148. }
  149.  
  150. #centered{
  151. width:1000px;
  152. margin:auto;
  153. }
  154.  
  155. .entry {
  156. float:left;
  157. display: block;
  158. margin:10px;
  159. overflow:hidden;
  160. width:400px;
  161. padding:10px;
  162. {block:IfNotTransparentPosts}
  163. border: 1px solid {color:borders};
  164. background:white;
  165. {/block:IfNotTransparentPosts}
  166. {block:IfTransparentPosts}
  167. background:transparent;
  168. {/block:IfTransparentPosts}
  169. }
  170.  
  171. .entry .perma{
  172. opacity: 1;
  173. position: static;
  174. overflow:hidden;
  175. margin-top:10px;
  176. width:auto;
  177. height:auto;
  178. text-align:center;
  179. background:white;
  180. font-family:consolas;
  181. font-size:9px;
  182. line-height: 10px;
  183. -webkit-transition: all 1s ease;
  184. -moz-transition: all 1s ease;
  185. -o-transition: all 1s ease;
  186. transition: all 1s ease;
  187. }
  188.  
  189. #posts{
  190. width:800px;
  191. margin-top:20px;
  192. z-index:99;
  193. margin-left:350px;
  194. right:auto;
  195. background:transparent;
  196. margin-right:auto;
  197. position:relative;
  198. overflow-y: hidden;
  199. }
  200.  
  201. #sidebar{
  202. position:fixed !important;
  203. padding:10px;
  204. {block:IfNotLongSidebar}
  205. height:auto;
  206. margin-top:200px;
  207. margin-left:160px;
  208. width:110px;
  209. {/block:IfNotLongSidebar}
  210. {block:IfLongSidebar}
  211. width:200px;
  212. height:100%;
  213. top:-1px;
  214. margin-left:100px;
  215. padding-top:100px;
  216. {/block:IfLongSidebar}
  217. {block:IfNotTransparentSidebar}
  218. border: 1px solid {color:sidebar borders};
  219. background:{color:sidebar background};
  220. background-image: url("{image:sidebar background}");
  221. {/block:IfNotTransparentSidebar}
  222. {block:IfTransparentSidebar}
  223. background:transparent;
  224. {/block:IfTransparentSidebar}
  225. }
  226.  
  227. #img{
  228. z-index:8;
  229. position:static;
  230. opacity:1;
  231. padding:8px;
  232. background-color:white;
  233. border: 1px solid {color:sidebar borders};
  234. width:90px;
  235. height:90px;
  236. overflow:hidden;
  237. -webkit-transition: all 1s ease;
  238. -moz-transition: all 1s ease;
  239. -o-transition: all 1s ease;
  240. transition: all 1s ease;
  241. }
  242.  
  243. #img img{
  244. width:90px;
  245. height:90px;
  246. }
  247.  
  248. #navi{
  249. z-index:8;
  250. position:static;
  251. opacity:1;
  252. background-color:white;
  253. border: 1px solid {color:sidebar borders};
  254. width:100px;
  255. height:auto;
  256. margin-top:5px;
  257. padding:3px;
  258. overflow:visible;
  259. -webkit-transition: all 1s ease;
  260. -moz-transition: all 1s ease;
  261. -o-transition: all 1s ease;
  262. transition: all 1s ease;
  263. }
  264.  
  265. #desc{
  266. z-index:8;
  267. position:static;
  268. opacity:0;
  269. background-color:transparent;
  270. width:100px;
  271. height:35px;
  272. margin-top:-40px;
  273. padding:3px;
  274. font-style:italic;
  275. text-align:left;
  276. -webkit-transition: all 1s ease;
  277. -moz-transition: all 1s ease;
  278. -o-transition: all 1s ease;
  279. transition: all 1s ease;
  280. }
  281.  
  282. #sidebar:hover #desc{
  283. opacity:1;
  284. margin-top:5px;
  285. }
  286.  
  287. #pages{
  288. z-index:8;
  289. position:fixed;
  290. opacity:1;
  291. background-color:transparent;
  292. width:115px;
  293. height:35px;
  294. margin-top:10px;
  295. padding:3px;
  296. text-align:right;
  297. -webkit-transition: all 1s ease;
  298. -moz-transition: all 1s ease;
  299. -o-transition: all 1s ease;
  300. transition: all 1s ease;
  301. }
  302.  
  303. .title{
  304. font-family:consolas;
  305. font-size:15px;
  306. line-height:18px;
  307. color:{color:Title};
  308. }
  309.  
  310. #credit {
  311. z-index: 4783;
  312. position:fixed;
  313. bottom:5px;
  314. right:-60px;
  315. background:white;
  316. border: 1px solid #eee;
  317. padding: 7px;
  318. font-family: calibri;
  319. font-size: 12px;
  320. line-height: 15px;
  321. word-spacing:10px;
  322. transition: all 0.6s ease-out;
  323. -o-transition-transition: all 0.4s ease-out;
  324. -webkit-transition: all 0.4s ease-out;
  325. -moz-transition: all 0.4s ease-out;
  326. }
  327.  
  328. #credit:hover{
  329. opacity: 2;
  330. right:0px;
  331. transition: all 0.6s ease-out;
  332. -o-transition-transition: all 0.4s ease-out;
  333. -webkit-transition: all 0.4s ease-out;
  334. -moz-transition: all 0.4s ease-out;
  335. }
  336.  
  337.  
  338. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  339. #infscr-loading{
  340. bottom: -70px;
  341. position: absolute;
  342. left: 50%;
  343. margin-left:-8px;
  344. width:16px;
  345. height:11px;
  346. overflow:hidden;
  347. margin-bottom: 50px;
  348. }
  349.  
  350. #postnotes{
  351. padding:10px;
  352. background:#eee;
  353. line-height:20px;
  354. text-align: left;}
  355.  
  356. #postnotes blockquote{
  357. border: 0px;}
  358.  
  359. blockquote{
  360. padding:0px 0px 2px 5px;
  361. margin:5px 0px 5px 10px;
  362. border-left: 1px solid #aaa;
  363. }
  364.  
  365. blockquote p, ul{
  366. margin:0px;
  367. padding:0px;
  368. }
  369.  
  370. a img{border: 0px;}
  371.  
  372.  
  373. ul, ol, li{list-style:&middot; margin-left:10px; padding:0px;}
  374.  
  375. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  376. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  377.  
  378. .notes img{width:10px; position:relative; top:3px;}
  379. <--ses-->
  380. small{font-size: 90%;}
  381.  
  382. {CustomCSS}
  383.  
  384. </style>
  385.  
  386.  
  387. <title>{title}</title>
  388.  
  389. <link rel="shortcut icon" href="{Favicon}" />
  390. <meta name="viewport" content="width=820" />
  391. </head>
  392.  
  393. <body>
  394. <BODY onselectstart="return false;" ondragstart="return false;">
  395. <div class="wrapper">
  396. <div id="centered">
  397. <div class="header">
  398. </div>
  399.  
  400. <div id="cage">
  401. <div id="credit">© <a href="http://briqhter.tumblr.com">briqhter</a></div>
  402.  
  403.  
  404. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  405. <div id="sidebar">
  406. <center>
  407. <div id="img"><img src="{image:sidebar}" height="100%"; width="100%";></div>
  408. <div id="desc">{description}</div>
  409. <div id="navi">
  410. <a href="{text:link 1}" title="{text:link 1 msg}">01.</a>
  411. <a href="{text:link 2}" title="{text:link 2 msg}">02.</a>
  412. <a href="{text:link 3}" title="{text:link 3 msg}">03.</a>
  413. <a href="{text:link 4}" title="{text:link 4 msg}">04.</a>
  414. <a href="{text:link 5}" title="{text:link 5 msg}">05.</a>
  415. </div>
  416. <div id="pages">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  417. </center>
  418. </div>
  419. <!------------------------------------->
  420.  
  421.  
  422. <div class="left">
  423. <div id="posts">
  424. {block:Posts}
  425. <div class="entry">
  426.  
  427. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>{/block:Text}
  428.  
  429. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} {block:Link}
  430.  
  431. {block:Answer}<div id="qutri"></div><div id="ask"><img src="{AskerPortraitURL-30}" width="30"></div><div id="qu">{Asker}: {Question}</div></br><center>{Answer}</center>{/block:Answer}
  432.  
  433. {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}
  434.  
  435. {block:Photoset}<center>{Photoset-400}</center></br>{caption}{/block:Photoset}
  436.  
  437. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>{/block:Quote}
  438.  
  439. {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}
  440.  
  441. {block:Audio}
  442. <div style="width:200px; height:30px;">{AudioPlayerBlack}</div>{block:Caption}{caption}{/block:Caption}{/block:Audio}
  443.  
  444. {block:Video}<center>{Video-400}</center>{block:Caption}{caption}{/block:Caption}{block:Video}
  445.  
  446. <div class="perma">
  447. <a href="{Permalink}"><div style="text-transform:uppercase;">Posted {timeago} with {notecountwithlabel}</div></a>
  448. {block:RebloggedFrom}via:<a href="{ReblogParentURL}"
  449. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  450. {block:HasTags}
  451. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br>
  452. {/block:HasTags}
  453. </div>
  454.  
  455.  
  456. {block:PostNotes}<div align="middle">{caption}</div>
  457. <center>
  458.  
  459. {block:NoteCount}{/block:NoteCount}
  460. {block:HasTags}{/block:HasTags}
  461. {block:RebloggedFrom}{/block:RebloggedFrom}
  462. </center></span>
  463. <br>
  464. <div id="postnotes">{PostNotes}</div><br>
  465.  
  466. <center>{block:ContentSource}
  467. <br><a href="{SourceURL}">
  468. {lang:Source}:
  469. {block:SourceLogo}
  470. <img src="{BlackLogoURL}" width="{LogoWidth}"
  471. height="{LogoHeight}" alt="{SourceTitle}" />
  472. {/block:SourceLogo}
  473. {block:NoSourceLogo}
  474. {SourceLink}
  475. {/block:NoSourceLogo}
  476. </a>
  477. {/block:ContentSource}</center>
  478.  
  479. {/block:PostNotes}
  480. </div>
  481. {/block:Posts}
  482. </div></div>
  483.  
  484. </div>
  485. </body>
  486. </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!