Advertisement
damnbritts

Network theme #01

Sep 23rd, 2013
1,677
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.08 KB | None | 0 0
  1.  
  2. <!-- network theme #01 by damnbritts
  3. follow the rules pls thanks -->
  4.  
  5. <head>
  6.  
  7.  
  8. <link rel="shortcut icon" href="{favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{rss}">
  10.  
  11. <style type="text/css">
  12.  
  13.  
  14. body{
  15. font-family: times;
  16. font-size: 11px;
  17. color: #000;
  18. background-position: fixed;
  19. background-attachment:fixed;
  20. background-repeat:repeat;
  21. background-color:#fff;}
  22.  
  23. a:link, a:active, a:visited{
  24. color: #777777;
  25. text-decoration: none;
  26. }
  27.  
  28. ::-webkit-scrollbar {background-color:#fff; border:3px solid #fff;height:8px; width:11px;}
  29. ::-webkit-scrollbar-thumb:vertical {background-color:#000; border:2px solid #fff; height:50px;border-radius:300px;-webkit-border-radius: 300px;
  30. -moz-border-radius: 300px;}
  31. ::-webkit-scrollbar-thumb:horizontal {color:#fff;}
  32.  
  33.  
  34. #all {
  35. margin:60;
  36. margin-left:26%;
  37. }
  38.  
  39. #pannel {
  40. width:170px;
  41. height:100px;
  42. background-color:#fff;
  43. }
  44.  
  45. #poster {
  46. width:120px;
  47. height:20px;
  48. margin-top:60px;
  49. margin-left:90px;
  50. background-color:#fff;
  51. }
  52.  
  53. #poster img {
  54. width:120px;
  55. height:120px;
  56. border:5px solid #000;
  57. }
  58.  
  59.  
  60. #about {
  61. text-align:center;
  62. padding:10px;
  63. padding-top:3px;
  64. margin-bottom:10px;
  65. width:110px;
  66. position:absolute;
  67. height:10px;
  68. font-family: times;
  69. opacity:0;
  70. font-size:9px;
  71. background:#1c1c1c;
  72. color:#e2e3e4;
  73. -webkit-transition: all 0.3s ease-out;
  74. -moz-transition: all 0.3s
  75. ease-out;transition: all 0.3s ease-out;
  76. }
  77.  
  78. #pannel:hover #about {
  79. opacity:.9;
  80. margin-top:23px;
  81. height:90px;
  82. -webkit-transition: all 0.3s ease-out;
  83. -moz-transition: all 0.3s
  84. ease-out;transition: all 0.3s ease-out;
  85. }
  86.  
  87. #name {
  88. font-family:trebuchet ms;
  89. font-size:10px;
  90. text-align:center;
  91. text-transform:justify;
  92. }
  93.  
  94. #links {
  95. font-size:25px;
  96. width:750px;
  97. margin-left:-460px;
  98. margin-top:310px;
  99. text-transform:uppercase;
  100. background:black;
  101. position:fixed;
  102. word-spacing:100px;
  103. font-family:cambria;
  104. line-height:200%;
  105. -webkit-transform: rotate(270deg);
  106. -moz-transform: rotate(270deg);
  107. -o-transform: rotate(270deg);
  108. }
  109.  
  110. #links a {
  111. color:#fff;
  112. -webkit-transition: all 0.3s ease-out;
  113. -moz-transition: all 0.3s
  114. ease-out;transition: all 0.3s ease-out;
  115. }
  116.  
  117. #links a:hover {
  118. text-shadow:2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
  119. -webkit-transition: all 0.3s ease-out;
  120. -moz-transition: all 0.3s
  121. ease-out;transition: all 0.3s ease-out;
  122. }
  123.  
  124. #top {
  125. width:550px;
  126. height:auto;
  127. font-family: times new roman;
  128. font-size:11px;
  129. margin-left: 30.5%;
  130. line-height:18px;
  131. padding:2px;
  132. margin-top: 20px;
  133. text-align:center;
  134. text-transform:lowercase;
  135. background-color:#fff;
  136. }
  137.  
  138. #admin {
  139. font-size:13px;
  140. color:#fff;
  141. background:#000;
  142. border-bottom:1px double #fff;
  143. font-family:times new roman;
  144. letter-spacing: 1px;
  145. text-align:center;
  146. width:121px;
  147. position:absolute;
  148. margin-left:5px;
  149. text-transform:uppercase;
  150. padding-top:3px;
  151. padding-bottom:3px;
  152. margin-top:104px;
  153. opacity:.98;
  154. -webkit-transition: all 0.3s ease-out;
  155. -moz-transition: all 0.3s ease-out;
  156. transition: all 0.3s ease-out;
  157. }
  158.  
  159. #admin a {
  160. color:white;
  161. }
  162.  
  163. #pannel:hover #admin {
  164. text-decoration:underline;
  165. margin-top:-0px;
  166. text-shadow:2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
  167. -webkit-transition: all 0.3s ease-out;
  168. -moz-transition: all 0.3s ease-out;
  169. transition: all 0.3s ease-out;
  170. }
  171.  
  172. .header {
  173. width:1455px;
  174. color:#fff;
  175. background:#000;
  176. font-family:cambria;
  177. font-size:40px;
  178. text-align:center;
  179. position:fixed;
  180. letter-spacing:1px;
  181. text-transform:uppercase;
  182. padding-top:30px;
  183. padding-bottom:30px;
  184. text-shadow:2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
  185. margin-left:-420px;
  186. margin-top:-22px;
  187. -webkit-transition: all 0.3s ease-out;
  188. -moz-transition: all 0.3s
  189. ease-out;transition: all 0.3s ease-out;
  190. }
  191.  
  192. .header:hover {
  193. letter-spacing:6px;
  194. -webkit-transition: all 0.3s ease-out;
  195. -moz-transition: all 0.3s
  196. ease-out;transition: all 0.3s ease-out;
  197. }
  198.  
  199. .header a {
  200. color:#eeeeee;
  201. text-decoration:none;
  202. }
  203.  
  204. #cred {
  205. font-size:8px;
  206. font-family:times;
  207. letter-spacing:1px;
  208. -moz-transition-duration:0.5s;
  209. -webkit-transition-duration:0.5s;
  210. -o-transition-duration:0.5s;
  211. }
  212.  
  213. #cred a {
  214. background-color:#fff;
  215. color:#a8a8a8;
  216. padding:5px;
  217. border:1px solid #ddd;
  218. position:fixed;
  219. right:7px;
  220. bottom:10px
  221. }
  222.  
  223. #cred a:hover {
  224. color:#fff;
  225. background-color:#000;
  226. border-radius:90px;
  227. -moz-transition-duration:2s;
  228. -webkit-transition-duration:2s;
  229. -o-transition-duration:2s;
  230. }
  231.  
  232. </style>
  233.  
  234. <div id="border-top"></div>
  235.  
  236. </div>
  237. <div id="top">
  238. <div class="header"><a href="/">{title}</a></div>
  239. <div id="links">
  240. <a href=" ">link</a>
  241. <a href=" ">link</a>
  242. <a href=" ">link</a>
  243. </div>
  244. </div>
  245.  
  246. <table id="all" border="0" cellpadding="0" cellspacing="0">
  247.  
  248.  
  249. <!-- start of 1st column-->
  250. <!--start 1st pannel-->
  251. <td><div id="pannel">
  252. <div id="poster">
  253. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  254. <p>
  255. <div id="about">
  256. <div id="name"><p>description here</div><!--- description goes here-->
  257. </div>
  258. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  259. </div>
  260.  
  261. </div></td>
  262. <!--end 1st pannel-->
  263.  
  264.  
  265.  
  266. <!--start 2nd pannel-->
  267. <td><div id="pannel">
  268. <div id="poster">
  269. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  270. <p>
  271. <div id="about">
  272. <div id="name"><p>description here</div><!--- description goes here-->
  273. </div>
  274. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  275. </div>
  276.  
  277. </div></td>
  278. <!--end 2nd pannel-->
  279.  
  280.  
  281. <!--start 3rd pannel-->
  282. <td><div id="pannel">
  283. <div id="poster">
  284. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  285. <p>
  286. <div id="about">
  287. <div id="name"><p>description here</div><!--- description goes here-->
  288. </div>
  289. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  290. </div>
  291.  
  292. </div></td>
  293. <!--end of 3rd pannel-->
  294.  
  295.  
  296.  
  297. <!--start 4th pannel-->
  298. <td><div id="pannel">
  299. <div id="poster">
  300. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  301. <p>
  302. <div id="about">
  303. <div id="name"><p>description here</div><!--- description goes here-->
  304. </div>
  305. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  306. </div>
  307.  
  308. </div></td>
  309. <!--end 4th pannel-->
  310. <!-- end of 1st column-->
  311.  
  312. <tr>
  313.  
  314. <!-- start of 2nd column -->
  315. <!--start 5th pannel-->
  316. <td><div id="pannel">
  317. <div id="poster">
  318. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  319. <p>
  320. <div id="about">
  321. <div id="name"><p>description here</div><!--- description goes here-->
  322. </div>
  323. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  324. </div>
  325.  
  326. </div></td>
  327. <!--end 5th pannel-->
  328.  
  329.  
  330.  
  331. <!--start 6th pannel-->
  332. <td><div id="pannel">
  333. <div id="poster">
  334. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  335. <p>
  336. <div id="about">
  337. <div id="name"><p>description here</div><!--- description goes here-->
  338. </div>
  339. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  340. </div>
  341.  
  342. </div></td>
  343. <!--end of 6th pannel-->
  344.  
  345.  
  346.  
  347. <!--start 7th pannel-->
  348. <td><div id="pannel">
  349. <div id="poster">
  350. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  351. <p>
  352. <div id="about">
  353. <div id="name"><p>description here</div><!--- description goes here-->
  354. </div>
  355. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  356. </div>
  357.  
  358. </div></td>
  359. <!--end of 7th pannel-->
  360.  
  361.  
  362. <!--start 8th pannel-->
  363. <td><div id="pannel">
  364. <div id="poster">
  365. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  366. <p>
  367. <div id="about">
  368. <div id="name"><p>description here</div><!--- description goes here-->
  369. </div>
  370. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  371. </div>
  372.  
  373. </div></td>
  374. <!--end of 8th pannel-->
  375. <!-- end 2nd column -->
  376.  
  377. <tr>
  378.  
  379. <!--start 9th pannel-->
  380. <td><div id="pannel">
  381. <div id="poster">
  382. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  383. <p>
  384. <div id="about">
  385. <div id="name"><p>description here</div><!--- description goes here-->
  386. </div>
  387. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  388. </div>
  389.  
  390. </div></td>
  391. <!--end of 9th pannel-->
  392.  
  393.  
  394. <!--start 10th pannel-->
  395. <td><div id="pannel">
  396. <div id="poster">
  397. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  398. <p>
  399. <div id="about">
  400. <div id="name"><p>description here</div><!--- description goes here-->
  401. </div>
  402. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  403. </div>
  404.  
  405. </div></td>
  406. <!--end of 10th pannel-->
  407.  
  408.  
  409. <!--start 11th pannel-->
  410. <td><div id="pannel">
  411. <div id="poster">
  412. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  413. <p>
  414. <div id="about">
  415. <div id="name"><p>description here</div><!--- description goes here-->
  416. </div>
  417. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  418. </div>
  419.  
  420. </div></td>
  421. <!--end of 11th pannel-->
  422.  
  423.  
  424. <!--start 12th pannel-->
  425. <td><div id="pannel">
  426. <div id="poster">
  427. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  428. <p>
  429. <div id="about">
  430. <div id="name"><p>description here</div><!--- description goes here-->
  431. </div>
  432. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  433. </div>
  434.  
  435. </div></td>
  436. <!--end of 12th pannel-->
  437. <!-- end of 3rd column -->
  438.  
  439.  
  440. <tr>
  441.  
  442. <!--start 13th pannel-->
  443. <td><div id="pannel">
  444. <div id="poster">
  445. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  446. <p>
  447. <div id="about">
  448. <div id="name"><p>description here</div><!--- description goes here-->
  449. </div>
  450. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  451. </div>
  452.  
  453. </div></td>
  454. <!--end of 13th pannel-->
  455.  
  456.  
  457. <!--start 14th pannel-->
  458. <td><div id="pannel">
  459. <div id="poster">
  460. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  461. <p>
  462. <div id="about">
  463. <div id="name"><p>description here</div><!--- description goes here-->
  464. </div>
  465. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  466. </div>
  467.  
  468. </div></td>
  469. <!--end of 14th pannel-->
  470.  
  471.  
  472. <!--start 15th pannel-->
  473. <td><div id="pannel">
  474. <div id="poster">
  475. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  476. <p>
  477. <div id="about">
  478. <div id="name"><p>description here</div><!--- description goes here-->
  479. </div>
  480. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  481. </div>
  482.  
  483. </div></td>
  484. <!--end of 15th pannel-->
  485.  
  486.  
  487. <!--start 16th pannel-->
  488. <td><div id="pannel">
  489. <div id="poster">
  490. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  491. <p>
  492. <div id="about">
  493. <div id="name"><p>description here</div><!--- description goes here-->
  494. </div>
  495. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  496. </div>
  497.  
  498. </div></td>
  499. <!--end of 16th pannel-->
  500. <!-- end of 4th column -->
  501.  
  502. <tr>
  503.  
  504. <!--start 17th pannel-->
  505. <td><div id="pannel">
  506. <div id="poster">
  507. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  508. <p>
  509. <div id="about">
  510. <div id="name"><p>description here</div><!--- description goes here-->
  511. </div>
  512. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  513. </div>
  514.  
  515. </div></td>
  516. <!--end of 17th pannel-->
  517.  
  518.  
  519. <!--start 18th pannel-->
  520. <td><div id="pannel">
  521. <div id="poster">
  522. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  523. <p>
  524. <div id="about">
  525. <div id="name"><p>description here</div><!--- description goes here-->
  526. </div>
  527. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  528. </div>
  529.  
  530. </div></td>
  531. <!--end of 18th pannel-->
  532.  
  533.  
  534. <!--start 19th pannel-->
  535. <td><div id="pannel">
  536. <div id="poster">
  537. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  538. <p>
  539. <div id="about">
  540. <div id="name"><p>description here</div><!--- description goes here-->
  541. </div>
  542. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  543. </div>
  544.  
  545. </div></td>
  546. <!--end of 19th pannel-->
  547.  
  548.  
  549. <!--start 20th pannel-->
  550. <td><div id="pannel">
  551. <div id="poster">
  552. <div id="admin"><a href="/"> name </a></div><!--name of the member-->
  553. <p>
  554. <div id="about">
  555. <div id="name"><p>description here</div><!--- description goes here-->
  556. </div>
  557. <img width="120px" src="http://media.tumblr.com/667236e55a85cc44a11a47662e9422a0/tumblr_inline_mn9gt703Bk1qz4rgp.png"/><!--replace this url with the image url you want to use-->
  558. </div>
  559.  
  560. </div></td>
  561. <!--end of 20th pannel-->
  562.  
  563.  
  564. </table>
  565.  
  566.  
  567. <div id="cred"><a href="http://damnbritts.tumblr.com/">DB</a></div>
  568.  
  569. </body>
  570. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement