API tools faq
paste
AlanePagliari

Promo Group Theme

AlanePagliari
Jun 12th, 2013
7,919
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5. promo group theme by britishursthemes.tumblr.com
  6. !-->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  10. <style>
  11. div#qTip {
  12. padding: 2px;
  13. display: none;
  14. font-size: 8px;
  15. font-family:Cambria;
  16. text-align: center;
  17. position: absolute;
  18. padding: 4px;
  19. line-height:10px;
  20. z-index: 1000;
  21. background: white;
  22. color: #9b9b9b;
  23. text-transform:uppercase;
  24. letter-spacing: 1px;
  25. }
  26. </style>
  27.  
  28. <head>
  29. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  30. <title>{Title}</title>
  31. <meta name="google-site-verification" content="g12-tkgnJf88O_qOcPww05a17dmq46r3mnp8CD9FYKA" />
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}" />
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  35.  
  36. <style type="text/css">
  37.  
  38. /* Scrollbar */
  39.  
  40. ::-webkit-scrollbar-thumb:vertical {
  41. height:100px;
  42. background-color: #fbfbfb; }
  43. ::-webkit-scrollbar-thumb:horizontal {
  44. height:5px !important;
  45. background-color: #fbfbfb;}
  46. ::-webkit-scrollbar {
  47. height:5px; width:6px;
  48. background-color: #fff; }
  49.  
  50. /* Main */
  51.  
  52.  
  53. body {
  54. font-family:calibri;
  55. font-size:9px;
  56. background-color: #fff; }
  57.  
  58. a {
  59. text-decoration:none;
  60. -webkit-transition: opacity 0.6s linear;
  61. -webkit-transition: all 0.6s ease-in-out;
  62. -moz-transition: all 0.6s ease-in-out;
  63. -o-transition: all 0.6s ease-in-out;
  64. opacity:1;
  65. color:#9b9b9b; }
  66.  
  67. a:hover {
  68. text-decoration:none;
  69. opacity:1;
  70. color:#575656; }
  71.  
  72. #header {
  73. text-align:center;
  74. text-transform:lowercase;
  75. font-family: Cambria;
  76. font-size:12px;
  77. margin-top:10px;
  78. margin-left:-5px;
  79. letter-spacing:3px;
  80. padding:10px;
  81. border-bottom: 1px solid #f1f1f1;
  82. background-color: transparent;
  83. color: #d1d0d1; }
  84.  
  85. #links {
  86. text-align:center;
  87. font-family: Cambria;
  88. font-size:9px;
  89. letter-spacing:1px;
  90. text-transform:lowercase;
  91. padding:5px;
  92. padding-top:10px;
  93. padding-bottom:20px;
  94. color:#575656; }
  95.  
  96. #links a:hover {
  97. opacity:0.6;
  98. color:#9b9b9b; }
  99.  
  100. #group {
  101. width:140px;
  102. float:left;
  103. margin-left:5px;
  104. margin-right:15px;
  105. margin-bottom:5px; }
  106.  
  107. /* Blog Icon */
  108.  
  109. #icon {
  110. margin-left:30px;
  111. padding:5px;
  112. width:96px;
  113. height:96px;
  114. overflow:hidden;
  115. border:3px double #e8e8e8; }
  116.  
  117. #icon{
  118. -webkit-transition: opacity 0.5s linear;
  119. opacity: 0.75; }
  120.  
  121. #icon:hover{
  122. -webkit-transition: opacity 0.5s linear;
  123. opacity: 1; }
  124.  
  125. #icon{
  126. -moz-transition:
  127. opacity 0.5s linear;
  128. opacity: 0.75; }
  129.  
  130. #icon:hover{
  131. -moz-transition: opacity 0.5s linear;
  132. opacity: 1; }
  133.  
  134. /* Blog Url */
  135.  
  136.  
  137. #url {
  138. margin-left:25px;
  139. width:120px;
  140. padding-top:5px;
  141. padding-bottom:2px;
  142. font-family: Cambria;
  143. font-size:10px;
  144. letter-spacing:2px;
  145. text-transform:uppercase;
  146. text-align:center; }
  147.  
  148.  
  149. /* Member Description */
  150.  
  151. #descrip {
  152. margin-left:30px;
  153. width:112px;
  154. font-family: Cambria;
  155. font-size:10px;
  156. letter-spacing:0px;
  157. text-transform:lowercase uppercase;
  158. text-align:center;
  159. padding-top:3px;
  160. color: #d1d0d1; }
  161.  
  162. #name {
  163. margin-left:30px;
  164. width:112px;
  165. font-family: Cambria;
  166. font-size:10px;
  167. letter-spacing:0px;
  168. text-transform:uppercase;
  169. text-align:center;
  170. padding-top:3px;
  171. color: #9b9b9b; }
  172.  
  173. #hover #hover a{
  174. display:block; }
  175.  
  176. #hover .member {
  177. margin-top:-10px;
  178. filter: alpha(opacity = 0);
  179. opacity:0;
  180. -webkit-transition: all 0.8s ease-out;
  181. -moz-transition: all 0.5s ease-out;
  182. transition: all 0.8s ease-out; }
  183.  
  184. #hover:hover .member {
  185. margin-top:2px;
  186. -webkit-transition: all 0.8s ease-out;
  187. -moz-transition: all 0.8s ease-out;
  188. transition: all 0.8s ease-out;
  189. filter: alpha(opacity = 100);
  190. filter: alpha(opacity = 100);
  191. opacity:100; }
  192.  
  193.  
  194. </style>
  195. </head>
  196. <body>
  197. <table border="0" cellpadding="0" cellspacing="0" align="center">
  198. <tr><td>
  199.  
  200. <div id="header"> {Title} </div>
  201.  
  202. <div id="links">
  203.  
  204. <a href="/">refresh</a> ·
  205. <a href="http://britishursthemes.tumblr.com">credit</a> </a>
  206. </td></tr>
  207.  
  208. <tr><td>
  209.  
  210. <div id="group">
  211. <a href="http://URL.tumblr.com"><div id="url">blog url</a></div>
  212. <div id="hover">
  213. <div id="icon">
  214. <img width="96px" height="96px"src="http://static.tumblr.com/gootfij/26imoahh5/member_wanted.png"/></div>
  215. <div class="member">
  216. <div id="name">member name</div></div>
  217. <div id="descrip">hi this is a short descrip about me</div>
  218. </div>
  219. </div>
  220.  
  221. <div id="group">
  222. <a href="http://URL.tumblr.com"><div id="url">blog url</a></div>
  223. <div id="hover">
  224. <div id="icon">
  225. <img width="96px" height="96px"src="http://static.tumblr.com/gootfij/26imoahh5/member_wanted.png"/></div>
  226. <div class="member">
  227. <div id="name">member name</div></div>
  228. <div id="descrip">hi this is a short descrip about me</div>
  229. </div>
  230. </div>
  231.  
  232.  
  233. <div id="group">
  234. <a href="http://URL.tumblr.com"><div id="url">blog url</a></div>
  235. <div id="hover">
  236. <div id="icon">
  237. <img width="96px" height="96px"src="http://static.tumblr.com/gootfij/26imoahh5/member_wanted.png"/></div>
  238. <div class="member">
  239. <div id="name">member name</div></div>
  240. <div id="descrip">hi this is a short descrip about me</div>
  241. </div>
  242. </div>
  243.  
  244.  
  245. <div id="group">
  246. <a href="http://URL.tumblr.com"><div id="url">blog url</a></div>
  247. <div id="hover">
  248. <div id="icon">
  249. <img width="96px" height="96px"src="http://static.tumblr.com/gootfij/26imoahh5/member_wanted.png"/></div>
  250. <div class="member">
  251. <div id="name">member name</div></div>
  252. <div id="descrip">hi this is a short descrip about me</div>
  253. </div>
  254. </div>
  255.  
  256. <tr><td>
  257.  
  258. <div id="group">
  259. <a href="http://URL.tumblr.com"><div id="url">blog url</a></div>
  260. <div id="hover">
  261. <div id="icon">
  262. <img width="96px" height="96px"src="http://static.tumblr.com/gootfij/26imoahh5/member_wanted.png"/></div>
  263. <div class="member">
  264. <div id="name">member name</div></div>
  265. <div id="descrip">hi this is a short descrip about me</div>
  266. </div>
  267. </div>
  268.  
  269. </td></tr>
  270. </table>
  271.  
  272.  
  273. </body>
  274. </html>
Advertisement
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!