Advertisement
jeannayu22

run the world. theme 12 by ardenc

Jul 30th, 2014
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.08 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. <!--
  4. █░░█ █▀▀█ ░▀░ █▀▀ █▀▀
  5. █░░█ █▄▄▀ ▀█▀ █▀▀ ▀▀█
  6. ░▀▀▀ ▀░▀▀ ▀▀▀ ▀▀▀ ▀▀▀
  7.  
  8. theme xii:
  9.  
  10. run the world.
  11.  
  12. no stealing this code for any means, no getting rid of credit. if i catch you, no one will be happy.
  13.  
  14. -->
  15.  
  16. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}" >
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:scrollbar" content="#000000"/>
  27. <meta name="color:scrollbarback" content="#ffffff"/>
  28. <meta name="color:Text" content="#000000"/>
  29. <meta name="color:Link" content="#cac9c9"/>
  30. <meta name="color:Hover" content="#e3e3e3"/>
  31. <meta name="color:Border" content="#e3e3e3"/>
  32. <meta name="color:Post" content="#ffffff"/>
  33. <meta name="color:Tags" content="#535050">
  34. <meta name="color:Credit" content="#e27187">
  35. <meta name="image:Sidebar" content=""/>
  36. <meta name="text:Link 3 URL" content="" />
  37. <meta name="text:Link 3 text" content="" />
  38. <meta name="text:Link 4 URL" content="" />
  39. <meta name="text:Link 4 text" content="" />
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:90,
  56.  
  57. tip_fade_speed:600,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69. <style type="text/css">
  70.  
  71. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  72.  
  73. ::-webkit-scrollbar {
  74. width: 5px;height: 5px;}
  75. ::-webkit-scrollbar-button:start:decrement,
  76. ::-webkit-scrollbar-button:end:increment {
  77. height: 3px;display: block;background-color: {color:white};}
  78. ::-webkit-scrollbar-track-piece {
  79. background-color: {color:scrollbarback};}
  80. ::-webkit-scrollbar-thumb:vertical {
  81. height: 9px;background-color: {color:Border};border-top:1px solid {color:Border};border-bottom:1px solid {color:Border};}
  82.  
  83. #s-m-t-tooltip {
  84. max-width:300px;
  85. padding:3px 3px 4px 3px;
  86. margin:10px 0px 0px 10px;
  87. background-color:black;
  88. font-family:calibri;
  89. font-size:9px;
  90. text-transform:uppercase;
  91. color:#f7f7f7;
  92. border:1px solid white;
  93. z-index:999999999999999999999999999999999999;
  94.  
  95. }
  96.  
  97. body {
  98. background:{color:Background};
  99. color:{color:Text};
  100. line-height:100%;
  101. font-family:Arial;
  102. font-size:9px;
  103. }
  104.  
  105. a {
  106. color:{color:Link};
  107. outline:none;
  108. text-decoration:none;
  109. -webkit-transition: all 0.2s ease-in;
  110. -moz-transition: all 0.2s ease-in;
  111. -o-transition: all 0.2s ease-in;
  112. }
  113.  
  114. a:hover{
  115. text-decoration:underline;
  116. }
  117.  
  118. img {
  119. border:none;
  120. opacity:.9;
  121. -webkit-transition: all 0.3s ease-in-out;
  122. -moz-transition: all 0.3s ease-in-out;
  123. -o-transition: all 0.3s ease-in-out;
  124. }
  125.  
  126. img:hover {
  127. opacity:1;
  128. }
  129.  
  130. blockquote {
  131. padding-left:4px;
  132. border-left:2px solid;
  133. }
  134.  
  135. #sidebar{
  136. position:fixed;
  137. width:150px;
  138. margin-left:370px;
  139. margin-top:25px;
  140. }
  141.  
  142.  
  143.  
  144. #sidebarimg{
  145. width:150px;
  146. }
  147.  
  148. #sidebarimg img{
  149. z-index:-1;
  150. width:70px;
  151. height:70px;
  152. border:10px solid {color:Border};
  153. padding:4px;
  154. opacity:1;
  155. }
  156.  
  157.  
  158. #description{
  159. position:fixed;
  160. background:white;
  161. z-index:1;
  162. opacity:0;
  163. border:10px solid {color:Border};
  164. padding:4px;
  165. font-family:calibri;
  166. width:72px;
  167. overflow:auto;
  168. height:72px;
  169. margin-top:25px;
  170. margin-left:370px;
  171. text-align:center;
  172. padding:3px;
  173. line-height:90%;
  174. font-size:8px;
  175. text-transform:uppercase;
  176. -webkit-transition: all 0.3s ease-in-out;
  177. -moz-transition: all 0.3s ease-in-out;
  178. -o-transition: all 0.3s ease-in-out;
  179. }
  180.  
  181. #description:hover{
  182. opacity:1;
  183. }
  184.  
  185. #description a:hover{
  186. text-decoration:none;
  187. text-shadow:-1px 0px yellow;
  188. }
  189.  
  190. #links{
  191. display:block;
  192. width:98px;
  193. position:fixed;
  194. font-family:Bebas Neue;
  195. margin-left:370px;
  196. margin-top:132px;
  197. text-transform:uppercase;
  198. letter-spacing:1px;
  199. font-size:10px;
  200.  
  201. }
  202.  
  203. #links a:hover{
  204. color:#fefefe;
  205.  
  206. -moz-box-shadow: inset 100px 0px {color:Border}, inset 0px 0px {color:Border};
  207. -webkit-box-shadow: inset 100px 0px {color:Border}, inset 0px 0px {color:Border};
  208. box-shadow: inset 100px 0px {color:Border}, inset 0px 0px {color:Border};
  209.  
  210. text-decoration:none;
  211. }
  212.  
  213. #links a{
  214. text-align:left;
  215. color:{color:Border};
  216. -moz-box-shadow: inset 5px 0px {color:Border}, inset 0px 0px {color:Border};
  217. -webkit-box-shadow: inset 5px 0px {color:Border}, inset 0px 0px {color:Border};
  218. box-shadow: inset 5px 0px {color:Border}, inset 0px 0px {color:Border};
  219. display:block;
  220. padding:5px 5px 5px 9px;
  221. margin-top:-7px;
  222. -webkit-transition: all 0.3s ease-in-out;
  223. -moz-transition: all 0.3s ease-in-out;
  224. -o-transition: all 0.3s ease-in-out;
  225. }
  226.  
  227. #pagination{
  228. position:fixed;
  229. font-family:Helvetica;
  230. margin-left:370px;
  231. margin-top:210px;
  232. font-size:15px;
  233. }
  234.  
  235. #pagination a:hover{
  236. text-shadow:-1px 0px yellow;
  237. text-decoration:none;
  238. }
  239.  
  240. #entries{
  241. width:500px;
  242. margin-left:470px;
  243. margin-top:20px;
  244. padding:15px;
  245. font-size:10px;
  246. }
  247.  
  248. #posts{
  249. width:500px;
  250. padding:10px;
  251. padding-bottom:15px;
  252. background-color:{color:Post};
  253. }
  254.  
  255. #question{
  256. font-family:cambria;
  257. font-size:10px;
  258. letter-spacing:1px;
  259. padding:7px;
  260. color:black;
  261. }
  262.  
  263. #question a{
  264. color:black;
  265. }
  266.  
  267. #question a:hover{
  268. text-decoration:underline;
  269. }
  270.  
  271. #answer{
  272. background:black;
  273. color:white;
  274. padding:2px 5px 2px 5px;
  275. font-family:cambria;
  276. font-size:10px;
  277. letter-spacing:1px;
  278. }
  279.  
  280. #answer a{
  281. color:white;
  282.  
  283. }
  284.  
  285. #info {
  286. text-align:left;
  287. margin-top:10px;
  288. text-transform:lowercase;
  289. font-size:8px;
  290. font-style:none;
  291. line-height:70%;
  292. border-top:4px double {color:Border};
  293. }
  294.  
  295.  
  296. #info a{
  297. font-family:calibri;
  298. text-transform:uppercase;
  299. font-style:italic;
  300. background-color:{color:Border};
  301. padding:4px;
  302. padding-top:2px;
  303. color:white;
  304.  
  305. }
  306.  
  307. #info a:hover{
  308. text-decoration:underline;
  309. }
  310.  
  311. #tags {
  312. font-family:cambria;
  313. letter-spacing:0px;
  314. text-transform:lowercase;
  315. font-size:10px;
  316. float:right;
  317. margin-top:4px;
  318. text-align:center;
  319. opacity:0;
  320. -webkit-transition: all 0.4s ease-in-out;
  321. -moz-transition: all 0.4s ease-in-out;
  322. -o-transition: all 0.4s ease-in-out;
  323. }
  324.  
  325. #tags a{
  326. color:{color:Tags};
  327. }
  328.  
  329. #posts:hover #tags{
  330. opacity:1;
  331. }
  332.  
  333.  
  334.  
  335. #credz{
  336. position:fixed;
  337. font-family:calibri;
  338. font-size:9px;
  339. text-transform:uppercase;
  340. color:#f7f7f7;
  341. bottom:10px;
  342. right:6px;
  343. -webkit-transition: all 0.5s ease-in-out;
  344. -moz-transition: all 0.5s ease-in-out;
  345. -o-transition: all 0.5s ease-in-out;
  346. -ms-transition: all 0.5s ease-in-out;
  347. }
  348.  
  349. #credz a{
  350. border:1px solid {color:Credit};
  351. background:#000;
  352. padding:4px 4px 5px 4px;
  353. color:{color:Credit};
  354. }
  355.  
  356. #credz a:hover{
  357. background:{color:Credit};
  358. border:1px solid black;
  359. color:black;
  360. text-decoration:none;
  361. }
  362.  
  363. #dean {
  364.  
  365. color:#707070;
  366. line-height:10px;
  367. text-align: center;
  368. position:fixed;
  369. left:250px;
  370. top:-115px;
  371. -webkit-transition: all .5s ease-in-out;
  372. -moz-transition: all .5s ease-in-out;
  373. -o-transition: all .5s ease-in-out;
  374. z-index:999;
  375. }
  376.  
  377. #dean a{
  378. color:black;
  379. font-size:8px;
  380. text-decoration:none;
  381. }
  382.  
  383. #dean a:hover {
  384. text-decoration:underline;
  385. -webkit-transition: all 0.3s ease-in-out;
  386. -moz-transition: all 0.3s ease-in-out;
  387. transition: all 0.3s ease-in-out;
  388. }
  389.  
  390. }
  391.  
  392. {CustomCSS}
  393. </style></head>
  394. <body>
  395.  
  396.  
  397.  
  398. <div id="sidebar">
  399. <div id="sidebarimg"><img src="{image:Sidebar}"></div>
  400. </div>
  401. <div id="description">{Description}
  402. </div>
  403. <div id="links"><center>
  404. <a href="/" title="home">one</a><br>
  405. <a href="/faqask" title="mssg">two</a><br>
  406. <a href="{text:Link 3 URL}" title="{text:Link 3 text}">three</a><br>
  407. <a href="{text:Link 4 URL}" title="{text:Link 4 text}">four</a></center>
  408. </div>
  409.  
  410. {block:Pagination}<div id="pagination">
  411.  
  412. {block:PreviousPage}<a href="{PreviousPage}">⇜</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">⇝</a><br>{/block:NextPage}
  413. </div>
  414. {/block:Pagination}
  415.  
  416. <div id="entries">{block:Posts}
  417. <div id="posts">
  418.  
  419. {block:Text}<h1>{block:Title}<span style="line-height:110%;">{Title}</span>{/block:Title}</h1>{Body}{/block:Text}
  420.  
  421. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  422.  
  423. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  424.  
  425. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}{/block:Chat}
  426.  
  427. {block:Quote}<strong><blockquote><span style="font-size:24px; line-height:90%;">{Quote}</span></blockquote></strong>{block:Source}<br>– {Source}{/block:Source}{/block:Quote}
  428.  
  429. {block:Link}<h1><i><a href="{URL}" {Target}>{Name}</a></i></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  430.  
  431. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  432. <br>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  433. {block:Artist} by: <b>{Artist}</b>{/block:Artist}<br><br><br><br><br><br><br>{block:Caption}{Caption}{/block:Caption}
  434. {/block:Audio}
  435.  
  436. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  437.  
  438. {block:Answer}<div id="question">{Asker}: {Question}</div><div id="answer">{Answer}</div>{/block:Answer}
  439.  
  440. <div id="info">
  441. <br><a href="{Permalink}" title="{12HourWithZero}:{Minutes} {AmPm}">{ShortMonth} {DayOfMonthWithZero} / {NoteCount}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}" style="float:right;padding:5px;margin-top:-5px;">via</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}" style="float:right;padding:5px;margin-top:-5px;">source</a>&nbsp;&nbsp;{/block:ContentSource}
  442. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}" style="background-color:transparent;"><b>#{Tag}</b></a> {/block:Tags}</div>{/block:HasTags}</div></div>
  443.  
  444. {block:PostNotes}{PostNotes}{/block:PostNotes}
  445.  
  446. {/block:Posts}
  447. </div>
  448. </div>
  449.  
  450.  
  451. </div>
  452.  
  453. <div id="credz"><a href="http://uries.tumblr.com/">US</a></center></div>
  454. </body>
  455. </hmtl>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement