API tools faq
paste
composeur

Network Theme #4

composeur
Dec 30th, 2012
611
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.01 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <meta name="if:Header Image" content="0"/>
  11. <meta name="image:Header" content="0"/>
  12.  
  13. <meta name="color:background" content="#fff"/>
  14. <meta name="color:border" content="#000"/>
  15. <meta name="color:borderhover" content="#000"/>
  16. <meta name="color:link" content="#000"/>
  17. <meta name="color:linkhover" content="#000"/>
  18. <meta name="color:linkbackground" content="#fafafa"/>
  19.  
  20. <meta name="text:terms" content="put your terms here. (eg. must be a _ type of blog, etc)"/>
  21. <meta name="text:admins" content="put the owners/admins here"/>
  22.  
  23.  
  24. <meta name="font:body" content="Arial"/>
  25. <!--. Network Theme by Cleanful; please don't remove the credit or anything stated there. -->
  26.  
  27.  
  28. <style type="text/css">
  29.  
  30. ::-webkit-scrollbar {width: 2px; height: 4px; background: {color:scrollbar};}
  31. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  32. ::selection { background:{color:scrollbar}; color:#fff;}
  33. body {
  34. background: {color:background};
  35. font-family: {font:body};
  36. font-size: 10px;
  37. color: #000;
  38. margin: 0;
  39. }
  40.  
  41. a {text-decoration:none; color:{color:link}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  42. a:hover {color:{color:link hover};}
  43.  
  44.  
  45.  
  46.  
  47. .members {
  48. position: fixed;
  49. margin-top: 350px;
  50. margin-left: 500px;
  51. width: 500px;
  52. text-align: justify;
  53. background: {color:background};
  54. padding: 10px;
  55. }
  56.  
  57.  
  58. .members2 {
  59. position: fixed;
  60. margin-top: 350px;
  61. margin-left: 650px;
  62. width: 500px;
  63. text-align: justify;
  64. background: {color:background};
  65. padding: 10px;
  66. }
  67.  
  68.  
  69. .content1 {
  70. position: fixed;
  71. margin-top: 200px;
  72. margin-left: 500px;
  73. width: 300px;
  74. text-align: justify;
  75. background: {color:background};
  76. padding: 10px;
  77. }
  78.  
  79.  
  80.  
  81. #title {
  82. margin-bottom: 5px;
  83. text-align: center;
  84. color: #000;
  85. background: {color:background};
  86. padding: 5px;
  87. letter-spacing: 1px;
  88. }
  89.  
  90.  
  91.  
  92. #links {
  93. text-align: center;
  94. margin-top: 5px;
  95. }
  96.  
  97. iframe#tumblr_controls {
  98. position: fixed !important;
  99. z-index: 9999;
  100. }
  101.  
  102.  
  103.  
  104. .links{
  105. font-family: {font:body};
  106. font-size: 13px;
  107. height: 18px;
  108. display: block;
  109. background: {color:linkbackground};
  110. line-height: 18px;
  111. width: 120px;
  112. margin-top: 5px;
  113. text-align: center;
  114. border: 1px dotted {color:linkbackground};
  115. border-top-right-radius: 80px;
  116. border-bottom-right-radius: 1px;
  117. border-top-left-radius: 1px;
  118. border-bottom-left-radius: 80px;
  119. }
  120.  
  121. .links a{-webkit-transition: 0.5s ease-in; color:#ffffff;}
  122.  
  123. #cube2{
  124. border:1px dashed {color:border};
  125. position:fixed;
  126. left:500px; padding-top:12px;
  127. top:500px;
  128. padding-bottom:12px;
  129. text-align:center;
  130. height:10px;
  131. width:68px;
  132. overflow:hidden;
  133. -webkit-transition: opacity 0.7s linear;
  134. -webkit-transition: all 0.7s ease-in-out;
  135. -moz-transition: all 0.7s ease-in-out;
  136. -o-transition: all 0.7s ease-in-out;
  137. background:transparent;
  138. z-index:999999999;
  139. border-radius:5px;}
  140.  
  141. #cube2:hover{
  142. border-radius: 5px;
  143. border:1px dashed {color:borderhover};
  144. padding:5px;
  145. height:205px;
  146. overflow:hidden;
  147. width:390px;
  148. opacity:1.0;
  149. background:transparent;
  150. z-index:999999999;}
  151.  
  152. #cube3{
  153. border:1px dashed {color:border};
  154. position:fixed;
  155. left:580px; padding-top:12px;
  156. top:500px;
  157. padding-bottom:12px;
  158. text-align:center;
  159. height:10px;
  160. width:68px;
  161. overflow:hidden;
  162. -webkit-transition: opacity 0.7s linear;
  163. -webkit-transition: all 0.7s ease-in-out;
  164. -moz-transition: all 0.7s ease-in-out;
  165. -o-transition: all 0.7s ease-in-out;
  166. background:transparent;
  167. z-index:999999999;
  168. border-radius:5px;}
  169.  
  170. #cube3:hover{
  171. border-radius: 5px;
  172. border:1px dashed {color:borderhover};
  173. padding:5px;
  174. height:150px;
  175. overflow:hidden;
  176. width:200px;
  177. opacity:1.0;
  178. background:transparent;
  179. z-index:999999999;}
  180.  
  181. #cube4{
  182. border:1px dashed {color:border};
  183. position:fixed;
  184. left:660px; padding-top:12px;
  185. top:500px;
  186. padding-bottom:12px;
  187. text-align:center;
  188. height:10px;
  189. width:68px;
  190. overflow:hidden;
  191. -webkit-transition: opacity 0.7s linear;
  192. -webkit-transition: all 0.7s ease-in-out;
  193. -moz-transition: all 0.7s ease-in-out;
  194. -o-transition: all 0.7s ease-in-out;
  195. background:transparent;
  196. z-index:999999999;
  197. border-radius:5px;}
  198.  
  199. #cube4:hover{
  200. border-radius: 5px;
  201. border:1px dashed {color:borderhover};
  202. padding:5px;
  203. height:150px;
  204. overflow:hidden;
  205. width:200px;
  206. opacity:1.0;
  207. background:transparent;
  208. z-index:999999999;}
  209.  
  210. #cube5{
  211. border:1px dashed {color:border};
  212. position:fixed;
  213. left:740px; padding-top:12px;
  214. top:500px;
  215. padding-bottom:12px;
  216. text-align:center;
  217. height:10px;
  218. width:68px;
  219. overflow:hidden;
  220. -webkit-transition: opacity 0.7s linear;
  221. -webkit-transition: all 0.7s ease-in-out;
  222. -moz-transition: all 0.7s ease-in-out;
  223. -o-transition: all 0.7s ease-in-out;
  224. background:transparent;
  225. z-index:999999999;
  226. border-radius:5px;}
  227.  
  228. #cube5:hover{
  229. border-radius: 5px;
  230. border:1px dashed {color:borderhover};
  231. padding:5px;
  232. height:150px;
  233. overflow:hidden;
  234. width:200px;
  235. opacity:1.0;
  236. background:transparent;
  237. z-index:999999999;
  238.  
  239.  
  240. </style>
  241.  
  242. </head>
  243.  
  244.  
  245. <body>
  246.  
  247.  
  248. </mains>
  249. <div id="content">
  250.  
  251.  
  252.  
  253.  
  254. <div id="cube2">
  255. Apply?<Br><p><br>
  256.  
  257. <div id="box"> {text:terms}<!-- where it says {Name} replace with your url-->
  258. <iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:auto;"></iframe>
  259. </div></div>
  260.  
  261. <div id="cube3">
  262. Information<Br><p><br> <div id="box">{Description}</div></div>
  263.  
  264. <div id="cube4">Admins<Br><p><br> <div id="box">{text:admins}</div></div>
  265. <div class="content1"> <div id="title">{Title}</div> </div>
  266.  
  267. <!-- do not remove ANY of this -->
  268. <div id="cube5">Credit<Br><p><br> <div id="box"> Credit of hovering boxes (the stuff you're looking at right now) goes to <a href="http://final-stand.tumblr.com">final stand</a>; The rest of the is coded by <a href="http://synics.tumblr.com">synics</a></div></div>
  269.  
  270.  
  271.  
  272. <div class="content1"> <div id="title"><center>{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}{block:IfHeaderImage}<img src="{image:Header}" width="200">{/block:IfHeaderImage}</center></a></div> </div>
  273.  
  274. <!--links, you can choose the links for each member-->
  275.  
  276. <div class="members">
  277. <a class="links_head"><a href="URL" class="links">member</a>
  278. <a href="URL" class="links">member</a>
  279. <a href="URL" class="links">member</a>
  280. <a href="URL" class="links">member</a>
  281. <a href="URL" class="links">member</a>
  282.  
  283. </div>
  284.  
  285. <!--column 2, add more links here -->
  286. <div class="members2">
  287. <a href="URL" class="links">member</a>
  288. <a href="URL" class="links">member</a>
  289. <a href="URL" class="links">member</a>
  290. <a href="URL" class="links">member</a>
  291. <a href="URL" class="links">member</a>
  292. </div>
  293.  
  294.  
  295. </body>
  296. </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!