API tools faq
paste
Advertisement
karenok

Crew page #2

karenok
May 8th, 2013
540
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Edited theme by officialawley. Plese dont remove the credit.
  3. -->
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head>
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Overlock|Short+Stack' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <meta name="description" content="" />
  22.  
  23. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  26.  
  27. <style type="text/css">
  28.  
  29. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  30.  
  31.  
  32. body,div,dl,dt,dd,ol,ul,li,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  33.  
  34. ::-webkit-scrollbar {width: 6px;}
  35. ::-webkit-scrollbar-track {background: #FFF;}
  36. ::-webkit-scrollbar-thumb {background: #D9D9D9;}
  37.  
  38. ::selection {background: #F77825; color:#FFF;}
  39. ::-moz-selection {background: #F77825; color:#FFF;}
  40. ::-webkit-selection {background: #F77825; color:#FFF;}
  41.  
  42. body {
  43. background: #FFF;
  44. font-size: 10px;
  45. color: #000;
  46. font-family: 'short stack';
  47. }
  48.  
  49. a:link, a:active, a:visited {
  50. color: #000;
  51. text-decoration: none;
  52. }
  53.  
  54. a:hover{ text-shadow:4px 4px 0px rgba(0,0,0,0.1),3px -6px 0px rgba(0,0,0,0.2),6px 6px 0px rgba(0,0,0,0.1),-5px 4px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out; color:#BABABA;}
  55.  
  56. b {
  57. color: #59B8D5;
  58. }
  59.  
  60. #navlinks {
  61. width: 990px;
  62. margin: 20px auto;
  63. position: relative;
  64. background: transparent;
  65. font-family: overlock;
  66. font-size: 12px;
  67. text-align: center;
  68. }
  69.  
  70. /*You can change the links background here*/
  71. #navlinks a {
  72. display: inline-block;
  73. background: #24aa36;
  74. color: #FFF;
  75. text-decoration: none;
  76. font-weight: normal;
  77. text-transform: uppercase;
  78. text-align: center;
  79. padding: 3px 4px;
  80. margin: 2px;
  81. }
  82.  
  83. #container {
  84. width: 990px;
  85. margin: 10px auto;
  86. padding: 10px;
  87. text-align: center;
  88. position: relative;
  89. }
  90.  
  91. .stylewrap {
  92. float: left;
  93. width: 320px;
  94. height: 180px;
  95. background: transparent;
  96. overflow: hidden;
  97. position: relative;
  98. text-align: center;
  99. margin: 5px;
  100. }
  101.  
  102. .icon {
  103. float: left;
  104. width: 130px;
  105. height: 130px;
  106. position: relative;
  107. background: #248130;
  108. }
  109.  
  110. .icon img {
  111. width: 100px;
  112. height: 100px;
  113. padding: 15px;
  114. }
  115.  
  116. /*Here you can change the background of the description, just by changing the IMAGE URL above ^^*/
  117. .desc {
  118. float: left;
  119. width: 160px;
  120. height: 100px;
  121. padding: 15px;
  122. background-attachment:fixed; background-color:{color:Background}; background-image: url('http://media.tumblr.com/tumblr_me3k06E1EB1rvdflj.png');
  123. font-family: arial;
  124. font-size: 10px;
  125. text-align: left;
  126. overflow: auto;
  127. text-transform: lowercase;
  128. }
  129.  
  130. /*Title's background colour changing here.*/
  131. .title {
  132. float: left;
  133. width: 320px;
  134. padding: 5px 0px;
  135. margin-top: 2px;
  136. background: #24aa36;
  137. font-family: stars;
  138. font-size: 13px;
  139. line-height: 150%;
  140. text-transform: Normal;
  141. text-align: center;
  142. color: #000000;
  143. }
  144.  
  145. img{
  146. -webkit-filter: grayscale(0%);
  147. }
  148.  
  149. img:hover{
  150. -webkit-filter: grayscale(95%);
  151. transition: all 0.5s ease-out;
  152. -o-transitiontransition: all 1.5s ease-out;
  153. -webkit-transition: all 0.5s ease-out;
  154. -moz-transition: all 1.5s ease-out;
  155. }
  156.  
  157. </style>
  158.  
  159. </head>
  160.  
  161. <body>
  162.  
  163. <div id="navlinks">
  164. <a href="/">Back</a>
  165. <a href="/ask">mssg</a>
  166. <a href="http://www.tumblr.com/dashboard">dash</a>
  167. <a href="http://officialawley.tumblr.com/">Credit</a> <br><br>
  168. Write something here + <script language="JavaScript">
  169. var ref = (''+document.referrer+'');
  170. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2076183&e1=&e2=&r=' + ref + '"><\/script>');
  171. </script>
  172.  
  173. </div>
  174.  
  175. <tr><td>
  176.  
  177.  
  178. <div id="container">
  179.  
  180. <!-- Beginning of Entry -->
  181. <div class="stylewrap">
  182. <div class="icon"><img src="http://25.media.tumblr.com/a9ac44578fe25e8b089f31b5c603dae6/tumblr_mmejkxeqZh1rs6qkxo1_500.png"></div> <!-- Image URL -->
  183. <div class="desc">I got permission to edit this theme from Crystal Sky. Click on her blog to go to her page.</div> <!-- Description -->
  184. <div class="title"><a href="http://crystalskythemes.tumblr.com/">HER BLOG</a></div><!-- Title -->
  185. </div>
  186.  
  187.  
  188. <!-- End of Entry -->
  189.  
  190. <!-- Beginning of Entry -->
  191. <div class="stylewrap">
  192. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  193. <div class="desc">Yeah you can write something nice about your friends here and im going to write something long so you can see the scrollbar so yeah hello im Stella and im awkward and i love penguins. Darn this isint enough so yeah i hope you enjoy this edit of this theme and yeah. To say it again i got premission to edit this theme from Crystal Sky.</div> <!-- Description -->
  194. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  195. </div>
  196. <!-- End of Entry -->
  197.  
  198. <!-- Beginning of Entry -->
  199. <div class="stylewrap">
  200. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  201. <div class="desc">The description goes here.</div> <!-- Description -->
  202. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  203. </div>
  204. <!-- End of Entry -->
  205.  
  206. </td></tr>
  207. <tr><td>
  208. <br>
  209. <!-- Beginning of Entry -->
  210. <div class="stylewrap">
  211. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  212. <div class="desc">The description goes here</div> <!-- Description -->
  213. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  214. </div>
  215. <!-- End of Entry -->
  216.  
  217. <!-- Beginning of Entry -->
  218. <div class="stylewrap">
  219. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  220. <div class="desc">The description goes here</div> <!-- Description -->
  221. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  222. </div>
  223. <!-- End of Entry -->
  224.  
  225. <!-- Beginning of Entry -->
  226. <div class="stylewrap">
  227. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  228. <div class="desc">The description goes here</div> <!-- Description -->
  229. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  230. </div>
  231. <!-- End of Entry -->
  232.  
  233. <!-- Beginning of Entry -->
  234. <div class="stylewrap">
  235. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  236. <div class="desc">The description goes here</div> <!-- Description -->
  237. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  238. </div>
  239. <!-- End of Entry -->
  240.  
  241. <!-- Beginning of Entry -->
  242. <div class="stylewrap">
  243. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  244. <div class="desc">The description goes here</div> <!-- Description -->
  245. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  246. </div>
  247. <!-- End of Entry -->
  248.  
  249. <!-- Beginning of Entry -->
  250. <div class="stylewrap">
  251. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  252. <div class="desc">The description goes here</div> <!-- Description -->
  253. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  254. </div>
  255. <!-- End of Entry -->
  256.  
  257. <!-- Beginning of Entry -->
  258. <div class="stylewrap">
  259. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  260. <div class="desc">The description goes here</div> <!-- Description -->
  261. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  262. </div>
  263. <!-- End of Entry -->
  264.  
  265. <!-- Beginning of Entry -->
  266. <div class="stylewrap">
  267. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  268. <div class="desc">The description goes here</div> <!-- Description -->
  269. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  270. </div>
  271. <!-- End of Entry -->
  272.  
  273. <!-- Beginning of Entry -->
  274. <div class="stylewrap">
  275. <div class="icon"><img src="http://25.media.tumblr.com/f719e317c561bc1440da38d1d76a4d58/tumblr_mmej5xoo251r30ufio1_500.jpg"></div> <!-- Image URL -->
  276. <div class="desc">The description goes here </div> <!-- Description -->
  277. <div class="title"><a href="http://tumblr.com/">Name</a></div><!-- Title -->
  278. </div>
  279. <!-- End of Entry -->
  280.  
  281.  
  282. </div>
  283.  
  284.  
  285. </body>
  286. </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!