API tools faq
paste
Advertisement
Minatoos

Minato Tags

Minatoos
Sep 1st, 2015
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.77 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. PAGE CODE: MINATO by minatoos
  3.  
  4. - pls don't steal or repost as your own
  5. - hope you enjoy it!
  6.  
  7. - @minatoos for more themes
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13.  
  14. <script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}"/>
  17.  
  18. <style type="text/css">
  19.  
  20. /*CREDITS DO NOT REMOVE-------------------------------------------------*/
  21.  
  22. .c {
  23. position: fixed;
  24. bottom: 30px;
  25. right: 30px;
  26. text-align: center;
  27. border: 1px solid #f3f3f3;
  28. padding: 2px 4px 2px 4px;
  29. }
  30.  
  31. .c a {
  32. color: #f3f3f3;
  33. text-decoration: none;
  34. font-size: 8px;
  35. }
  36.  
  37. .c a:hover {
  38. opacity: 0.5;
  39. -moz-transition:0.4s ease-in;
  40. -webkit-transition:0.4s ease-in;
  41. -o-transition:0.4s ease-in;
  42. transition: 0.4s ease-in;
  43. }
  44.  
  45. /*SCROLLBAR-------------------------------------------------------------*/
  46.  
  47. ::-webkit-scrollbar {
  48. background-color: #ffffff;
  49. height: 8px;
  50. width: 5px
  51. }
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {
  54. background-color: #ffffff;
  55. height:5px
  56. }
  57.  
  58. /*PAGE------------------------------------------------------------------*/
  59.  
  60. body {
  61. background-color: white;
  62. background-attachment: fixed;
  63. font-family: Verdana;
  64. font-size: 10px;
  65. font-weight: lighter;
  66. color: #000000;
  67. word-wrap: break-word;
  68. margin: 0;
  69. }
  70.  
  71. a {
  72. text-decoration: none;
  73. transition: 0.5s ease;
  74. -o-transition: 0.5s ease;
  75. -moz-transition: 0.5s ease;
  76. -webkit-transition: 0.5s ease;
  77. }
  78.  
  79.  
  80.  
  81. /*LINKS-----------------------------------------------------------------*/
  82.  
  83. ul {
  84. text-align: left;
  85. text-transform: lowercase;
  86. margin-left: -30px;
  87. }
  88.  
  89. ul a {
  90. color: #000000;
  91. text-decoration: none;
  92. font-size: 8px;
  93. }
  94.  
  95. ul a:hover {
  96. opacity: 0.5;
  97. -moz-transition:0.4s ease-in;
  98. -webkit-transition:0.4s ease-in;
  99. -o-transition:0.4s ease-in;
  100. transition: 0.4s ease-in;
  101. padding-left: 8px;
  102. }
  103.  
  104. /*CONTENT---------------------------------------------------------------*/
  105.  
  106. #content {
  107. position: fixed;
  108. width: 500px;
  109. height: auto;
  110. background-color: #f8f8f8;
  111. margin: 200px 0px 50px 400px;
  112. padding: 10px;
  113. overflow: auto;
  114. }
  115.  
  116.  
  117. #navigation {
  118. position: absolute;
  119. margin-left: 650px;
  120. margin-top: 180px;
  121. z-index: 999999;
  122. }
  123.  
  124. .navi {
  125. padding: 5px 10px 10px;
  126. }
  127.  
  128. .navi a {
  129. display: inline-block;
  130. margin: 5px 8px 0px 0px;
  131. text-transform: lowercase;
  132. font-size: 8px;
  133. word-break: break-all;
  134. text-decoration: none;
  135. color: #000000;
  136. }
  137.  
  138. .nav a {
  139. margin-left: 15px;
  140. color:#000;
  141. }
  142.  
  143. .nav a:hover {
  144. opacity: 0.5;
  145. -moz-transition:0.4s ease-in;
  146. -webkit-transition:0.4s ease-in;
  147. -o-transition:0.4s ease-in;
  148. transition: 0.4s ease-in;
  149. }
  150.  
  151. .nav {
  152. text-align: right;
  153. padding: 0px 20px 20px;
  154. font-family: verdana;
  155. font-size: 8px;
  156. text-transform: uppercase;
  157. }
  158.  
  159. /*--------------------------------------------------------------------*/
  160.  
  161. p {
  162. width: 460px;
  163. text-align: justify;
  164. text-transform: lowercase;
  165. font-weight: lighter;
  166. font-size: 10px;
  167. margin-left: 20px;
  168. }
  169.  
  170. p a {
  171. text-decoration: none;
  172. color: #444444;
  173. }
  174.  
  175. p a:hover {
  176. opacity: 0.5;
  177. }
  178.  
  179. h2 {
  180. text-align: left;
  181. text-transform: uppercase;
  182. font-weight: bold;
  183. font-size: 8px;
  184. }
  185.  
  186. /*TABLE-------------------------------------------------------------------*/
  187.  
  188. table {
  189. width: 500px;
  190. border-spacing: 5px;
  191. }
  192.  
  193. td {
  194. text-align: left;
  195. width: 130px;
  196. padding: 5px 5px 10px 15px;
  197. border: 3px double #f8f8f8;
  198. background-color: #ffffff;
  199. }
  200.  
  201. td a {
  202. color: #000000;
  203. text-decoration: none;
  204. text-transform: uppercase;
  205. font-size: 7px;
  206.  
  207. }
  208.  
  209. td a:hover {
  210. opacity:0.5;
  211. padding-left:10px;
  212. }
  213.  
  214. td:hover {
  215. border: 3px solid #ffffff;
  216. }
  217.  
  218. </style>
  219. <script type="text/javascript"
  220. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  221. </head>
  222.  
  223. <body>
  224.  
  225.  
  226. <div id="navigation">
  227. <div class="nav">
  228. <a href="/">Home</a>
  229. <a href="/profile">Profile</a>
  230. <a><b>Tags</b></a>
  231. <a href="/blogroll">Blogroll</a>
  232. </div>
  233. </div>
  234.  
  235. <div id="content">
  236. <table>
  237. <tr>
  238. <td>
  239. <h2>Title 1</h2>
  240. <a href="/tagged/tag-link">Tag Name</a><br>
  241. <a href="/tagged/tag-link">Tag Name</a><br>
  242. <a href="/tagged/tag-link">Tag Name</a><br>
  243. <a href="/tagged/tag-link">Tag Name</a><br>
  244. <a href="/tagged/tag-link">Tag Name</a><br>
  245. <a href="/tagged/tag-link">Tag Name</a><br>
  246. <a href="/tagged/tag-link">Tag Name</a>
  247. </td>
  248.  
  249. <td>
  250. <h2>Title 2</h2>
  251. <a href="/tagged/tag-link">Tag Name</a><br>
  252. <a href="/tagged/tag-link">Tag Name</a><br>
  253. <a href="/tagged/tag-link">Tag Name</a><br>
  254. <a href="/tagged/tag-link">Tag Name</a><br>
  255. <a href="/tagged/tag-link">Tag Name</a><br>
  256. <a href="/tagged/tag-link">Tag Name</a><br>
  257. <a href="/tagged/tag-link">Tag Name</a>
  258. </td>
  259.  
  260. <td>
  261. <h2>Title 3</h2>
  262. <a href="/tagged/tag-link">Tag Name</a><br>
  263. <a href="/tagged/tag-link">Tag Name</a><br>
  264. <a href="/tagged/tag-link">Tag Name</a><br>
  265. <a href="/tagged/tag-link">Tag Name</a><br>
  266. <a href="/tagged/tag-link">Tag Name</a><br>
  267. <a href="/tagged/tag-link">Tag Name</a><br>
  268. <a href="/tagged/tag-link">Tag Name</a>
  269. </td>
  270. </tr>
  271.  
  272. <tr>
  273. <td>
  274. <h2>Title 4</h2>
  275. <a href="/tagged/tag-link">Tag Name</a><br>
  276. <a href="/tagged/tag-link">Tag Name</a><br>
  277. <a href="/tagged/tag-link">Tag Name</a><br>
  278. <a href="/tagged/tag-link">Tag Name</a><br>
  279. <a href="/tagged/tag-link">Tag Name</a><br>
  280. <a href="/tagged/tag-link">Tag Name</a><br>
  281. <a href="/tagged/tag-link">Tag Name</a>
  282. </td>
  283.  
  284. <td>
  285. <h2>Title 5</h2>
  286. <a href="/tagged/tag-link">Tag Name</a><br>
  287. <a href="/tagged/tag-link">Tag Name</a><br>
  288. <a href="/tagged/tag-link">Tag Name</a><br>
  289. <a href="/tagged/tag-link">Tag Name</a><br>
  290. <a href="/tagged/tag-link">Tag Name</a><br>
  291. <a href="/tagged/tag-link">Tag Name</a><br>
  292. <a href="/tagged/tag-link">Tag Name</a>
  293. </td>
  294.  
  295. <td>
  296. <h2>Title 6</h2>
  297. <a href="/tagged/tag-link">Tag Name</a><br>
  298. <a href="/tagged/tag-link">Tag Name</a><br>
  299. <a href="/tagged/tag-link">Tag Name</a><br>
  300. <a href="/tagged/tag-link">Tag Name</a><br>
  301. <a href="/tagged/tag-link">Tag Name</a><br>
  302. <a href="/tagged/tag-link">Tag Name</a><br>
  303. <a href="/tagged/tag-link">Tag Name</a>
  304. </td>
  305. </tr>
  306. </table>
  307. </div>
  308. </div>
  309.  
  310. <div class="c"><a href="http://minatoos.tumblr.com">M</a></div>
  311. </div>
  312. </body>
  313. </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!