API tools faq
paste
msstephyyanne

Theme Thirteen: Empty Rooms (Version Two)

msstephyyanne
Jun 24th, 2014
438
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.71 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--theme thirteen by themesbyjude
  5. follow the rules ok -->
  6.  
  7. <!--SCRIPT FOR TOOLTIPS-->
  8. <stsss>
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:0,
  17. tip_fade_speed:0,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23.  
  24.  
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Link" content="#1bcc5c" />
  28. <meta name="color:Hover" content="#444" />
  29. <meta name="color:Text" content="#444" />
  30.  
  31. <meta name="image:Sidebar" content="" />
  32.  
  33. <meta name="text:link1 url" content="/">
  34. <meta name="text:link1 hover" content="link 1">
  35. <meta name="text:link2 url" content="/">
  36. <meta name="text:link2 hover" content="link 2">
  37. <meta name="text:link3 url" content="/">
  38. <meta name="text:link3 hover" content="link 3">
  39. <meta name="text:link4 url" content="/">
  40. <meta name="text:link4 hover" content="link 4">
  41. <meta name="text:link5 url" content="/">
  42. <meta name="text:link5 hover" content="link 5">
  43. <meta name="text:link6 url" content="/">
  44. <meta name="text:link6 hover" content="link 6">
  45.  
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51. @font-face{font-family: Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  52.  
  53. @font-face{font-family:Space;src:url(http://static.tumblr.com/9wzbixa/WTgmkupxp/spaced_out.ttf);}
  54.  
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. height:auto;
  58. background-color:{color:Text};
  59. }
  60.  
  61. ::-webkit-scrollbar {
  62. height:4px;
  63. width:3px;
  64. padding-right:2px;
  65. background-color:white;
  66. }
  67.  
  68. #s-m-t-tooltip {
  69. max-width:200px;
  70. font-family:'realize';
  71. font-size:10px;
  72. background-color:#000;
  73. color:#fff;
  74. line-height:11px;
  75. display:none;
  76. position:absolute;
  77. letter-spacing:1px;
  78. text-transform:uppercase;
  79. padding:4px;
  80. margin:15px 0px 0px 15px;
  81. z-index:99999999999999;
  82. }
  83.  
  84. body {
  85. background:{color:Background};
  86. color:{color:Text};
  87. font-family:'calibri';
  88. font-size:12px;
  89. text-decoration:none;
  90. text-transform:none;
  91. margin:0px;
  92. }
  93.  
  94. a {
  95. color:{color:Link};
  96. text-decoration:none;
  97. -moz-transition-duration:0.7s;
  98. -webkit-transition-duration:0.7s;
  99. -o-transition-duration:0.7s;
  100. }
  101.  
  102. a:hover {
  103. color:{color:Hover};
  104. -moz-transition-duration:0.7s;
  105. -webkit-transition-duration:0.7s;
  106. -o-transition-duration:0.7s;
  107. }
  108.  
  109. h2 {
  110. font-family:arial black;
  111. color:{color:Link};
  112. }
  113.  
  114. h2 a {
  115. color:{color:Link};
  116. }
  117.  
  118. li {
  119. list-style:square;
  120. }
  121.  
  122. blockquote {
  123. border-left:2px solid {color:Text};
  124. padding-left:5px;
  125. }
  126.  
  127. img, blockquote, li, h2 {
  128. max-width:100%;
  129. }
  130.  
  131. #entries {
  132. width:550px;
  133. margin:auto;
  134. position:relative;
  135. top:10px;
  136. left:500px;
  137. padding:40px;
  138. float:left;
  139. }
  140.  
  141. #posts {
  142. width:500px;
  143. margin-bottom:40px;
  144.  
  145. }
  146.  
  147. #sidebar {
  148. width:205px;
  149. height:350px;
  150. position:fixed;
  151. margin-top:140px;
  152. margin-left:200px;
  153. }
  154.  
  155. .title {
  156.  
  157. line-height:24px;
  158. margin-left:90px;
  159. margin-top:-235px;
  160. font-family:'realize';
  161. letter-spacing:2px;
  162. text-align:right;
  163. width:215px;
  164. text-transform:lowercase;
  165. font-size:22px;
  166. font-weight:bold;
  167. transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
  168.  
  169.  
  170. .sidebarpic {
  171. width:auto;
  172. height:auto;
  173. }
  174.  
  175. .sidebarpic img {
  176. width:185px;
  177. height:210px;
  178.  
  179. }
  180.  
  181. .description {
  182. padding:5px;
  183. height:100px;
  184. width:220px;
  185. overflow:scroll;
  186. margin-top:8px;
  187. margin-left:-28px;
  188. position:relative;
  189. text-align:justify;
  190. }
  191.  
  192. .links {
  193.  
  194. font-size:20px;
  195. font-family:'realize';
  196. width:20px;
  197. height:auto;
  198. margin-left:-30px;
  199. position:relative;
  200. text-decoration:none;
  201. text-align:center;
  202. margin-top:-120px;
  203. font-weight:bold;
  204. letter-spacing:0px;
  205. text-transform:lowercase;
  206. }
  207.  
  208. .links a {
  209. padding:3px;
  210. color:{color:Link};
  211. }
  212.  
  213. .links a:hover {
  214. background-color:{color:Text};
  215. color:white;
  216. }
  217.  
  218. #pagination {
  219. width:205px;
  220. margin-top:85px;
  221. font-size:25px;
  222. font-family:'realize';
  223. float:center;
  224. text-align:center;
  225. text-transform:uppercase;
  226. }
  227.  
  228. /*--INFO AND TAGS--*/
  229. #footer {
  230. text-transform:none;
  231. width:500px;
  232. text-align:right;
  233. font-size:11px;
  234. border-top:1px solid {color:Link}; padding:6px;
  235. margin-top:15px;
  236.  
  237. }
  238.  
  239. #footer a {
  240. color:{color:Link};
  241. }
  242.  
  243. #footer a:hover {
  244. color:{color:Hover};
  245. }
  246.  
  247.  
  248. /*--CREDIT--*/
  249. #spectrum {
  250. bottom:9px;
  251. right:7px;
  252. font-size:8px;
  253. font-family:'calibri';
  254. letter-spacing:1px;
  255. text-transform:uppercase;
  256. position:fixed;
  257. }
  258.  
  259. {CustomCSS}</style></head><body>
  260.  
  261. <div id="sidebar">
  262.  
  263. <div class="sidebarpic"><img src="{image:Sidebar}" /></div>
  264. <div class="description">{Description}</div>
  265. <div class="title"><a href="/" title="home">{Title};</a></div>
  266.  
  267. <div class="links">
  268. <a title="{text:link1 hover}" href="{text:link1 url}">I</a>
  269. <a title="{text:link2 hover}" href="{text:link2 url}">II</a>
  270. <a title="{text:link3 hover}" href="{text:link3 url}">III</a>
  271. <a title="{text:link4 hover}" href="{text:link4 url}">IV</a>
  272. <a title="{text:link5 hover}" href="{text:link5 url}">V</a>
  273. <a title="{text:link6 hover}" href="{text:link6 url}">VI</a>
  274. </div>
  275.  
  276.  
  277.  
  278. <div id="pagination">
  279. {block:Pagination}
  280. {block:PreviousPage}<a href="{PreviousPage}" title="back">←</a>{/block:PreviousPage} &nbsp;&nbsp;
  281. {block:NextPage}<a href="{NextPage}" title="next">→</a>{/block:NextPage}
  282. {/block:Pagination}
  283. </div>
  284. </div>
  285.  
  286. <div id="entries">{block:Posts}<div id="posts">
  287.  
  288.  
  289. {block:Text}
  290. {block:Title}<h2>{Title}</h2>{/block:Title}
  291. {Body}
  292. {/block:Text}
  293.  
  294. {block:Answer}
  295. {Asker} asked: {Question}
  296. {Answer}
  297. {/block:Answer}
  298.  
  299. {block:Quote}
  300. {Quote}
  301. {block:Source}{Source}{/block:Source}
  302. {/block:Quote}
  303.  
  304. {block:Link}
  305. <h2><a href="{URL}">{Name}</a></h2>
  306. {block:Description}{Description}{/block:Description}
  307. {/block:Link}
  308.  
  309. {block:Chat}
  310. {block:Title}{Title}{/block:Title}
  311. <ul>{block:Lines}
  312. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  313. {/block:Lines}</ul>
  314. {/block:Chat}
  315.  
  316. {block:Photo}
  317. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  318. {block:Caption}{Caption}{/block:Caption}
  319. {/block:Photo}
  320.  
  321. {block:Photoset}
  322. {Photoset-500}
  323. {block:Caption}{Caption}{/block:Caption}
  324. {/block:Photoset}
  325.  
  326. {block:Audio}
  327. {AudioPlayerWhite}
  328. {block:TrackName}{TrackName}{/block:Trackname}
  329. {AudioPlayerBack}
  330. {block:Caption}{Caption}{/block:Caption}
  331. {/block:Audio}
  332.  
  333. {block:Video}
  334. {Video-500}
  335. {block:Caption}{Caption}{/block:Caption}
  336. {/block:Video}
  337.  
  338. <div id="footer">
  339. {block:Date}<a href="{Permalink}">{TimeAgo}</a>
  340. {block:NoteCount}/ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  341. <br>
  342. {block:HasTags}{block:Tags}<a href="{URL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  343. {/block:Date}</div>
  344.  
  345.  
  346. </div>{/block:Posts}
  347.  
  348. <div id="spectrum">
  349. <a href="http://themesbyjude.tumblr.com">JUDE</a>
  350. </div>
  351.  
  352. </div>
  353.  
  354.  
  355.  
  356.  
  357. </body>
  358. </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!