Fucking_Aj

Light theme by AJ

Dec 12th, 2014
433
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.45 KB | None | 0 0
  1.  
  2.  
  3. <!--
  4.  
  5. ╭╮╱╱╱╱╱╱╭╮╱╭╮╭╮
  6. ┃┃╱╱╱╱╱╱┃┃╭╯╰┫┃
  7. ┃╰━┳━┳╮╭┫╰┻╮╭┫╰━┳━━┳╮╭┳━━┳━━╮
  8. ┃╭╮┃╭┫┃┃┃╭╮┃┃┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  9. ┃╰╯┃┃┃╰╯┃┃┃┃╰┫┃┃┃┃━┫┃┃┃┃━╋━━┃
  10. ╰━━┻╯╰━━┻╯╰┻━┻╯╰┻━━┻┻┻┻━━┻━━╯
  11. theme by aj~
  12. -->
  13.  
  14. <html>
  15. <head>
  16. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{image:Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:background" content="#c3c3c4"/>
  28. <meta name="image:background" content="1"/>
  29. <meta name="image:favicon" content="http://media.tumblr.com/tumblr_ltqqfyArKa1qm8no1.gif"/>
  30. <meta name="color:border" content="#c3c3c4"/>
  31. <meta name="color:title" content="#c3c3c4"/>
  32. <meta name="color:links" content="#c3c3c4"/>
  33. <meta name="color:text" content="#999"/>
  34. <meta name="color:description" content="#c3c3c4"/>
  35. <meta name="image:sidebar image" content=""/>
  36. <meta name="text:Link 1 msg" content="link 1 msg" />
  37. <meta name="text:Link 2 msg" content="link 2 msg" />
  38. <meta name="text:Link 3 msg" content="link 3 msg" />
  39. <meta name="text:Link 1 url" content="" />
  40. <meta name="text:Link 2 url" content="" />
  41. <meta name="text:Link 3 url" content="" />
  42. <meta name="if:border radius" content="1"/>
  43. <meta name="if:bg cover" content="0"/>
  44. <meta name="if:sidebar right" content="0"/>
  45. <meta name="if:blogtitle" content="0"/>
  46. <meta name="if:sidebar image" content="0"/>
  47.  
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips();
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58. <style type="text/css">
  59.  
  60. body {
  61. font-family:calibri;
  62. font-size:11px;
  63. background-color: {color:Background};
  64. background-image:url({image:Background});
  65. background-attachment: fixed;
  66. background-repeat: repeat;
  67. {block:ifbgcover}
  68. background-size:cover;
  69. {/block:ifbgcover}
  70. }
  71. #s-m-t-tooltip {
  72. z-index: 9999;
  73. background: {color:title};
  74. font-size: 9px;
  75. line-height: 11px;
  76. font-family: consolas;
  77.  
  78. letter-spacing: 1px;
  79. text-transform: uppercase;
  80. color: #fff;
  81. max-width: 150px;
  82. word-wrap: break-word;
  83. padding: 4px 10px 4px 12px;
  84. display: block;
  85. margin: 24px 14px 7px 12px;
  86. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  87. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  88. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  89. }
  90. #lace{
  91. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  92. width:407px;
  93. height:17px;
  94. left:1031px;
  95. top:290px;
  96. position:fixed;
  97. -webkit-transform: rotate(-90deg);
  98. {block:ifsidebarright}
  99. left:681px;
  100. {/block:ifsidebarright}
  101. }
  102.  
  103. #lace2{
  104. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  105. width:554px;
  106. height:17px;
  107. left:674px;
  108. top:84px;
  109. position:fixed;
  110. -webkit-transform: rotate(180deg);
  111. {block:ifsidebarright}
  112. left:324px;
  113. {/block:ifsidebarright}
  114. }
  115.  
  116. #lace3{
  117. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  118. width:411px;
  119. height:17px;
  120. left:465px;
  121. top:287px;
  122. position:fixed;
  123. -webkit-transform: rotate(90deg);
  124. {block:ifsidebarright}
  125. left:115px;
  126. top:295px;
  127. {/block:ifsidebarright}
  128. }
  129.  
  130. #lace4{
  131. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  132. width:559px;
  133. height:17px;
  134. left:674px;
  135. top:498px;
  136. position:fixed;
  137. {block:ifsidebarright}
  138. left:321px;
  139. {/block:ifsidebarright}
  140. }
  141. #posts {
  142. margin-left:650px;
  143. {block:ifsidebarright}
  144. margin-left:300px;
  145. {/block:ifsidebarright}
  146. margin-top:90px;
  147. width:540px;
  148. height:400px;
  149. top:8px;
  150. padding-left:10px;
  151. font-size:10px;
  152. left:25px;
  153. background:white;
  154. border:1px solid {color:border};
  155. {block:ifborderradius}
  156. border-radius:5px;
  157. {/block:ifborderradius}
  158. overflow-y:scroll;
  159. position:absolute;
  160. }
  161. #posts img{
  162. float:center;
  163. }
  164.  
  165. ::-webkit-scrollbar {width: 6px; height: 3px; background: white ;}
  166. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ; border: 1px solid black;}
  167.  
  168. #post {
  169. font-family:calibri;
  170. font-size:11px;
  171. color:{color:text};
  172. width:525px;
  173. padding-bottom:20px;
  174. padding:1px;
  175. margin-top:15px;
  176. background-color:{color:Post};
  177. border:{color:border};
  178. {block:ifborderradius}
  179. border-radius:5px;
  180. {/block:ifborderradius}
  181. }
  182.  
  183. #post img {
  184. max-width:100%;
  185. min-width:100%;
  186.  
  187. }
  188.  
  189. #post a {
  190. text-decoration:none;
  191. color:{color:links};
  192. }
  193.  
  194. #postinfo {
  195. margin-top:10px;
  196. font-family:candara;
  197. font-size:11px;
  198. color:{color:text};
  199. padding:4px;
  200. border:1px solid {color:border};
  201. {block:ifborderradius}
  202. border-radius:5px;
  203. {/block:ifborderradius}
  204. }
  205.  
  206. #postinfo a{
  207. color:{color:text};
  208. text-decoration:none;
  209. }
  210. #postinfo img{
  211. width:auto;
  212. height:auto;
  213. }
  214.  
  215. #quote{
  216. width:400px;
  217. font-family:candara;
  218. line-height:110%;
  219. font-size:18px;
  220. color:black;
  221. }
  222.  
  223. #quote b{
  224. font-size:22px;
  225. }
  226.  
  227. #quotesource {
  228. width:400px;
  229. margin-top:15px;
  230. font-family:candara;
  231. line-height:110%;
  232. font-size:15px;
  233. color:black;
  234. text-align:right;
  235. letter-spacing:1px;
  236. }
  237.  
  238. #chat{
  239. width:400px;
  240. font-family:candara;
  241. line-height:110%;
  242. font-size:13px;
  243. color:black;
  244. }
  245.  
  246. #chat b{
  247. width:400px;
  248. font-family:candara;
  249. line-height:110%;
  250. font-size:17px;
  251. color:black;
  252. letter-spacing:1px;
  253. }
  254.  
  255. #sidebar {
  256. position:fixed;
  257. background:#fff;
  258. margin-left:300px;
  259. {block:ifsidebarright}
  260. margin-left:1000px;
  261. {/block:ifsidebarright}
  262. margin-top:150px;
  263. width:200px;
  264. padding:10px;
  265.  
  266. border:1px solid {color:border};
  267. {block:ifborderradius}
  268. border-radius:5px;
  269. {/block:ifborderradius}
  270. }
  271.  
  272. #sidebar img {
  273. width:170px;
  274. height:150px;
  275. margin-left:15px;
  276. {block:ifborderradius}
  277. border-radius:5px;
  278. {/block:ifborderradius}
  279. }
  280.  
  281. #sidebarpicture img {
  282. margin-top:50px;
  283. margin-left:50px;
  284. width:110px;
  285. height:110px;
  286. }
  287.  
  288. #description {
  289. margin-top:10px;
  290. margin-left:4px;
  291. width:193px;
  292. font-size:11px;
  293. color:{color:text};
  294. line-height:110%;
  295. text-align:center;
  296. }
  297.  
  298. #description a {
  299. color:{color:description};
  300. font-family:candara;
  301. text-decoration:none;
  302. font-size:13px;
  303. }
  304.  
  305. #description a:hover {
  306. opacity:0;
  307. }
  308.  
  309. .links {
  310. width:275px;
  311. height:13px;
  312. font-size:35px;
  313. text-align:center;
  314. margin-top:10px;
  315. margin-left:-34px;
  316. position:fixed;
  317. -o-transition-transition: all 0.6s ease-out;
  318. -webkit-transition: all 0.6s ease-out;
  319. -moz-transition: all 0.6s ease-out;
  320. }
  321.  
  322. .links a {
  323. padding:2px;
  324. color:{color:title};
  325. text-decoration:none;
  326. -o-transition-transition: all 0.6s ease-out;
  327. -webkit-transition: all 0.6s ease-out;
  328. -moz-transition: all 0.6s ease-out;
  329.  
  330. }
  331. #pagi {
  332. width:100px;
  333. height:13px;
  334. font-family:helvetica;
  335. font-size:12px;
  336. text-align:right;
  337. margin-top:5px;
  338. margin-left:50px;
  339. color:{color:links};
  340. position:fixed;
  341. }
  342.  
  343. #pagi a {
  344. padding:2px;
  345. font-size: 11px;
  346. color:{color:links};
  347. text-decoration:none;
  348. }
  349. #sidebar #bt{
  350. position:fixed;
  351. font-size:25px;
  352. font-family: 'Gloria Hallelujah', cursive;
  353. margin-top:-245px;
  354. margin-left:50px;
  355. text-align:center;
  356. color:{color:title};
  357. text-transform:uppercase;
  358. }
  359. .credit {
  360. bottom:2px;
  361. right:2px;
  362. color:#a5a5a5;
  363. font-family:candara;
  364. font-size:10px;
  365. position:fixed;
  366. }
  367.  
  368. .bubble {
  369. width:400px;
  370. position: relative;
  371. background:{color:title};
  372. left:30px;
  373. margin: 0;
  374. padding:10px;
  375. text-align:center;
  376. -moz-border-radius:10px;
  377. -webkit-border-radius:10px;
  378. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  379. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  380. box-shadow: 0px 0 1px rgba(0,0,0,0);
  381. }
  382.  
  383.  
  384. .bubble:after {
  385. position: absolute;
  386. display: block;
  387. content: "";
  388. border-color: {color:title} transparent transparent transparent;
  389. border-style: solid;
  390. border-width: 13px 13px 0px;
  391. height:0;
  392. width:0;
  393. position:absolute;
  394. -webkit-transform: rotate(90deg);
  395. left:-17px;
  396. top:10px;
  397. }
  398. .credit a {
  399. color:#a5a5a5;
  400. text-decoration:none;
  401. }
  402. blockquote{
  403. padding:0px 0px 2px 5px;
  404. margin:0px 0px 2px 10px;
  405. border-left: 1px dotted #555555;
  406. }
  407.  
  408. blockquote p, ul{
  409. margin:0px;
  410. padding:0px;
  411. }
  412.  
  413. {CustomCSS}</style></head><body>
  414. <div id="lace"></div>
  415. <div id="lace2"></div>
  416. <div id="lace3"></div>
  417. <div id="lace4"></div>
  418. <body>
  419.  
  420. <div id="sidebar">
  421.  
  422. {block:ifsidebarimage} <img src="{image:sidebar image}">{/block:ifsidebarimage}
  423. {block:ifnotsidebarimage} <img src="http://static.tumblr.com/8777944c1035bdaca69fb16cf97c40b7/x5upehe/uN6mp4fcg/tumblr_static_tumblr_lw5n3nxohb1qip80b.gif"style="width:auto; height:auto; margin-left:35px">{/block:ifnotsidebarimage}
  424. <div id="description">{Description}</div>
  425.  
  426. {block:ifblogtitle}<div id="bt">{title}</div> {/block:ifblogtitle}
  427.  
  428. <div class="links">
  429. <a href="/" title="refresh">❐</a>
  430. <a href="/ask" title="ask me anything!">❐</a>
  431. <a href="{text:Link 1 URL}" title="{text:Link 1 MSG}">❐</a>
  432. <a href="{text:Link 2 URL}"title="{text:Link 2 MSG}">❐</a>
  433. <a href="{text:Link 3 URL}"title="{text:Link 3 MSG}">❐</a>
  434. </div>
  435.  
  436.  
  437.  
  438. {block:Pagination}<div id="pagi">
  439. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  440. {block:JumpPagination length="3"}
  441.  
  442. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  443.  
  444. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>{/block:Pagination}
  445.  
  446.  
  447. </div>
  448.  
  449.  
  450. <div id="posts">
  451.  
  452. {block:Posts}<div id="post">{block:Text}<div style="font-size:30px; color:{Color:title};font-family: 'Bangers', cursive; line-height:40px;">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div style="width:550px;">{Caption}</div>{/block:Caption}{/block:Photo}{block:Photoset}{Photoset-500}{block:Caption}<div style="width:450px;">{Caption}</div>{/block:Caption}{/block:Photoset}{block:Quote}
  453.  
  454. <div id="chat">{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}</div>
  455.  
  456. <div id="quote">{Quote}<div id="quotesource">{block:Source}-{Source}{/block:Source}</div></div>{/block:Quote}
  457.  
  458. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span><br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}<br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  459. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  460.  
  461. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  462.  
  463. {block:Caption} {Caption}{/block:Caption}{/block:Audio}
  464.  
  465.  
  466. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  467.  
  468.  
  469. {block:Answer}
  470. <div class="post"><br>
  471. <div class="bubble">{Asker} asked: {Question}</div><br>
  472. <div style="float:center;">{Answer}<br></div>
  473. </div>
  474. {/block:Answer}
  475.  
  476. <div id="postinfo"> <a href="{ReblogURL}">Reblog</a> this post ▲ posted on<a href="{Permalink}"> {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} </a> ▲ {block:RebloggedFrom} <a href="{ReblogParentURL}">via, </a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"> <a href="{SourceURL}">source, </a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}<a href="{Permalink}">{NoteCountWithLabel} </a> {block:HasTags} <div id="tags"><br> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  477.  
  478. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}</div></div></div></div>
  479.  
  480. <div class="credit"><a href="http://bruhthemes.tumblr.com" title="theme by aj!">BRUHTHEMES</a></div>
  481.  
  482. </body>
  483. </html>
Add Comment
Please, Sign In to add comment