Advertisement
Guest User

network theme by nathesykes

a guest
Aug 2nd, 2013
310
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--network theme by nathesykes, don't remove the credit please-->
  2.  
  3. <head>
  4.  
  5.  
  6. <link rel="shortcut icon" href="{favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{rss}">
  8.  
  9. <style type="text/css">
  10.  
  11.  
  12.  
  13.  
  14.  
  15. @font-face{font-family:Black Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}
  16.  
  17. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  18.  
  19. @font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  20.  
  21. body
  22. {font-family: times;
  23. font-size: 11px;
  24. color: #000;
  25. background-position: fixed;
  26. background-attachment:fixed;
  27. background-repeat:repeat;
  28. background-color:#fff;}
  29.  
  30. a:link, a:active, a:visited{
  31. color: #777777;
  32. text-decoration: none;
  33.  
  34. }
  35.  
  36. ::-webkit-scrollbar-thumb{
  37. background-color: #050505;
  38. border: 2px solid #ffffff;
  39. height:auto;
  40. }
  41.  
  42. ::-webkit-scrollbar {
  43. height:9px;
  44. width:9px;
  45. background-color: #050505;
  46. border: 4px solid #fff;
  47. }
  48.  
  49. ::selection {
  50. background-color:#f9f9f9;
  51. }
  52.  
  53.  
  54.  
  55.  
  56.  
  57. #all {
  58. margin:100;
  59. margin-left:23%;
  60. }
  61.  
  62. #pannel {
  63. width:180px;
  64. height:170px;
  65. padding:0px;
  66. background-color:#fff;
  67. }
  68.  
  69. #poster {
  70. width:120px;
  71. height:120px;
  72. margin-top:30px;
  73. background-color:#fff;
  74. }
  75.  
  76. #poster img {
  77. width:120px;
  78. height:120px;
  79. border:double #000;
  80. padding:6px;
  81. margin-top:-25px;
  82. }
  83.  
  84.  
  85. #about {
  86. text-align:center;
  87. padding:10px;
  88. padding-top:30px;
  89. margin-bottom:20px;
  90. position:absolute;
  91. width:110px;
  92. font-family: times;
  93. opacity:0;
  94. font-size:9px;
  95. background:white;
  96. color:#000;
  97. line-height:1px;
  98. -moz-transition-duration:1s;
  99. -webkit-transition-duration:1s;
  100. -o-transition-duration:1s;
  101.  
  102. }
  103.  
  104. #pannel:hover #about {
  105. opacity:0.9;
  106. margin-top:-20px;
  107. margin-left:5px;
  108. height:85px;
  109. -webkit-transition: all 0.5s ease-out;
  110. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  111. }
  112.  
  113. #name {
  114. font-family: times new roman;
  115. font-size:10px;
  116. text-align:center;
  117. text-transform:none;
  118. margin-top:20px;
  119. }
  120.  
  121.  
  122. #top {
  123. width:550px;
  124. height:auto;
  125. font-family: times new roman;
  126. font-size:11px;
  127. margin-left: 30.5%;
  128. line-height:18px;
  129. padding:2px;
  130. margin-top: 20px;
  131. text-align:center;
  132. text-transform:lowercase;
  133. background-color:#fff;
  134. }
  135.  
  136. #admin {
  137. font-size:35px;
  138. color:#000;
  139. font-family: Jenna Sue;
  140. letter-spacing: 1px;
  141. text-align: left;
  142. padding: 2 3 2 3;
  143. width: 120px;
  144. margin-top: -5px;
  145. }
  146.  
  147. #admin a{
  148. color:#000;
  149. }
  150.  
  151. #status{
  152. font-family: Jenna Sue;
  153. border-bottom:double #000;
  154. padding-top:5px;
  155. padding-left:5px;
  156. width:135px;
  157. position:absolute;
  158. font-size:25px;
  159. text-align:right;
  160. opacity:0;
  161. -moz-transition-duration:1s;
  162. -webkit-transition-duration:1s;
  163. -o-transition-duration:1s;
  164. }
  165.  
  166. #pannel:hover #status {
  167. margin-bottom:-20px;
  168. padding-top:0px;
  169. padding-left:0px;
  170. opacity:1;
  171. z-index:1;
  172. -moz-transition-duration:1s;
  173. -webkit-transition-duration:1s;
  174. -o-transition-duration:1s;
  175. }
  176.  
  177. #url{
  178. font-family: Jenna Sue;
  179. padding-top:5px;
  180. padding-left:5px;
  181. width:135px;
  182. position:absolute;
  183. font-size:30px;
  184. text-align:left;
  185. opacity:0;
  186. margin-left:5px;
  187. margin-top:80px;
  188. -moz-transition-duration:1s;
  189. -webkit-transition-duration:1s;
  190. -o-transition-duration:1s;
  191. }
  192.  
  193. #pannel:hover #url {
  194. margin-top:65px;
  195. opacity:1;
  196. }
  197.  
  198.  
  199. .header {
  200. height:80px;
  201. width:1000px;
  202. color:#000;
  203. font-family:"Black Swan";
  204. font-size:150px;
  205. text-align:left;
  206. letter-spacing:1px;
  207. text-transform:lowercase;
  208. padding:5px 10px;
  209. padding-top:80px;
  210. margin:-30px;
  211. margin-left:-100px;
  212. position: fixed;
  213. background:white;
  214. }
  215.  
  216. .header a {
  217. color:#eeeeee;
  218. text-decoration:none;
  219. }
  220.  
  221. .links{
  222. font-family:Black Swan;
  223. font-size:50px;
  224. line-height:5px;
  225. margin-left:-250px;
  226. margin-top:-50px;
  227. background:black;
  228. position:fixed;
  229. width:120px;
  230. height:1000px;
  231. padding-top:300px;
  232. }
  233.  
  234. .links a{
  235. padding-top:30px;
  236. padding-left:15px;
  237. padding-bottom:30px;
  238. padding-right:15px;
  239. display:block;
  240. color:#fff;
  241. -moz-transition-duration:1s;
  242. -webkit-transition-duration:1s;
  243. -o-transition-duration:1s;
  244. }
  245.  
  246. .links a:hover{
  247. padding-top:30px;
  248. padding-left:15px;
  249. padding-bottom:30px;
  250. padding-right:15px;
  251. background:white;
  252. color:#000;
  253. -moz-transition-duration:1s;
  254. -webkit-transition-duration:1s;
  255. -o-transition-duration:1s;
  256. }
  257.  
  258.  
  259. #credit a{
  260. color: #000;
  261. }
  262.  
  263.  
  264.  
  265. </style>
  266.  
  267.  
  268. <div id="border-top"></div>
  269.  
  270.  
  271.  
  272. </div>
  273. <div id="top">
  274. <div class="header">{Title}</div>
  275.  
  276. <div class="links">
  277. <a href="/ask">join?</a> <br><!--- write the link to admin's ask page -->
  278. <a href="http://www.tumblr.com/dashboard">go back</a> <br>
  279.  
  280. </div>
  281. </div>
  282.  
  283. <table id="all" border="0" cellpadding="0" cellspacing="20">
  284.  
  285.  
  286. <!-- start of 1st column-->
  287. <!--start 1st pannel-->
  288. <td><div id="pannel">
  289. <div id="poster">
  290. <div id="admin"><a href="http://dobriaen.tumblr.com/"> name </a></div><!--name of the member, and link to the blog of them-->
  291. <div id="status"> admin </div>
  292. <p>
  293. <div id="about">
  294. <div id="name"><p><!--- description goes here-->
  295. put your description here<p>
  296. don't make it too long <p>
  297. </div>
  298. </div>
  299. <div id="url"><a href="http://dobriaen.tumblr.com/"> blogurl </a></div> <!--- write the blog's name here and don't forget to also put the link to the blog again-->
  300. <img width="120px" src="http://media.tumblr.com/ef6d6a0e8e2b8c032f95c4c4abea0d72/tumblr_inline_mpra4rlrqT1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  301. </div>
  302.  
  303. </div></td>
  304. <!--end 2st pannel-->
  305.  
  306.  
  307.  
  308. <!--start 2nd pannel-->
  309. <td><div id="pannel">
  310. <div id="poster">
  311. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  312. <div id="status"> member </div>
  313. <p>
  314. <div id="about">
  315. <div id="name"><p>description here</div><!--- description goes here-->
  316. </div>
  317. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  318. <img width="120px" src="http://media.tumblr.com/148e6f6aa6aaa216aef00134936f4b39/tumblr_inline_mpshybkzRR1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  319. </div>
  320.  
  321. </div></td>
  322. <!--end 2nd pannel-->
  323.  
  324.  
  325. <!--start 3rd pannel-->
  326. <td><div id="pannel">
  327. <div id="poster">
  328. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  329. <div id="status"> member </div>
  330. <p>
  331. <div id="about">
  332. <div id="name"><p>description here</div><!--- description goes here-->
  333. </div>
  334. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  335. <img width="120px" src="http://25.media.tumblr.com/a6ae8601b0545458b009d6016952597f/tumblr_mpsfweIWV01razdmuo4_250.jpg"/><!--replace this url with the image url you want to use-->
  336. </div>
  337.  
  338. </div></td>
  339. <!--end of 3rd pannel-->
  340.  
  341. <!--start 4rd pannel-->
  342. <td><div id="pannel">
  343. <div id="poster">
  344. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  345. <div id="status"> member </div>
  346. <p>
  347. <div id="about">
  348. <div id="name"><p>description here</div><!--- description goes here-->
  349. </div>
  350. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  351. <img width="120px" src="http://media.tumblr.com/656c7a8ea0f94477fd91be3e502d9a3c/tumblr_inline_mpqldpM09h1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  352. </div>
  353.  
  354. </div></td>
  355. <!--end of 4rd pannel-->
  356. <!-- end of 1st column-->
  357.  
  358. <tr>
  359.  
  360. <!--- start of 2nd column-->
  361. <!--start 1st pannel-->
  362. <td><div id="pannel">
  363. <div id="poster">
  364. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  365. <div id="status"> member </div>
  366. <p>
  367. <div id="about">
  368. <div id="name"><p>description here</div><!--- description goes here-->
  369. </div>
  370. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  371. <img width="120px" src="http://media.tumblr.com/241c2a435c0ccb886ee850cfa0cccf0b/tumblr_inline_mprw2meisi1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  372. </div>
  373.  
  374. </div></td>
  375. <!--end 1st pannel-->
  376.  
  377.  
  378.  
  379.  
  380. <!--start 2nd pannel-->
  381. <td><div id="pannel">
  382. <div id="poster">
  383. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  384. <div id="status"> member </div>
  385. <p>
  386. <div id="about">
  387. <div id="name"><p>description here</div><!--- description goes here-->
  388. </div>
  389. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  390. <img width="120px" src="http://media.tumblr.com/2649f6573ac6f3ece383105a50ab06c6/tumblr_inline_mprubjovyZ1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  391. </div>
  392.  
  393. </div></td>
  394. <!--end 2nd pannel-->
  395.  
  396.  
  397.  
  398. <!--start 3rd pannel-->
  399. <td><div id="pannel">
  400. <div id="poster">
  401. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  402. <div id="status"> member </div>
  403. <p>
  404. <div id="about">
  405. <div id="name"><p>description here</div><!--- description goes here-->
  406. </div>
  407. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  408. <img width="120px" src="http://media.tumblr.com/0e62b02b3234682bcf2a48d6dc690098/tumblr_inline_mpnsqfip6C1rat5qo.png"/><!--replace this url with the image url you want to use-->
  409. </div>
  410.  
  411. </div></td>
  412. <!--end of 3rd pannel-->
  413.  
  414. <!--start 4rd pannel-->
  415. <td><div id="pannel">
  416. <div id="poster">
  417. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  418. <div id="status"> member </div>
  419. <p>
  420. <div id="about">
  421. <div id="name"><p>description here</div><!--- description goes here-->
  422. </div>
  423. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  424. <img width="120px" src="http://media.tumblr.com/3df5a90a6a56505c847324b1ddf9ac2d/tumblr_inline_mor9jgL2Wk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  425. </div>
  426.  
  427. </div></td>
  428. <!--end of 4rd pannel-->
  429. <!-- end of 2nd column-->
  430.  
  431. <tr>
  432.  
  433. <!--- start of 3rd column-->
  434. <!--start 1st pannel-->
  435. <td><div id="pannel">
  436. <div id="poster">
  437. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  438. <div id="status"> member </div>
  439. <p>
  440. <div id="about">
  441. <div id="name"><p>description here</div><!--- description goes here-->
  442. </div>
  443. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  444. <img width="120px" src="http://media.tumblr.com/d41410b3c491a8a21bfaf6f44980e84e/tumblr_inline_mpsh4kPcKU1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  445. </div>
  446.  
  447. </div></td>
  448. <!--end 1st pannel-->
  449.  
  450.  
  451.  
  452.  
  453. <!--start 2nd pannel-->
  454. <td><div id="pannel">
  455. <div id="poster">
  456. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  457. <div id="status"> member </div>
  458. <p>
  459. <div id="about">
  460. <div id="name"><p>description here</div><!--- description goes here-->
  461. </div>
  462. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  463. <img width="120px" src="http://media.tumblr.com/25bd9c9a908a2b492d54e190a1eaef8f/tumblr_inline_mphk8v6cHr1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  464. </div>
  465.  
  466. </div></td>
  467. <!--end 2nd pannel-->
  468.  
  469.  
  470.  
  471. <!--start 3rd pannel-->
  472. <td><div id="pannel">
  473. <div id="poster">
  474. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  475. <div id="status"> member </div>
  476. <p>
  477. <div id="about">
  478. <div id="name"><p>description here</div><!--- description goes here-->
  479. </div>
  480. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  481. <img width="120px" src="http://media.tumblr.com/950089102068c33c36b3bf55a460a01e/tumblr_inline_mps7q5cjJX1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  482. </div>
  483.  
  484. </div></td>
  485. <!--end of 3rd pannel-->
  486.  
  487. <!--start 4rd pannel-->
  488. <td><div id="pannel">
  489. <div id="poster">
  490. <div id="admin"><a href="/"> name </a></div><!--name of the member, and link to the blog of them-->
  491. <div id="status"> member </div>
  492. <p>
  493. <div id="about">
  494. <div id="name"><p>description here</div><!--- description goes here-->
  495. </div>
  496. <div id="url"><a href="/"> blogurl </a></div><!--- write the blog's name here and don't forget to also put the link to the blog again-->
  497. <img width="120px" src="http://media.tumblr.com/f6839b9a37af376f6fd1eb4a89336ef7/tumblr_inline_moyz30QL8X1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  498. </div>
  499.  
  500. </div></td>
  501. <!--end of 4rd pannel-->
  502. <!-- end of 3rd column-->
  503.  
  504. <!-- to add more columns, copy everything from <tr> of the first pannel to </td> of the third pannel!
  505. if you need help adding more columns or with anything in this code please ask-->
  506.  
  507. </table>
  508.  
  509.  
  510.  
  511. <div id="credit"> <div style="font-size: 15px; font-style:none; letter-spacing: 0px; float: right; position: fixed; bottom: 0px; right: 10px; text-transform:none; font-family:algerian; font-style:none;"><a href="http://nathesykes.tumblr.com">ns </a></div></div>
  512.  
  513. </body>
  514. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement