Advertisement
ibanglouis

Neon Theme #3

Jul 14th, 2013
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.03 KB | None | 0 0
  1. <html>
  2. <!-- THEME MADE BY IBANGLOUIS. DO NOT REMOVE CREDIT -->
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}" />
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  7. <meta name="color:Background" content="#ffffff"/>
  8. <meta name="color:Text" content="#000000"/>
  9. <meta name="color:Link" content="#000000"/>
  10. <meta name="color:LinkHover" content="#000000"/>
  11. <meta name="color:Scrollbar" content="#000000"/>
  12. <meta name="color:Color1" content="#03EEFF">
  13. <meta name="color:Color2" content="#FF03FF">
  14. <meta name="color:Color3" content="#ffffff">
  15. <meta name="color:HoverColor1" content="#F7FF03">
  16. <meta name="color:HoverColor2" content="#03FF31">
  17. <meta name="text:MiniTitle" content="power &" />
  18. <meta name="text:BigTitle" content="control" />
  19. <meta name="image:Sidebar" content="" />
  20. <meta name="image:Sidebar2" content="" />
  21.  
  22. <script src="http://www.ruxim.com/profile/jquery.js"></script><script>$(document).ready(function(){var proof=$("#credit").attr("data");if(proof!="credit"){$("body").empty()}});</script>
  23.  
  24. <meta name="text:Link1 Title" content="I" />
  25. <meta name="text:Link1 Url" content="/" />
  26. <meta name="text:Link2 Title" content="II" />
  27. <meta name="text:Link2 Url" content="/ask" />
  28. <meta name="text:Link3 Title" content="III" />
  29. <meta name="text:Link3 Url" content="/" />
  30. <meta name="text:Link4 Title" content="IV" />
  31. <meta name="text:Link4 Url" content="/" />
  32. <meta name="text:Link5 Title" content="V" />
  33. <meta name="text:Link5 Url" content="/" />
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>
  36. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  37. <style type="text/css">
  38.  
  39.  
  40. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:#fff;}
  41. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  42. ::-webkit-scrollbar-track{background-color:#fff;}
  43.  
  44. ::selection {
  45. background:{color:text hover};
  46. }
  47.  
  48. ::-moz-selection {
  49. background:{color:text hover};
  50. }
  51.  
  52. ::-webkit-selection {
  53. background:{color:text hover};
  54. }
  55. body {
  56. background:{color:background};
  57. margin:0px;
  58. color:{color:text};
  59. font-family:Cambria;
  60. font-size:10px;
  61. line-height:100%;
  62. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  63. }
  64.  
  65. a {-webkit-transition:all 1s ease-out;
  66. -moz-transition:all 1s ease-out;
  67. transition:all 1s ease-out;
  68. text-decoration:none;
  69. outline:none;
  70. color:{color:Link};text-shadow:0px 1px {color:Color2}, -0px -1px {color:Color1};
  71. }
  72.  
  73. a:hover {-webkit-transition:all 1s ease-out;
  74. -moz-transition:all 1s ease-out;
  75. transition:all 1s ease-out;
  76. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  77. color:{color:Linkhover};text-shadow:0px 1px {color:HoverColor2}, -0px -1px {color:HoverColor2};
  78. }
  79.  
  80. img {-webkit-transition:all 1s ease-out;
  81. -moz-transition:all 1s ease-out;
  82. transition:all 1s ease-out;
  83. border:none;
  84. }
  85.  
  86. img:hover{-webkit-transition:all 1s ease-out;
  87. -moz-transition:all 1s ease-out;
  88. transition:all 1s ease-out;}
  89.  
  90. blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95.  
  96. blockquote blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101.  
  102. h1 {
  103. font-size:10px;
  104. }
  105.  
  106.  
  107. #entries {
  108. width:400px;
  109. margin-left:610px;
  110. margin-top:30px;
  111. padding:40px;
  112.  
  113.  
  114. }
  115. #post {
  116. width:400px;
  117. padding:5px;
  118. margin-bottom: 20px;
  119. margin-top:30px;
  120. }
  121.  
  122.  
  123. #sidebar {
  124. width:100px;
  125. height: 100%;
  126. position:fixed;
  127. margin-top:20px;
  128. }
  129.  
  130.  
  131.  
  132. @font-face{font-family:Cooper Black;src:url(http://static.tumblr.com/jpwhryi/TB7mpusnk/cooper_black.ttf);}
  133.  
  134.  
  135.  
  136. #links {
  137. -webkit-transition:all 0.5s ease-out;
  138. -moz-transition:all 0.5s ease-out;
  139. transition:all 0.5s ease-out;
  140. width:120px;
  141. padding-top: 10px;
  142. font-size:50px;
  143. margin-left:0px;
  144. margin-top: 0px;
  145. text-align:left;
  146. position:fixed;
  147.  
  148.  
  149. }
  150. #line{width:70px;height:2000px;background:#000;position:fixed;margin-left:100px;margin-top:-360px;-webkit-transition: all .5s linear;
  151. -webkit-transform: rotate(30deg);
  152. -moz-transform: rotate(30deg);
  153. -o-transform: rotate(30deg);border-left:3px solid {color:color1};border-right:3px solid {color:color2};}
  154. #line3{width:70px;height:2000px;background:#000;position:fixed;margin-left:103px;margin-top:-360px;-webkit-transition: all .5s linear;
  155. -webkit-transform: rotate(30deg);
  156. -moz-transform: rotate(30deg);
  157. -o-transform: rotate(30deg);}
  158.  
  159. #line2{width:70px;height:2000px;background:#000;position:fixed;margin-left:400px;margin-top:-360px;-webkit-transition: all .5s linear;
  160. -webkit-transform: rotate(-30deg);
  161. -moz-transform: rotate(-30deg);
  162. -o-transform: rotate(-30deg);border-left:3px solid {color:color1};border-right:3px solid {color:color2};}
  163.  
  164.  
  165. #links a
  166. {
  167. margin-bottom: -10px;
  168. font-family:Cooper Black;
  169. opacity: 1;
  170. line-height: 28px;
  171. margin-left: 15px;
  172. text-transform:uppercase;
  173. color: {color:color3};text-shadow:3px 3px {color:Color2}, -3px -3px {color:Color1};
  174. }
  175. #links a:hover{text-shadow:3px 3px {color:hoverColor2}, -3px -3px {color:hoverColor1};}
  176.  
  177. #sbimage {-webkit-transition:all 1s ease-out;
  178. -moz-transition:all 1s ease-out;
  179. transition:all 1s ease-out;padding:2px;border:double 5px #000;width:120px;height:120px;margin-top:314px;margin-left:72px;}#sbimage img{width:120px;height:120px;}
  180.  
  181.  
  182. #sbimage2 {-webkit-transition:all 1s ease-out;
  183. -moz-transition:all 1s ease-out;
  184. transition:all 1s ease-out;padding:2px;border:double 5px #000;width:120px;height:120px;margin-top:-133px;margin-left:372px;}#sbimage2 img{width:120px;height:120px;}
  185.  
  186.  
  187.  
  188. #description {-webkit-transition:all 0.9s ease-out;
  189. -moz-transition:all 0.9s ease-out;
  190. transition:all 0.9s ease-out;
  191. width: 130px;
  192. height: 100px;
  193. font:13px Cambria;
  194. padding:5px;text-shadow:1px 1px {color:Color2}, -1px -1px {color:Color1};
  195. margin-left:220px;
  196. margin-top:-350px;
  197. text-align:justify;
  198. color:{color:text};
  199. line-height: 10px;
  200. position:fixed;
  201. padding: 7px;
  202. }
  203. #link1{margin-top:-300px;margin-left:140px;}#link2{margin-top:-55px;margin-left:375px;}#link3{margin-top:163px;margin-left:243px;}#link4{margin-top:125px;margin-left:150px;}#link5{margin-top:-50px;margin-left:350px;}
  204.  
  205.  
  206. #description a {{color:Link}; -moz-transition-duration:0.4s;
  207. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  208.  
  209. #description a:hover {color:{color:Linkhover};letter-spacing:1px;}
  210.  
  211.  
  212.  
  213.  
  214. #pagination {-webkit-transition:all 0.9s ease-out;
  215. -moz-transition:all 0.9s ease-out;
  216. transition:all 0.9s ease-out;
  217. position:fixed;
  218. font-size:40px;
  219. text-align:center;
  220. font-family:Cambria;
  221. margin-top:100px;
  222. margin-left:160px;
  223. width: 250px;
  224. height:15px;
  225. padding:5px;}
  226.  
  227. #pagination a{color:{color:link};text-shadow:1px 1px {color:Color2}, -1px -1px {color:Color1};}
  228. #pagination a:hover{text-shadow:1px 1px {color:hoverColor2}, -1px -1px {color:hoverColor1};}
  229.  
  230.  
  231. #info {
  232. width:400px;
  233. height:auto;
  234. text-align:center;
  235. margin-top:15px;
  236. padding-top:5px;
  237. padding-bottom:5px;
  238. font-size:10px;
  239. font-family:Lusitana;
  240. font-style:none;
  241. border-top:5px double #000;
  242.  
  243. }
  244.  
  245. #info a { color: {color:Link};
  246.  
  247. }
  248.  
  249. #info a:hover { color: {color:Linkhover};}
  250.  
  251. #tags {text-align:center; margin:0px; margin-top:-13px;height:auto; height:auto;width:400px;}
  252.  
  253. #tags a{color:{color:link};}
  254.  
  255. #tags a:hover{{color:linkhover};}
  256.  
  257. #credit{
  258. right:8px;
  259. bottom:10px;
  260. position:fixed;
  261. padding:5px;
  262. }
  263.  
  264. #credit a:hover { color: {color:linkhover};}
  265.  
  266.  
  267. a:link ::-moz-selection {text-shadow: 0px 0px 0px {color:link};}
  268. : {text-shadow: 0px 0px 0px {color:link};}
  269.  
  270. .postalign{text-align:justify; padding:10px 10px 5px 10px;}
  271.  
  272. .quote{font-family:{font:Quote}; font-size:14px; color: {color:Font}; font-style:italic;}
  273.  
  274.  
  275. .ask{-webkit-transition:all 0.9s ease-out;
  276. -moz-transition:all 0.9s ease-out;
  277. transition:all 0.9s ease-out;font-size: 12px;margin-bottom:0px;
  278. padding: 10px; border:5px double #000;height:auto;font-style:italic;}
  279. .ask a{color:{color:Text};}
  280.  
  281.  
  282.  
  283. .answer{text-align:left;}
  284.  
  285.  
  286. ::-webkit-scrollbar {height:10px; width: 7px; background: {color:entries};}
  287. ::-webkit-scrollbar-thumb {background: #33E8F5; -moz-border-radius: 0px; border-radius: 0px;}
  288.  
  289. .audio{background-color:{color:entries}; height:35px; overflow:hidden;}
  290.  
  291.  
  292.  
  293.  
  294.  
  295. {CustomCSS}</style></head>
  296.  
  297. <div id="sidebar"><div id="line"></div><div id="line2"></div><div id="line3"></div>
  298. <div id="sbimage"><img src="{image:Sidebar}"></div>
  299. <div id="links">
  300. <div id="link1"><a href="{text:link1 url}">{text:link1 title}</a></div><br><br><br>
  301. <div id="link2"><a href="{text:link2 url}">{text:link2 title}</a></div><br><br><br>
  302. <div id="link3"><a href="{text:link3 url}">{text:link3 title}</a></div><br><br><br>
  303. <div id="link4"><a href="{text:link4 url}">{text:link4 title}</a></div><br><br><br>
  304. <div id="link5"><a href="{text:link5 url}">{text:link5 title}</a></div><br>
  305. </div>
  306.  
  307. <div id="sbimage2"><img src="{image:Sidebar2}"></div>
  308. {block:Pagination}<div id="pagination">
  309.  
  310.  
  311. {block:PreviousPage}
  312. <a href="{PreviousPage}">←</a>
  313. {/block:PreviousPage}
  314.  
  315. {block:NextPage}
  316. <a href="{NextPage}">→</a>
  317. {/block:NextPage}
  318.  
  319.  
  320. </div>{/block:Pagination}
  321.  
  322. <div id="description">{block:description}{description}<br>
  323.  
  324. {/block:description}
  325. </div>
  326.  
  327.  
  328.  
  329.  
  330.  
  331. </div>
  332.  
  333.  
  334. </div>
  335.  
  336. </div>
  337. <div id="leftborder"></div><div id="rightborder"></div>
  338. <div id="entries">{block:Posts}<div id="post">
  339.  
  340. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  341.  
  342. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  343.  
  344. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  345.  
  346. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  347.  
  348. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  349.  
  350. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  351.  
  352. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  353.  
  354. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  355.  
  356. {block:Answer}<div class="ask"><big><u><i>{Asker}</u></i></big> wondered:{Question}</div><br><div class="answer">{Answer}</div>{/block:Answer}
  357.  
  358.  
  359. <div id="info">
  360. <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} // <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} // <a href="{Permalink}">{NoteCountWithLabel}</a></div><br><div id="tags">
  361. {block:HasTags} {block:Tags} <img src="http://i.imgur.com/etMZHKn.png"> <a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags} {/block:HasTags}
  362. </div>
  363.  
  364.  
  365. <div class="note">
  366. {block:PostNotes}{PostNotes}{/block:PostNotes}
  367. </div>
  368. </div>
  369. <br>
  370. <br>
  371. {block:Posts}
  372.  
  373.  
  374. <div id="credit" data="credit"><a href="http://ibanglouis.tumblr.com"><img src="http://i42.tinypic.com/316kbnn.jpg" width="30px" height="30px"></a></div>
  375. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  376. <script src="jquery.style-my-tooltips.js"></script>
  377. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement