Advertisement
e-law-ise

A's Theme 18

Oct 6th, 2014
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.30 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{title}</title>
  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. ---------------Theme by Adrienne Law (ladymirkwoods)-----------------
  14. ------------------ Give credit where credit is due ------------------------------------------------------------------------------------------------>
  15.  
  16. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  17.  
  18. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  19. <style>
  20. div#qTip {
  21. padding: 3px; /*change room around text here*/
  22. display: none;
  23. text-align: center;
  24. position: absolute; /*important*/
  25. font-size:7px; /*change text size here*/
  26. line-height:9px; /*change height of box here*/
  27. font-family:cambria;/*change font here*/
  28. z-index: 100000000000000000000000000000000000000000;
  29. /*keep z-index really high, if your hover text starts to go behind other stuff increase the z-index more*/
  30. border: 3px double #e6e6e6; /*edit border here*/
  31. background-color:#ffffff; /*edit background color here*/
  32. color: {color:text};
  33. text-transform:uppercase;
  34.  
  35. }
  36. </style>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Nunito|Raleway:300' rel='stylesheet' type='text/css'>
  39.  
  40.  
  41.  
  42. <meta name="image:header" content=""/>
  43. <meta name="color:Title" content=""/>
  44. <meta name="color:Blockquote" content=""/>
  45. <meta name="color:Text" content=""/>
  46. <meta name="color:Border" content=""/>
  47. <meta name="color:PostBorder" content=""/>
  48. <meta name="color:Link" content=""/>
  49. <meta name="color:Linkhover" content=""/>
  50. <meta name="color:Navilink" content=""/>
  51. <meta name="color:Background" content=""/>
  52.  
  53. <meta name="text:link1" content="">
  54. <meta name="text:link1 url" content="/">
  55. <meta name="text:link2" content="">
  56. <meta name="text:link2 url" content="/">
  57. <meta name="text:link3" content="">
  58. <meta name="text:link3 url" content="/">
  59. <meta name="text:link4" content="">
  60. <meta name="text:link4 url" content="/">
  61. <meta name="text:link5" content="">
  62. <meta name="text:link5 url" content="/">
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  65.  
  66. <script>
  67.  
  68. $(document).ready(function(){
  69. $(".morebutton").click(function(){
  70. if($("#sidebar2").hasClass('hide')) {
  71. $("#sidebar2").animate({width:150},"slow").removeClass('hide');
  72. } else {
  73. $("#sidebar2").animate({width:0},"slow").addClass('hide');
  74. }
  75. });
  76. });
  77.  
  78.  
  79. </script>
  80.  
  81.  
  82. <style type="text/css">
  83.  
  84. *, body, a, a:hover {cursor: url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto;}
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {
  87. background-color:white;
  88. height:7px;
  89. width:10px;
  90. padding-right:2px;
  91. }
  92.  
  93. ::-webkit-scrollbar-corner {
  94. background-color: transparent;
  95. }
  96. ::-webkit-scrollbar-thumb:horizontal {
  97. background-color: white; /*Change color of scroll bar*/
  98. height:10px!important;
  99. }
  100.  
  101. ::-webkit-scrollbar {
  102. background-color:black;
  103. padding-right:2px;
  104. height:7px;
  105. width:10px;
  106. }
  107.  
  108. iframe#tumblr_controls{
  109. position:fixed !important;
  110. right:0px !important;
  111. }
  112.  
  113.  
  114. /* BASIC PAGE INFO */
  115.  
  116. body {
  117. margin:0px;
  118. padding:0px;
  119. font-size:10px;
  120. font-family:'raleway';
  121. font-weight:300;
  122. background:{color:background};
  123. line height:110%;
  124. letter-spacing:2px;
  125. color:{color:text};
  126. }
  127.  
  128. a {
  129. text-decoration:none;
  130. color:{color:link};
  131. }
  132.  
  133. a:hover {
  134. text-decoration:none;
  135. color:{color:linkhover};
  136. }
  137.  
  138. blockquote {
  139. padding-left:5px;
  140. border-left:2px solid;
  141. color:{color:blockquote};
  142. word-wrap: break-word;
  143. }
  144.  
  145.  
  146. /* RIGHT SIDEBAR INFO */
  147.  
  148. #sidebar2 {
  149. position:fixed;
  150. top:30px;
  151. margin-left:540px;
  152. overflow:hidden;
  153. }
  154. .hide { width:0px; }
  155.  
  156. #navi {
  157. text-align:left;
  158. margin-left:-5px;
  159. }
  160. #navi a{
  161. text-decoration:none;
  162. margin-bottom:8px;
  163. text-align:right;
  164. display:inline-block;
  165. width:100px;
  166. color:{color:navilink};
  167. border-top:2px solid {color:navilink};
  168. border-bottom:2px solid {color:navilink};
  169. border-right:2px solid {color:navilink};
  170. border-radius:4px;
  171. padding:2px;
  172. }
  173. #navi a:hover {
  174. color:black;
  175. background-color:{color:navilink};
  176. }
  177.  
  178. #description {
  179. margin-top:10px;
  180. width:120px;
  181. text-align:left;
  182. display:inline-block;
  183. }
  184.  
  185. #pagination {
  186. position:fixed;
  187. bottom:5px;
  188. margin-left:540px;
  189. font-family:'raleway';
  190. font-size:24px;
  191. display:inline-block;
  192. }
  193.  
  194. /* LEFT SIDEBAR INFO */
  195.  
  196.  
  197. #sidebar1 {
  198. position:fixed;
  199. bottom:60px;
  200. margin-left:-10px;
  201. }
  202.  
  203. #title{
  204. position:absolute;
  205. width:1000px;
  206. text-align:left;
  207. color:{color:title};
  208. font-size:30px;
  209. font-family:'nunito';
  210. font-style:bold;
  211. text-transform:lowercase;
  212. padding-right:5px;
  213. transform:rotate(270deg);
  214. -ms-transform:rotate(270deg);
  215. -webkit-transform:rotate(270deg);
  216. transform-origin: bottom left;
  217. -ms-transform-origin: bottom left;
  218. -webkit-transform-origin: bottom left;
  219. }
  220.  
  221. .morebutton {
  222. font-family:'raleway';
  223. font-size:10px;
  224. cursor:pointer;
  225. display:inline-block;
  226. }
  227.  
  228. /* POST INFO */
  229.  
  230. #container {
  231. margin-top:20px;
  232. margin-bottom:20px;
  233. margin-left:auto;
  234. margin-right:auto;
  235. width:532px;
  236. }
  237.  
  238. .entry {
  239. float:center;
  240. position:relative;
  241. width:500px;
  242. padding:15px;
  243. margin-bottom:20px;
  244. border:1px solid {color:postborder};
  245. }
  246.  
  247.  
  248. img {
  249. max-width:100%;
  250. }
  251.  
  252. h1 {
  253. text-align:center;
  254. font-size:12px;
  255. color:{color:title};
  256. }
  257.  
  258. #portrait img {
  259. float:left;
  260. margin-right:5px;
  261. }
  262.  
  263. #permalink {
  264. text-align:center;
  265. position:relative;
  266. margin-top:8px;
  267. padding-top:8px;
  268. }
  269.  
  270.  
  271. #credit a {
  272. display:inline-block;
  273. width:40px;
  274. color:white;
  275. text-decoration:none;
  276. border-right:1px solid;
  277. border-left: 1px solid;
  278. border-color:white;
  279. padding: 4px 0px 4px 0px;
  280. -o-transition: all 1s ease-out;
  281. -webkit-transition: all 1s ease-out;
  282. -moz-transition: all 1s ease-out;
  283. }
  284.  
  285. #credit a:hover {
  286. background-color:white;
  287. color:black;
  288. border-color:black;
  289. -o-transition: all 1s ease-out;
  290. -webkit-transition: all 1s ease-out;
  291. -moz-transition: all 1s ease-out;
  292. }
  293.  
  294. #credit {
  295. display:inline-block;
  296. font-size:10px;
  297. font-family: calibri;
  298. text-align:center;
  299. letter-spacing:1px;
  300. width:40px;
  301. height:15px;
  302. position: fixed;
  303. padding-top:1px;
  304. right:25px;
  305. bottom:10px;
  306.  
  307. }
  308.  
  309. iframe#tumblr_controls {
  310. top: 0% !important;
  311. right:0% !important;
  312. opacity:0.3;
  313. position: fixed !important;
  314. filter:alpha(opacity=100);
  315. -webkit-transition: all 0.7s ease;
  316. -moz-transition: all 0.7s ease;
  317. -o-transition: all 0.7s ease;
  318. }
  319. iframe#tumblr_controls:hover{
  320. top: 0% !important;
  321. right:0% !important;
  322. opacity:0.8;
  323. position: fixed !important;
  324. filter:alpha(opacity=100);
  325. -webkit-transition: all 0.7s ease;
  326. -moz-transition: all 0.7s ease;
  327. -o-transition: all 0.7s ease;
  328. }
  329.  
  330.  
  331. </style>
  332.  
  333. </head>
  334.  
  335. <body></body>
  336.  
  337. <div id="container">
  338.  
  339. <!--- LEFT SIDEBAR --->
  340. <div id="sidebar1">
  341. <div id="title">{title}
  342. <div class="morebutton">(info)</div>
  343. </div><!--- end of div "title" --->
  344. </div><!--- end of div "sidebar1" --->
  345.  
  346. <!--- RIGHT SIDEBAR --->
  347. <div id="sidebar2" class="hide">
  348. <div id="navi">
  349. <a href="/">Home</a>
  350. <a href="{text:link1 url}">{text:link1}</a>
  351. <a href="{text:link2 url}">{text:link2}</a>
  352. <a href="{text:link3 url}">{text:link3}</a>
  353. <a href="{text:link4 url}">{text:link4}</a>
  354. <a href="{text:link5 url}">{text:link5}</a>
  355. </div><!--- end of div "navi" --->
  356. <div id="description">{description}</div>
  357. </div><!--- end of div "sidebar2" --->
  358.  
  359. <div id="pagination">{block:NextPage}<a href="{NextPage}">+</i></a>{/block:NextPage}<br>
  360. {block:PreviousPage}<a href="{PreviousPage}">-</i></a>{/block:PreviousPage}</div>
  361.  
  362. {block:posts}
  363. <div class="entry">
  364.  
  365.  
  366. <!--- POSTS --->
  367.  
  368. {block:text}
  369. <h1>{block:title}{title}{/block:title}</h1>
  370. {body}
  371. {/block:text}
  372.  
  373. {block:Photo}
  374. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  375. {block:Caption}<div style="border:1px solid {color:bostborder};padding:5px;margin-top:8px;">{Caption}</div>{/block:Caption}
  376. {/block:Photo}
  377.  
  378. {block:Photoset}
  379. {Photoset-500}
  380. {block:Caption}<div style="border:1px solid {color:bostborder};padding:5px;margin-top:8px;">{Caption}</div>{/block:Caption}
  381. {/block:Photoset}
  382.  
  383. {block:Quote}
  384. {Quote}
  385. {block:Source}<br><div style="border:1px solid {color:bostborder};padding:5px;margin-top:8px;">—{Source}</div>{/block:Source}
  386. {/block:Quote}
  387.  
  388. {block:Link}
  389. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  390. {block:Description}{Description}{/block:Description}
  391. {/block:Link}
  392.  
  393. {block:Chat}
  394. {block:Title}<h1>{Title}</h1>{/block:Title}
  395. {block:Lines}
  396. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  397. {/block:Lines}
  398. {/block:Chat}
  399.  
  400. {block:Audio}
  401. {AudioPlayerWhite}
  402. {block:Caption}<div style="border:1px solid {color:bostborder};padding:5px;margin-top:8px;">{Caption}</div>{/block:Caption}
  403. {/block:Audio}
  404.  
  405. {block:Video}
  406. {Video-500}
  407. {block:Caption}<div style="border:1px solid {color:bostborder};padding:5px;margin-top:8px;">{Caption}</div>{/block:Caption}
  408. {/block:Video}
  409.  
  410. {block:Answer}
  411. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  412. {Asker}:<br>"{Question}"<p>{Answer}
  413. {/block:Answer}
  414.  
  415. <!--- POST INFO --->
  416.  
  417. <div id="permalink">
  418. {block:Date}{Month} {DayOfMonth} - {/block:Date}<a href="{PermaLink}">♥{NoteCount}</a> - <a href="{ReblogUrl}" target="_blank">➥</a>
  419.  
  420. {block:rebloggedfrom}<br><a href="{reblogparenturl}" title="{reblogparentname}">Via</a> - <a href="{reblogrooturl}" title="{reblogrootname}">Source</a>
  421. {/block:rebloggedfrom}
  422.  
  423. <br>{block:hastags}{block:tags}<i class="fa fa-tag"></i><a href="{tagurl}">{tag} </a>{/block:tags}
  424. {/block:hastags}
  425. </div><!-- end of div "permalink" -->
  426.  
  427. </div><!-- end of class "entry" -->
  428.  
  429. {/block:posts}
  430. <div class="postnote">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  431. {/block:posts}
  432.  
  433. </div><!-- end of div "container" -->
  434.  
  435.  
  436. <!--------------------------------------------------------------------------- I don't care if you edit, but please for the love of god do not ------
  437. -------------------- remove the credit on my stuff -----------------------
  438. ------------------------------------------------------------------------->
  439.  
  440.  
  441. <div id="credit">
  442. <div style="font-size:12; font-style:italic; text-align:center; padding-left:2px; padding-right:2px;"><a href="http://theleakycauldron.co.vu"> ---a---</a></div>
  443. </div>-->
  444.  
  445. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement