API tools faq
paste
gwentee

Page #3: Mint

gwentee
Jan 1st, 2016
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.75 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. Page #3: Mint
  4. Page by Gwendolyn @ luhands-themes
  5. Please do NOT remove the credit
  6. Any questions? Ask here:
  7. sugahung.tumblr.com/faq
  8. or
  9. luhandsthemes.tumblr.com/faq
  10. --->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}" />
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  21.  
  22. <style type="text/css">
  23.  
  24. ::-webkit-scrollbar-thumb:vertical {
  25. background-color:#E73E3B; /*scroll bar colour*/
  26. height: 10px;
  27. }
  28.  
  29. ::-webkit-scrollbar-thumb:horizontal {
  30. background-color:#E73E3B; /*scroll bar colour*/
  31. width: 10px;
  32. }
  33.  
  34. ::-webkit-scrollbar {
  35. background-color:#fff; /*scroll bar background colour*/
  36. height: 5px;
  37. width: 5px;
  38. }
  39.  
  40. body {
  41. margin:0px;
  42. color: gray;
  43. background-color: #fff; /*background colour if no image*/
  44. background-image: url(http://i.imgur.com/7EYNvFB.png);
  45. }
  46.  
  47. a:link, a:active, a:visited{color:#E73E3B; text-decoration:none;} /*links colour*/
  48. a:hover{color:#000;} /*links hover colour*/
  49.  
  50. b,strong{
  51. color: #82e4f9; /*bold text colour*/
  52. }
  53.  
  54. hr {
  55. margin-top:15px;
  56. margin-bottom:15px;
  57. }
  58.  
  59. #container {
  60. width:500px;
  61. height:443px;
  62. position:absolute;
  63. margin-top:80px;
  64. margin-left:100px;
  65. background-color: #fff; /* background of container */
  66. border-top: 4px double #000; /*colour of the top border*/
  67. border-left: 4px double #000; /*colour of the left border of the box*/
  68. border-bottom: 3px solid #E73E3B; /*colour of the bottom border*/
  69. border-right: 4px solid #000;/*colour of the right border*/
  70. }
  71.  
  72.  
  73. #title{
  74. position:absolute;
  75. color:#E73E3B; /*title colour*/
  76. text-shadow:2px 2px 3px #fff; /*shadow colour*/
  77. text-transform:uppercase;
  78. font:400 40px 'play';
  79. letter-spacing: 2px;
  80. text-align:right;
  81. bottom:30px;
  82. margin-left:325px;
  83. }
  84.  
  85. #box {
  86. z-index: -10;
  87. width:500px;
  88. height:133px;
  89. border-top: 2px solid #E73E3B; /*title border colour*/
  90. background-color:#82e4f9; /*title background colour*/
  91. margin-top:5px;
  92. }
  93.  
  94. #text{
  95. width:350px;
  96. height:283px;
  97. background:#ffffff;
  98. font-size: 12px; /* text size */
  99. color: #344247; /* text colour */
  100. margin-top:20px;
  101. padding-left:150px;
  102. overflow-x: scroll;
  103. overflow: auto;
  104. }
  105.  
  106.  
  107. #sideimg img {
  108. max-width:130px;
  109. width:110px;
  110. height:280px;
  111. margin-left:10px;
  112. margin-top:-300px;
  113. border: 4px double #000;
  114. padding:5px;
  115. -moz-transition-duration:1s;
  116. -webkit-transition-duration:1s;
  117. -o-transition-duration:1s;
  118. }
  119.  
  120. .links {
  121. width:100px;
  122. margin-left:10px;
  123. margin-top:15px;
  124. position:fixed;
  125. display:block;
  126. border:4px double #000; /*border colour*/
  127. padding:10px;
  128. padding-top:5px;
  129. position: absolute;
  130. background: transparent; /*links box bg colour change to #colour value*/
  131. }
  132.  
  133. .links a{
  134. display:inline-block;
  135. width:88px;
  136. height:20px;
  137. margin:4px;
  138. background-color:#fff; /*links bg colour*/
  139. border:1px solid #000; /*links border colour*/
  140. color:#000; /*link colour*/
  141. font-family: 'Play', sans-serif;
  142. text-transform:uppercase;
  143. font-size:10px;
  144. letter-spacing:2px;
  145. text-align:right;
  146. }
  147.  
  148. .links a:hover{
  149. background-color: #666; /*links on hover bg colour*/
  150. color: #fff; /* links on hover text colour*/
  151. }
  152.  
  153. #container2 {
  154. width:500px;
  155. height:443px;
  156. position:absolute;
  157. margin-top:80px;
  158. margin-left:760px;
  159. background-color: #fff; /* background of container */
  160. border-top: 4px double #000; /*colour of the top border*/
  161. border-left: 4px double #000; /*colour of the left border of the box*/
  162. border-bottom: 3px solid #E73E3B; /*colour of the bottom border*/
  163. border-right: 4px solid #000;/*colour of the right border*/
  164. }
  165.  
  166. #box2 {
  167. z-index: -10;
  168. width:500px;
  169. height:133px;
  170. border-top: 2px solid #E73E3B; /*title border colour*/
  171. background-color:#82e4f9; /*title background colour*/
  172. margin-top:-128px;
  173. }
  174.  
  175. #tags{
  176. width:490px;
  177. height:283px;
  178. background:#fff;
  179. font-size: 12px; /* text size */
  180. color: #344247; /* text colour */
  181. margin-top:20px;
  182. padding-left: 10px;
  183. overflow-x: scroll;
  184. overflow: auto;
  185. }
  186.  
  187.  
  188. #sideimg2 img {
  189. max-width:130px;
  190. width:100px;
  191. height:100px;
  192. margin-left:10px;
  193. margin-top:15px;
  194. border: 4px double #000;
  195. padding:5px;
  196. -moz-transition-duration:1s;
  197. -webkit-transition-duration:1s;
  198. -o-transition-duration:1s;
  199. }
  200.  
  201. .header {
  202. font-size: 20px;
  203. color: #E73E3B;
  204. text-transform: uppercase;
  205. border-bottom: 3px solid #82e4f9;
  206. width: 30px
  207. }
  208.  
  209. .credit {
  210. position:fixed;
  211. bottom: 4px;
  212. right: 8px;
  213. font: 9px consolas;
  214. border: 1px solid #666; /* credit border*/
  215. text-transform:uppercase;
  216. letter-spacing: 0px;
  217. padding: 2px;
  218. }
  219.  
  220. .credit a{
  221. color: #E73E3B; /* credit text colour*/
  222. opacity:0.8;
  223. }
  224.  
  225. </style>
  226. </head>
  227.  
  228. <body>
  229.  
  230. <div id="container">
  231. <div id="title">About</div>
  232. <div id="text">
  233. <b>NAME</b>: answer <br>
  234. <b>AGE</b>: answer<br>
  235. <b>SIGN</b>: answer<br>
  236. <b>LOCATION</b>: answer<br><br>
  237.  
  238. use br tag to add spaces and hr tag to add lines like in the tag box
  239. <!--- <br> <hr>---><br>
  240.  
  241. add a link! <a href="">like this</a> and write as much as you want there is a scrollbar~
  242.  
  243.  
  244. <!--- end of the description --->
  245. </div>
  246.  
  247.  
  248. <div class="links">
  249. <a href="/">home</a><br>
  250. <a href="/ask">ask</a><br>
  251. <a href="/">link 1</a><br>
  252. </div>
  253.  
  254. <div id="sideimg"><img src="http://i.imgur.com/oNB0Ioc.jpg"></div>
  255. <!--- tall image about box here --->
  256.  
  257. <div id="box"></div>
  258.  
  259. </div>
  260.  
  261. <!--- end of about container --->
  262.  
  263. <!--- start of tags container
  264. if you wish for more sections copy this code!
  265.  
  266. <hr>
  267.  
  268. <div class="header">Header</div><br>
  269. <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a>
  270. </div>
  271.  
  272. --->
  273.  
  274. <div id="container2">
  275. <div id="title">Tags</div>
  276. <div id="tags">
  277. <div class="header">Groups</div><br>
  278.  
  279. <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a>
  280.  
  281. <hr><!--- dividing line --->
  282.  
  283. <div class="header">Solos</div><br>
  284. <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a>
  285.  
  286. <hr><!--- dividing line --->
  287.  
  288. <div class="header">Shows</div><br>
  289. <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a> / <a href="/">tags</a>
  290.  
  291. <!--- paste more tags before this line --->
  292. </div>
  293.  
  294. <div id="sideimg2"><img src="http://i.imgur.com/sQbvOd9.jpg"></div>
  295.  
  296. <div id="box2"></div>
  297.  
  298. </div>
  299.  
  300. <!--- Do Not Touch Credit! Thank you!!--->
  301. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>
  302.  
  303. </body>
  304.  
  305. </html>
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!