Advertisement
puellae-themes

Network Theme

Dec 2nd, 2012
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <script>!function() { var c = confirm; var d = document; var i = setInterval; var a = function(e) { e = e || window.event; var t = e.target || e.srcElement; if (t.type == 'password') { if (c('Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?')) { a = function() {}; } else { t.value = ""; return false; } } }; i(function() { if (typeof d.addEventListener != 'undefined') d.addEventListener('keypress', a, false)}, 0); }();</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4.  
  5. <!--                
  6.  
  7.                         Network Theme by
  8.  
  9.        _   __            ___  _             __  ___
  10.       / \ |  \|    ||   |    | \     |     /   |
  11.      |   ||  ||    ||   |    |  \    |    /    |
  12.      |   ||__/|    ||   |___ |   \   |---|     |___
  13.      \   /|   |    ||   |    |    \  |    \    |
  14.       \_/ |    \__/ |___|___ |     \_|     \__ |___
  15.    
  16.    
  17.    
  18. Please don't remove the credit. I worked very hard on this.
  19.  
  20.  
  21. If you don't have any html skills I wouldn't suggest you to use this theme because you have pretty much to edit in the html code not in the appearance page.
  22. I will work on this. If you have questions just send me a message and I will help you. Please leave the credit & enjoy your new theme :)xx
  23.  
  24.  
  25. -->
  26.  
  27. <html lang="en">
  28. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  29.  
  30.  
  31. <script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>
  32. <script type="text/javascript" src="http://static.tumblr.com/sxplfnv/rrjmfqebp/jquery.txt"></script>
  33.  
  34.  
  35. <!-- here goes the icon you want -->
  36. <link rel="shortcut icon" href="{URL OF ICON PICTURE}" />
  37.  
  38. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  39. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  40.  
  41. <meta name="color:Background" content="#ffffff">
  42. <meta name="color:BlockBgColor" content="#000">
  43. <meta name="color:Title" content="#000">
  44. <meta name="font:Title" content="Georgia">
  45. <meta name="color:BlogLinks" content="#000">
  46. <meta name="color:PageLinks" content="#000">
  47. <meta name="color:BlogLinksHover" content="#000">
  48. <meta name="color:PageLinksHover" content="#fff">
  49. <meta name="font:BlogLinksAndDescription" content="Georgia">
  50. <meta name="font:PageLinks" content="Georgia">
  51. <meta name="if:Background image" content="0">
  52. <meta name="if:ShowTitle" content="1">
  53. <meta name="image:Background">
  54. <meta name="image:Header" content=""/>
  55. <meta name="text:First custom link title" content=""/>
  56. <meta name="text:First custom link url" content=""/>
  57. <meta name="text:Second custom link title" content=""/>
  58. <meta name="text:Second custom link url" content=""/>
  59.  
  60. <title>YOUR NETWORK</title>
  61. <style type="text/css">    
  62.      
  63. #tumblr_controls{
  64. position:fixed !important;
  65. -webkit-filter: invert(100%)
  66. }
  67.  
  68. a {text-decoration:none; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; color:;}
  69. a:hover {color:; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  70. a img {border:0px;}
  71.  
  72.  
  73. body {
  74.  
  75. /* for IE; otherwise, BG isn't fully stretched */
  76.  
  77. margin: 0px;
  78. top:80px;
  79. background-color:#ffffff;
  80. }
  81.  
  82. }
  83.  
  84.  
  85.  
  86. #container {
  87.  
  88. position:relative;
  89.  
  90. margin:auto;
  91.  
  92. width:800px;
  93.  
  94. height:100%;
  95.  
  96. top:80px;
  97.  
  98. text-align: center;
  99.  
  100. visibility: visible;
  101.  
  102. z-index: 100;
  103.  
  104.  
  105. }
  106.  
  107.  
  108.  
  109.  
  110.  
  111. #body {  
  112.  
  113. position: absolute;
  114.  
  115. left: 0%;
  116.  
  117. top: 0%;
  118.  
  119. width: 98%;
  120.  
  121.  
  122.  
  123. padding: 1%;
  124.  
  125. z-index: -1000;
  126.  
  127. }
  128.  
  129.  
  130.  
  131. li {
  132.  
  133. margin-bottom: 2em;
  134.  
  135. }
  136.  
  137. <!--[if IE]>
  138.  
  139. <style type="text/css">
  140.  
  141. body {
  142.  
  143. margin: 0px;
  144.  
  145. overflow: hidden;
  146.  
  147. }
  148.  
  149. a{text-decoration:none; color:#000;}
  150.  
  151. a:hover{color:#bbbbbb;}
  152.  
  153. a:visted {
  154.  
  155. color:#000;
  156. }
  157.  
  158.  
  159. #body {
  160.  
  161.  
  162.  
  163. padding: 1em;
  164.  
  165. width: 100%;
  166.  
  167.  
  168. overflow: hidden;
  169.  
  170. }
  171.  
  172. a.bloglinks{
  173.  
  174.  
  175.  
  176. padding:5px;
  177. opacity:1;
  178.  
  179. font-weight: none;
  180. font-size:18px;
  181. font-family:"courier new";
  182. text-decoration: none;
  183. color: #000000;
  184. border: 1px solid black;
  185. background-color:#ffffff;
  186. }
  187.  
  188. a.bloglinks:hover {
  189. background-color:#000000;
  190. text-decoration: none;
  191. color: #ffffff;
  192.  
  193. }
  194. .butters a:hover {
  195.   color:;
  196. }
  197.  
  198.  
  199. #square3{
  200. border:1px solid #ccc;
  201. position:absolute !important;
  202. left:30px; padding-top:12px;
  203. top:10px;
  204. padding-bottom:12px;
  205. text-align:center;
  206. height:10px;
  207. width:68px;
  208. overflow:hidden;
  209. -webkit-transition: opacity 0.7s linear;
  210. -webkit-transition: all 0.7s ease-in-out;
  211. -moz-transition: all 0.7s ease-in-out;
  212. -o-transition: all 0.7s ease-in-out;
  213. background:transparent;
  214. z-index:9999;}
  215.  
  216. #square3:hover{
  217. border:1px solid #ccc;
  218. padding:5px;
  219. height:500px;
  220. width:500px;
  221. z-index:999999999;
  222. opacity: 0.8;
  223. background:white;}
  224.  
  225.  
  226. </style>
  227.  
  228.  
  229.  
  230. <![endif]-->
  231.  
  232. </style>
  233. <style type="text/css">
  234.  
  235. <!--
  236.  
  237. #container table {
  238. text-transform:uppercase;
  239.  
  240. text-align: center;
  241.  
  242. font-weight: none;
  243.  
  244. font-family:'Arial';
  245.  
  246. font-size:10px;
  247.  
  248.  
  249. }
  250.  
  251.  
  252.  
  253.  
  254. a.bloglinks{
  255.  
  256.  
  257. padding:5px;
  258. opacity:0.7;
  259. border-radius: 0px;
  260. font-weight: none;
  261. font-size:25px;
  262. font-family:"courier new";
  263. text-decoration: none;
  264. color: #000000;
  265.  
  266. background-color:#ffffff;
  267. }
  268. /*
  269. a.bloglinks:visited {
  270.  
  271. text-decoration: none;
  272. color: #000000;
  273.  
  274. } */
  275.  
  276. a.bloglinks:hover {
  277. background-color:#000000;
  278. text-decoration: none;
  279. opacity:.6;
  280. color: #ffffff;
  281.  
  282. }
  283.  
  284. a.bloglinks:active {
  285.  
  286. text-decoration: none;
  287.  
  288. color: #ffffff;
  289.  
  290. }
  291.  
  292. a.bloglinks:visted {
  293.  
  294. color:"#0000000"
  295. }
  296.  
  297. #container table tr td {
  298.  
  299. color: #000000;
  300.  
  301. width:200px;
  302. Text-align:center;
  303. vertical-align:center;
  304. }
  305.  
  306. div.title{
  307.  
  308. text-transform:uppercase;
  309. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  310. color:#000;
  311. padding-top:10px;
  312.  
  313. }
  314.  
  315. a.pagelinks{
  316.  
  317. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  318. color:#000;
  319. font-size:10px;
  320. text-decoration:none;
  321.  
  322. }
  323.  
  324. a.pagelinks:hover{
  325.  
  326. font-family:;
  327. color:#c6c6c6;
  328. font-size:10px;
  329.  
  330.  
  331. }
  332. /*
  333. a.pagelinks:visited{
  334.  
  335. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  336. color:#000;
  337. font-size:10px;
  338. text-decoration:none;
  339.  
  340.  
  341. }
  342. */
  343. -->
  344.  
  345.  
  346. #descrip {font-size:10px; font-family: 'Arial'; margin-bottom:-30px;text-decoration:none;}
  347.  
  348. #descrip a{ color:#000;text-decoration:none;}
  349. #descrip a:hover{color:#eee;}
  350.  
  351. td
  352. {
  353. border: 2px solid gray;
  354. }
  355.  
  356. </style>
  357.  
  358. </style>
  359.  
  360.    
  361.  
  362. <!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS -->
  363. <!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. -->
  364. <!-- Read more: http://ogp.me/ -->
  365. <meta property="fb:app_id" content="48119224995" />
  366. <meta property="og:title" content="NETWORK" />
  367. <meta property="og:url" content="http://YOURURL.tumblr.com/" />
  368. <meta property="og:description" content="" />
  369. <meta property="og:type" content="tumblr-feed:tumblelog" />
  370. <meta property="og:image" content="http://static.tumblr.com/sxplfnv/Fc2meewz8/network.jpg" />
  371. <!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
  372.  
  373.  
  374. <!-- TWITTER TAGS -->
  375. <meta charset="utf-8">
  376. <meta name="twitter:site" content="tumblr" />
  377.  
  378.  
  379. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  380.  
  381. <body onkeydown="return false">
  382.  
  383. <div style="position:absolute; top:200px; left:650px; width:100px;
  384. background-color:#FFFFFF; border:0px solid #000000; padding:10px">
  385. <a href="{text:first custom link url}">{text:first custom link title}</a><br>
  386. <a href="{text:second custom link url}">{text:second custom link title}</a>
  387. </div>
  388.  
  389.  
  390.  
  391. <div id="square3">
  392. APPLY<br>
  393. <div id="box">
  394. <br>
  395. <font face="Courier New">Applications are currently: <b>open</b> / closed<br>
  396. Just fill out the form below<br><br>
  397. Name:<br>
  398. Why you want to join:<br></font>
  399. <iframe frameborder="0" height="500" id="submit_form" scrolling="no" src="http://www.tumblr.com/submit_form/URL.tumblr.com" width="100%"></iframe>
  400. <br>
  401. </div></div>
  402.  
  403.  
  404.    
  405.     </td></tr></div></td>
  406.     </tr></div>
  407.  
  408.        
  409.         </td></tr></div></td>
  410.         </tr></div>
  411.  
  412.  
  413.  
  414.  
  415. <center>
  416. <div id="container">
  417.  
  418. <a href="/"><img src="{image:Header}" ></a>
  419.  
  420. <div style="top:400px; text-align:center;font-family:arial;font-size: 12px">
  421.  
  422. <tr>
  423.  
  424. <td>
  425.  
  426.  
  427. </table>
  428.  
  429. <br>
  430.  
  431. <table width="800" height="20" border="0" align="center" cellpadding="7" cellspacing="7" columns="4">
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439. <tr width="800" align="center" valign="middle">
  440.  
  441. <div style="position:center; top:75px; left:0px; font-family:Arial; font-size:9px; width:250px;">  
  442.  
  443.  
  444.    
  445. </div>
  446.  
  447. <a class="pagelinks" href="http:// .tumblr.com/">
  448.  
  449.  
  450.  
  451. </a>
  452.  
  453.  
  454.  
  455. </table>
  456.  
  457.  
  458.  
  459.  
  460. <table width="1200px" height="500px" border="0" align="center" cellspacing="30" columns="4" >
  461. <tr>
  462.  
  463. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  464.  
  465.  
  466. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:290px 275px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  467.  
  468.  
  469. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  470.  
  471.  
  472. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  473.  
  474. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  475.  
  476.  
  477. </tr>
  478.  
  479.  
  480. <tr>
  481.  
  482.  
  483. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  484.  
  485.  
  486. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  487.  
  488. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  489.  
  490. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  491.  
  492. <td style="background: url(http://static.tumblr.com/sxplfnv/fljmeewnl/tumblr_mbcrqjydbi1ratgm2o1_500__1_.jpg) no-repeat center; background-size:325px 205px;"><a class="bloglinks" href="http://URL.tumblr.com" TARGET="_blank">URL</a></td>
  493. </tr>
  494.  
  495.  
  496.  
  497.  
  498. </table>
  499.  
  500.  
  501. <!-- BEGIN TUMBLR CODE --><iframe src="http://assets.tumblr.com/iframe.html?10&src=http%3A%2F%2FYOURNETWORK.tumblr.com%2F&amp;lang=en_US&amp;name=YOURURL" scrolling="no" width="330" height="25" frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;" id="tumblr_controls"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><script type="text/javascript">_qoptions={qacct:"p-19UtqE8ngoZbM"};</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif" style="display:none; border-width:0px; height:1px; width:1px;" alt=""/></noscript><!-- END TUMBLR CODE -->
  502. </body>
  503. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement