API tools faq
paste
Advertisement
galaxias-themes

[ page ] #01 BEAUTIFUL MADNESS

galaxias-themes
Nov 19th, 2014
1,052
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.56 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------
  2. █▀▀▀ █▀▀█ █░░ █▀▀█ █░█ ░▀░ █▀▀█ █▀▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  3. █░▀█ █▄▄█ █░░ █▄▄█ ▄▀▄ ▀█▀ █▄▄█ ▀▀█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  4. ▀▀▀▀ ▀░░▀ ▀▀▀ ▀░░▀ ▀░▀ ▀▀▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  5. ᴛʜᴇᴍᴇ ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs @ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  6. ᴘᴀɢᴇ ᴛʜᴇᴍᴇ #01 ʙᴇᴀᴜᴛɪғᴜʟ ᴍᴀᴅɴᴇss
  7. ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ! ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ᴏʀ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ.
  8. ------------------------------------------------------------------>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  11. <html>
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16.  
  17. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  18. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("[title]").style_my_tooltips();
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27.  
  28. <style type="text/css">
  29.  
  30. @font-face {
  31. font-family: "blade_ii";
  32. src:url('https://dl.dropboxusercontent.com/s/bu96tgkphq5i195/blade%202.ttf?dl=1');
  33. format(“truetype”);}
  34.  
  35. @font-face {
  36. font-family:"swenson";
  37. src:url('https://dl.dropboxusercontent.com/s/g8baufvqnng1g1h/swenson.ttf');
  38. format(“truetype”);}
  39.  
  40.  
  41.  
  42. /* Selection */
  43.  
  44. ::-moz-selection { /* Code for Firefox */
  45. color: #311222; /* Text color when highlighted */
  46. background: #1c1c1c; /* Background color when highlighted */
  47. }
  48.  
  49. ::selection { /* Code for Chrome */
  50. color: #311222; /* Text color when highlighted */
  51. background: #1c1c1c; /* Background color when highlighted */
  52. }
  53.  
  54.  
  55. /* Let's get this party started */
  56. ::-webkit-scrollbar { /* Indicates height and width of scrollbar */
  57. width:5px;
  58. max-height:5px;
  59. min-height:1px;
  60. }
  61.  
  62. /* Track */
  63. ::-webkit-scrollbar-track { /* Color of the fixed portion of the scrollbar */
  64. background-color:#1c1c1c;
  65. }
  66. /* Handle */
  67. ::-webkit-scrollbar-thumb { /* Color of the thumb portion of the scrollbar */
  68. background-color:#311222;
  69. }
  70.  
  71.  
  72. *, body, a {
  73. /* Cursor can be changed, just replace the image url with your own */
  74. cursor:url('http://i.imgur.com/vl6y9.jpg'), auto;
  75. }
  76.  
  77. body {
  78. background-color:#0a0a0a;
  79. /* Background Image can be changed, replace with your own url */
  80. background-image: url('http://static.tumblr.com/ssbhuug/rbqnfeh86/beautifulmadnessprint.png');
  81. background-repeat:no-repeat;
  82. background-position:bottom right;
  83. background-attachment:fixed;
  84. background-size:contain;
  85. }
  86.  
  87. * {
  88. -moz-transition:all 0.5s linear;
  89. -webkit-transition:all 0.5s linear;
  90. -o-transition:all 0.5s linear;
  91. transition:all 0.5s linear;
  92. }
  93.  
  94. *:hover {
  95. -moz-transition:all 0.5s linear;
  96. -webkit-transition:all 0.5s linear;
  97. -o-transition:all 0.5s linear;
  98. transition:all 0.5s linear;
  99. }
  100.  
  101. a {
  102. text-decoration:none;
  103. color:#cccccc;
  104. }
  105.  
  106. a:hover {
  107. color:#311222;
  108. /* Hover cursor can be changed, just replace url with your own */
  109. cursor:url('http://i.imgur.com/ZJK7G.jpg'), auto;
  110. }
  111.  
  112. b, strong {
  113. color:#311222;
  114. }
  115.  
  116. i, em {
  117. color:#cccccc;
  118. }
  119.  
  120. u {
  121. color:#311222;
  122. }
  123.  
  124. strike {
  125. color:#cccccc;
  126. }
  127.  
  128. pre {
  129. font-family:verdana;
  130. font-size:9px;
  131. padding:2px;
  132. text-transform:auto;
  133. color:#777;
  134. background-color:#151515;
  135. border:2px solid #191919;
  136. text-align:justify;
  137. letter-spacing:0;
  138. line-height:100%;
  139. word-spacing:auto;
  140. }
  141.  
  142. .about:hover pre {
  143. border:2px solid #311222;
  144. }
  145.  
  146. blockquote {
  147. background-color:#151515;
  148. border-left:5px solid #191919;
  149. border-top:1px solid transparent;
  150. border-bottom:1px solid transparent;
  151. border-right:1px solid transparent;
  152. width:90%;
  153. padding:5px;
  154. margin-left:10px;
  155. font-family:verdana;
  156. font-size:9px;
  157. color:#777;
  158. line-height:120%;
  159. letter-spacing:-1px;
  160. word-spacing:0;
  161. text-transform:auto;
  162. text-align:justify;
  163. -moz-transition:all 0.5s ease-in-out;
  164. -webkit-transition:all 0.5s ease-in-out;
  165. -o-transition:all 0.5s ease-in-out;
  166. transition:all 0.5s ease-in-out;
  167. }
  168.  
  169. .about:hover blockquote {
  170. border:5px solid #311222;
  171. margin-left:5px;
  172. }
  173.  
  174. /* Tooltip */
  175. #s-m-t-tooltip{
  176. /* basic */
  177. max-width:200px;
  178. z-index:99999;
  179. margin:24px 14px 7px 12px;
  180. /* style and design */
  181. padding:2px 4px 2px 4px;
  182. background-color:#101010;
  183. border:1px solid #151515;
  184. color:#aaaaaa;
  185. font-family:verdana;
  186. letter-spacing:0;
  187. text-transform:uppercase;
  188. font-size:8px;
  189. line-height:100%;
  190. -moz-transition:all 0.5s ease-in-out;
  191. -webkit-transition:all 0.5s ease-in-out;
  192. -o-transition:all 0.5s ease-in-out;
  193. transition:all 0.5s ease-in-out;
  194. }
  195.  
  196.  
  197. /* sidebar */
  198.  
  199. .wrapper { /* Keeps the contents of the theme in place */
  200. position:fixed;
  201. width:auto;
  202. height:auto;
  203. margin-top:-50px; /* Can be changed to move the contents up or down */
  204. margin-left:-40px; /* Can be changed to move the contents left or right */
  205. padding:10px;
  206. background-color:;
  207. }
  208.  
  209. .title {
  210. position:fixed;
  211. margin-top:132px;
  212. margin-left:120px;
  213. width:auto !important;
  214. height:auto !important;
  215. background-color:transparent;
  216. padding:2px;
  217. color:#311222;
  218. text-shadow:-1px 0px 2px #000;, 0px 2px 0px #000;, 2px 0px 0px #000;, -2px 0px 0px #000;
  219. font-family:blade_ii;
  220. font-size:100px;
  221. text-transform:uppercase;
  222. line-height:100%;
  223. text-align:justify;
  224. letter-spacing:0;
  225. word-spacing:0;
  226. z-index:99999999999999999999999999999;
  227. }
  228.  
  229.  
  230. .about {
  231. position:fixed;
  232. background-color:#101010;
  233. border:10px double #151515;
  234. padding:10px;
  235. width:350px;
  236. height:300px;
  237. margin-top:200px;
  238. margin-left:95px;
  239. font-family:verdana;
  240. font-size:9px;
  241. color:#777;
  242. text-align:justify;
  243. text-transform:auto;
  244. overflow:auto;
  245. line-height:120%;
  246. letter-spacing:0;
  247. word-spacing:-1px;
  248. }
  249.  
  250. .links {
  251. position:fixed;
  252. margin-top:250px;
  253. margin-left:500px;
  254. width:auto !important;
  255. height:auto !important;
  256. padding:2px;
  257. background-color:transparent;
  258. }
  259.  
  260. .links a {
  261. margin-top:5px;
  262. display:block;
  263. width:10px;
  264. height:auto !important;
  265. padding:3px;
  266. background-color:#101010;
  267. border:2px solid #151515;
  268. font-family:verdana;
  269. font-weight:none;
  270. font-size:9px;
  271. color:transparent;
  272. text-align:center;
  273. text-transform:uppercase;
  274. line-height:100%;
  275. letter-spacing:0;
  276. word-spacing:0;
  277. }
  278.  
  279. .links a:hover {
  280. background-color:#311222;
  281. color:#000;
  282. width:75px;
  283. }
  284.  
  285. .quote {
  286. position:fixed;
  287. margin-top:540px;
  288. margin-left:110px;
  289. width:350px;
  290. height:auto !important;
  291. padding:5px;
  292. background-color:tranparent;
  293. font-family:swenson;
  294. font-size:20px;
  295. color:#777;
  296. text-shadow:-1px 0px 2px #000;, 0px 2px 0px #000;, 2px 0px 0px #000;, -2px 0px 0px #000;
  297. line-height:100%;
  298. text-align:justify;
  299. text-transform:auto;
  300. letter-spacing:0;
  301. word-spacing:0;
  302. }
  303.  
  304. .qmark {
  305. width:auto;
  306. height:25px;
  307. float:left;
  308. margin:-5px 0px 5px -5px;
  309. background-color:transparent;
  310. color:#311222;
  311. font-family:arial;
  312. font-size:50px;
  313. text-shadow:-1px 0px 2px #000;, 0px 2px 0px #000;, 2px 0px 0px #000;, -2px 0px 0px #000;
  314. line-height:100%;
  315. text-transform:auto;
  316. text-align:justify;
  317. letter-spacing:0;
  318. word-spacing:0;
  319. }
  320.  
  321. /* Credit */
  322. .credit {
  323. position:fixed;
  324. bottom:7px;
  325. left:5px;
  326. }
  327.  
  328. .credit a{
  329. width:10px !important;
  330. height:10px !important;
  331. padding:1px 7px 1px 3px;
  332. background-color:#101010;
  333. border:solid 1px #311222;
  334. color:#777777;
  335. font-family:arial;
  336. font-size:15px;
  337. word-spacing:0;
  338. letter-spacing:-4px;
  339. line-height:100%;
  340. text-transform:uppercase;
  341. text-align:justify;
  342. }
  343.  
  344. .credit a:hover {
  345. background-color:#0a0a0a;
  346. border:solid 1px #151515;
  347. color:#311222;
  348. }
  349.  
  350. </style>
  351.  
  352. </head>
  353.  
  354. <body>
  355.  
  356. <div class="wrapper">
  357. <div class="title">About Me</div>
  358. <div class="about">
  359.  
  360. <pre>This is a pre</pre>
  361.  
  362. Lorem ipsum dolor sit amet, consectetueradipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis. <a href="/">link</a> / <b>bold</b> / <i>italics</i> / <u>underline</u> / <strike>strike</strike>
  363.  
  364. <blockquote>
  365. This is what a blockquote looks like. </br>
  366. Lorem ipsum dolor sit amet, consectetueradipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  367. </blockquote>
  368.  
  369. Lorem ipsum dolor sit amet, consectetueradipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p>
  370.  
  371. <p>Lorem ipsum dolor sit amet, consectetueradipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p>
  372.  
  373. <p>Lorem ipsum dolor sit amet, consectetueradipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p>
  374.  
  375. </div>
  376. <div class="links">
  377. <a title="Refresh" href="/">I</a>
  378. <a title="Inquire" href="/ask">II</a>
  379. <a title="Submissions" href="/submit">III</a>
  380. <a title="History" href="/archive">IV</a>
  381. <a title="Link 1" href="/">V</a>
  382. <a title="Link 2" href="/">VI</a>
  383. <a title="Link 3" href="/">VII</a>
  384. <a title="Link 4" href="/">VIII</a>
  385. <a title="Link 5" href="/">IX</a>
  386. <a title="Link 6" href="/">X</a>
  387. </div>
  388.  
  389. <div class="quote">
  390. <div class="qmark">❝</div>
  391. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  392. </div>
  393.  
  394. </div>
  395.  
  396. <!--- Do not remove. --->
  397.  
  398. <div class="credit"><a title="Galaxias-themes" href="/">GA</a></div>
  399.  
  400. </body>
  401. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!