API tools faq
paste
Advertisement
kiss-blethemes

Network Theme Cinco

kiss-blethemes
Feb 24th, 2013
1,473
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- theme by Kiss-ble.tumblr.com
  3. DO NOT REMOVE CREDIT OR THE THEME WILL BREAK-->
  4. <head>
  5. <link href='http://fonts.googleapis.com/css?family=Englebert' rel='stylesheet' type='text/css'>
  6. <link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  9. <link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'>
  10.  
  11. <meta name="color:title shadoww" content="#000">
  12. <meta name="image:banner" content="1"/>
  13. <meta name="color:description" content="#000"/>
  14. <meta name="color:header links" content="#000"/>
  15. <meta name="color:header links hover" content="#ccc"/>
  16. <meta name="if:Show description" content="0"/>
  17. <meta name="text:link 1" content="link 1 title"/>
  18. <meta name="text:slide down tab title" content="application"/>
  19. <meta name="text:link 1 url" content="link 1"/>
  20. <meta name="text:link 2" content="link 2 title"/>
  21. <meta name="text:link 2 url" content="link 2"/>
  22. <meta name="text:link 3" content="link 3 title"/>
  23. <meta name="text:link 3 url" content="link 3"/>
  24. <meta name="if:show banner" content="0"/>
  25. <meta name="color:link" content="#000"/>
  26. <meta name="color:Title" content="#000"/>
  27. <meta name="text:Description Font Size" content="20px"/>
  28. <meta name="image:background" content""/>
  29. <meta name="if:background image" content="0"/>
  30. <meta name="color:background color" content="#fff"/>
  31. <meta name="color:blocks background" content="#00eeee"/>
  32. <meta name="color:blocks border" content="#000">
  33. <meta name="if:title shadow" content="1">
  34. <meta name="text:NAME 1" content="NAME 1">
  35. <meta name="text:BLOG URL 1" content="URL 1">
  36. <meta name="text:NAME 2" content="NAME 2">
  37. <meta name="text:BLOG URL 2" content="URL 2">
  38. <meta name="text:NAME 3" content="NAME 3">
  39. <meta name="text:BLOG URL 3" content="URL 3">
  40. <meta name="text:NAME 4" content="NAME 4">
  41. <meta name="text:BLOG URL 4" content="URL 4">
  42. <meta name="text:NAME 5" content="NAME 5">
  43. <meta name="text:BLOG URL 5" content="URL 5">
  44. <meta name="text:NAME 6" content="NAME 6">
  45. <meta name="text:BLOG URL 6" content="URL 6">
  46. <meta name="text:NAME 7" content="NAME 7">
  47. <meta name="text:BLOG URL 7" content="URL 7">
  48. <meta name="text:NAME 8" content="NAME 8">
  49. <meta name="text:BLOG URL 8" content="URL 8">
  50. <meta name="text:NAME 9" content="NAME 9">
  51. <meta name="text:BLOG URL 9" content="URL 9">
  52. <meta name="text:NAME 10" content="NAME 10">
  53. <meta name="text:BLOG URL 10" content="URL 10">
  54. <meta name="text:NAME 11" content="NAME 11">
  55. <meta name="text:BLOG URL 11" content="URL 11">
  56. <meta name="text:NAME 12" content="NAME 12">
  57. <meta name="text:BLOG URL 12" content="URL 12">
  58. <meta name="text:NAME 13" content="NAME 13">
  59. <meta name="text:BLOG URL 13" content="URL 13">
  60. <meta name="text:NAME 14" content="NAME 14">
  61. <meta name="text:BLOG URL 14" content="URL 14">
  62. <meta name="text:NAME 15" content="NAME 15">
  63. <meta name="text:BLOG URL 15" content="URL 15">
  64. <meta name="text:NAME 16" content="NAME 16">
  65. <meta name="text:BLOG URL 16" content="URL 16">
  66. <meta name="text:NAME 17" content="NAME 17">
  67. <meta name="text:BLOG URL 17" content="URL 17">
  68. <meta name="text:NAME 18" content="NAME 18">
  69. <meta name="text:BLOG URL 18" content="URL 18">
  70. <meta name="text:NAME 19" content="NAME 19">
  71. <meta name="text:BLOG URL 19" content="URL 19">
  72. <meta name="text:NAME 20" content="NAME 20">
  73. <meta name="text:BLOG URL 20" content="URL 20">
  74. <div id="blogtitle">
  75. <center>{Title}</center>
  76. </div>
  77. {block:ifshowbanner}
  78. <center><img src="{image:Banner}"></center>
  79. {/block:ifshowbanner}
  80.  
  81. {block:ifShowdescription}
  82. <div id="description">
  83. <center>{description}</center>
  84. </div>
  85. {/block:ifShowdescription}
  86. <br>
  87. <center>
  88.  
  89.  
  90. <center>
  91. <div id="nav">
  92. <a href="{text:link 1 url}">{text:link 1}</a>
  93. <a href="{text:link 2 url}">{text:link 2}</a>
  94. <a href="{text:link 3 url}">{text:link 3}</a>
  95.  
  96. </div>
  97. </center>
  98.  
  99.  
  100. </head>
  101. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  102. <script type="text/javascript">
  103. $(document).ready(function () {
  104. $('li.drawer div:nth-child(2)').hide();
  105. $('li.drawer h4').click(function () {
  106. if ($(this).hasClass('open')) {
  107. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  108. else {
  109. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  110. $(this).next().slideDown();
  111. $(this).addClass('open');}
  112. });
  113. });
  114. </script>
  115. <style>
  116. @font-face {
  117. font-family: fromwhere;
  118. src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');
  119. }
  120.  
  121. .blockys{
  122. border: solid 1px {color:blocks border};
  123. padding: none;
  124. height: 20px;
  125. border-radius: 10px;
  126. background-color: {color:blocks background};
  127. -webkit-transition: opacity 0.3s linear;
  128. -webkit-transition: all 0.3s ease-in-out;
  129. -moz-transition: all 0.3s ease-in-out;
  130. -o-transition: all 0.3s ease-in-out;
  131. }
  132. .blockys:hover{
  133. -webkit-transform: scale(1.3);
  134.  
  135. -moz-transform: scale(1.3);
  136.  
  137. -o-transform: scale(1.3);
  138.  
  139. -transform: scale(1.3);
  140.  
  141. -webkit-transition: opacity 0.3s linear;
  142. -webkit-transition: all 0.3s ease-in-out;
  143. -moz-transition: all 0.3s ease-in-out;
  144. -o-transition: all 0.3s ease-in-out;
  145. z-index:9999999;
  146.  
  147. }
  148.  
  149.  
  150. #blogtitle{
  151. text-transform: none;
  152. font-size:60px;
  153. font-family: 'fromwhere';
  154. color: {color:title};
  155. {block:iftitleshadow}
  156. text-shadow: 0px 0px 10px {color:title shadoww};
  157. {/block:iftitleshadow}
  158. {block:ifshowbanner}display:none{/block:ifshowbanner}
  159. }
  160.  
  161. #description{
  162. font-family: "englebert";
  163. font-size: {text:description font size};
  164. color: {color:description};
  165. }
  166.  
  167. a.blocklinkss{
  168.  
  169. font-weight: none;
  170. text-transform: uppercase;
  171. font-size:17px;
  172. text-decoration: none;
  173. font-family: 'love ya like a sister', cursive;
  174. color: {color:link};
  175.  
  176. }
  177.  
  178.  
  179. #nav a{
  180. font-size: 30px;
  181. margin-bottom:20px;
  182. margin-right:15px;
  183. margin-left:15px;
  184. text-align:center;
  185. font-family: "indie flower";
  186. color:{color:header links};
  187.  
  188. }
  189.  
  190. #nav a:hover{
  191. color: {color:header links hover};
  192. }
  193.  
  194. body{
  195.  
  196. background-color: {color:background color};
  197.  
  198. {block:ifbackgroundimage}background-image:url('{image:background}');
  199. -webkit-background-size: cover;
  200. -moz-background-size: cover;
  201. -o-background-size: cover;
  202. background-size: cover;{/block:ifbackgroundimage}
  203. }
  204.  
  205.  
  206. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none;}
  207.  
  208. #container table tr td {
  209. Text-align:center;
  210. vertical-align:middle;
  211. width: 200px;
  212. }
  213.  
  214. #yellow {
  215. text-align: center;
  216. font-size: 15px;
  217. border: solid #000 1px;
  218. position:fixed;
  219. left:5px;
  220. top:-311px;
  221. -webkit-transition: all .5s ease-in-out;
  222. -moz-transition: all .5s ease-in-out;
  223. -o-transition: all .5s ease-in-out;
  224. z-index:9999999;
  225. }
  226.  
  227. #yellow:hover {top:0px;}
  228.  
  229. #blue {
  230. text-align: center;
  231. font-size: 15px;
  232. position:fixed;
  233. left:10px;
  234. top:-112px;
  235. -webkit-transition: all .5s ease-in-out;
  236. -moz-transition: all .5s ease-in-out;
  237. -o-transition: all .5s ease-in-out;
  238. z-index:999;
  239. }
  240.  
  241. #blue:hover {top:0px;}
  242.  
  243. #pink {
  244. border-left: 2px #000 solid;
  245. border-bottom: 2px #000 solid;
  246. border-right: 2px #000 solid;
  247. padding: 5px 0 5px 0;
  248. background: #fff;
  249. width:250px;
  250. height:100px;
  251. border-bottom-right-radius: 10px;
  252. -moz-border-radius-bottomright: 10px;
  253. -webkit-border-bottom-right-radius: 10px;
  254. z-index: 99999999999999;
  255. }
  256.  
  257. #pinktab {
  258. text-align: center;
  259. border-right: 3px #000 double;
  260. border-left: 3px #000 double;
  261. border-bottom: 3px #000 double;
  262. height:11px;
  263. padding: 2px 0 8px 0;
  264. background:#fff;
  265. border-bottom-left-radius: 5px;
  266. -moz-border-radius-bottomleft: 5px;
  267. -webkit-border-bottom-left-radius: 5px;
  268. border-bottom-right-radius: 5px;
  269. -moz-border-radius-bottomright: 5px;
  270. -webkit-border-bottom-right-radius: 5px;
  271. width: 150px;
  272. }
  273.  
  274. ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
  275.  
  276. ul#drawers a {text-decoration: none; color: #000;}
  277.  
  278. ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 16px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  279. transition: background-color 0.5s ease-out;}
  280.  
  281. h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
  282.  
  283. li.drawer h4.open {background-color: #121213; border-top: 0px;}
  284.  
  285. li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  286.  
  287. li.drawer div li {list-style-type: disc;}
  288.  
  289. li.drawer div ul {-webkit-padding-start: 12px;}
  290.  
  291. </style>
  292.  
  293. <body>
  294. <table width="800" height="20" align="center" cellpadding="7" cellspacing="7" columns="4">
  295. <tr width="800" align="center" valign="middle" bgcolor="{color:blocks background}">
  296. <table width="800" height="100" border="0" align="center" cellpadding="7" cellspacing="20" columns="4">
  297.  
  298.  
  299. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 1}">{text:NAME 1}</a></td>
  300.  
  301. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss"href="{text:BLOG URL 2}">{text:NAME 2}</a></td>
  302.  
  303. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 3}">{text:NAME 3}</a></td>
  304.  
  305. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 4}">{text:NAME 4}</a></td>
  306.  
  307. </tr><tr>
  308.  
  309. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 5}">{text:NAME 5}</a></td>
  310.  
  311. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 6}">{text:NAME 6}</a></td>
  312.  
  313. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 7}">{text:NAME 7}</a></td>
  314.  
  315. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 8}">{text:NAME 8}</a></td>
  316.  
  317. </tr>
  318.  
  319. <tr>
  320.  
  321. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 9}">{text:NAME 9}</a></td>
  322.  
  323. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 10}">{text:NAME 10}</a></td>
  324.  
  325. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 11}">{text:NAME 11}</a></td>
  326.  
  327. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 12}">{text:NAME 12}</a></td>
  328.  
  329. </tr>
  330. <tr>
  331.  
  332. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 13}">{text:NAME 13}</a></td>
  333.  
  334. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 14}">{text:NAME 14}</a></td>
  335.  
  336. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 15}">{text:NAME 15}</a></td>
  337.  
  338. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 16}">{text:NAME 16}</a></td>
  339.  
  340. </tr>
  341.  
  342. <tr>
  343.  
  344. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 17}">{text:NAME 17}</a></td>
  345.  
  346. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 18}">{text:NAME 18}</a></td>
  347.  
  348. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 19}">{text:NAME 19}</a></td>
  349.  
  350. <td width="200" class="blockys" align="center" valign="middle" bgcolor="{color:blocks background}"><a class="blocklinkss" href="{text:BLOG URL 20}">{text:NAME 20}</a></td>
  351.  
  352. </tr>
  353.  
  354. </table>
  355.  
  356. <div id="blue">
  357. <div id="pink"> <center>
  358.  
  359. {customCSS}
  360. </center></div>
  361. <div id="pinktab">{text:slide down tab title}</div>
  362. </div>
  363.  
  364. <div id="yellow">
  365. </div>
  366.  
  367. </body>
  368. <div style="position:fixed; bottom:10px; left:0px; font-family='short stack';"><a href="http://kiss-blethemes.tumblr.com" title="credit"><font size="5px" color=black>credz</font>
  369. <div style="position:fixed; bottom:10px; right:0px;"><a href="http://kiss-blethemes.tumblr.com" title="credit"><font size=5px color=white>credz</font>
  370. </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!