Advertisement
leodicapriio

Network Page 1

May 12th, 2013
10,669
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.44 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <meta name="color:Background" content="#ffffff"/>
  9. <meta name="color:Text" content="#838282"/>
  10. <meta name="color:scrollbar" content="#b8b8b8"/>
  11. <meta name="color:link" content="#b8b8b8"/>
  12. <meta name="color:links hover" content="#ffffff"/>
  13. <meta name="image:sidebar" content=""/>
  14. <meta name="text:Link1" content="" />
  15. <meta name="text:Link1 Title" content="" />
  16. <meta name="text:Link2" content="" />
  17. <meta name="text:Link2 Title" content="" />
  18. <meta name="text:Link3" content="" />
  19. <meta name="text:Link3 Title" content="" />
  20. <meta name="text:Link4" content="" />
  21. <meta name="text:Link4 Title" content="" />
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  24.  
  25. <style type="text/css">
  26.  
  27. ::-webkit-scrollbar {width: 7px; height:auto; background:}
  28.  
  29. ::-webkit-scrollbar-corner {background:#ffffff}
  30.  
  31. ::-webkit-scrollbar-thumb:vertical {background:#f3f3f3};
  32.  
  33. ::-webkit-scrollbar-thumb:horizontal {background: ; border: 0px solid
  34. }
  35.  
  36.  
  37. body {
  38. background-color:#fafafa;
  39. margin:0px;
  40. font-family: consolas;
  41. font-size:11px;
  42. padding:5px;
  43. line-height:100%;
  44. }
  45.  
  46. a {
  47. color:#b9b9b9;
  48. text-decoration:none;
  49. outline:none;
  50. opacity:1 ;
  51. -webkit-transition: all 0.5s;
  52. -moz-transition: all 0.5s;
  53. transition: all 0.5s;
  54. }
  55.  
  56. a:hover {
  57. color: #0a0a0a;
  58. -webkit-transition: all 0.5s;
  59. -moz-transition: all 0.5s;
  60. transition: all 0.5s;
  61. }
  62.  
  63. img {
  64. border:none;
  65. }
  66.  
  67. blockquote {
  68. padding-left:5px;
  69. border-left:2px solid;
  70. }
  71.  
  72. blockquote blockquote {
  73. padding-left:5px;
  74. border-left:2px solid;
  75. }
  76.  
  77. h1 {
  78. font-size:15px;
  79. font-style:italic;
  80. }
  81.  
  82. #entries {
  83. width:500px;
  84. max-width:500px;
  85. margin-left:250px;
  86. margin-top:20px;
  87. margin-bottom:20px;
  88. }
  89.  
  90. #pagination{
  91. letter-spacing:1px;
  92. font-size:8px;
  93. width:180px;
  94. text-align:right;
  95. z-index:222222;
  96. border-bottom:1px solid;
  97. border-color:#eeeeee;
  98. text-transform:uppercase;
  99. background:#ffffff;
  100. position:fixed;
  101. opacity:0;
  102.  
  103. }
  104.  
  105. #post {
  106. width:500px;
  107. padding-bottom:20px;
  108. display:block;
  109. }
  110.  
  111. #bar{
  112. position:Fixed;
  113. z-index:99;
  114. top:0px;
  115. background:#ffffff;
  116. opacity: 1;
  117.  
  118. width:200%;
  119. height:140px;
  120. margin-left:-50px;
  121.  
  122. }
  123.  
  124. #sidebar {
  125. position:fixed;
  126. left:50px;
  127. margin-top:250px;
  128. background:#ffffff;
  129. }
  130.  
  131. #sidebarimage{
  132. z-index:1;
  133. margin-left:-30px;
  134. margin-top:-50px;
  135. }
  136.  
  137. #sidebarimage img{
  138. width:240px;
  139. height:160px;
  140. }
  141.  
  142. #title{
  143. width:auto;
  144. text-transform:uppercase;
  145. text-align:center;
  146. font-family:century gothic;
  147. margin-bottom:10px;
  148. font-size:30px;
  149. margin-top:-200px;
  150. line-height:80%;
  151. color:#b6b6b6;
  152. font-weight:bold;
  153. position:fixed;
  154.  
  155. }
  156.  
  157. #maintitle{
  158. margin-top:20px;
  159. margin-left:577px;
  160. font-family:'Open Sans Condensed';
  161. font-size:20px;
  162. text-transform:uppercase;
  163. color:#b6b6b6;
  164. width:400px;
  165. height:auto;
  166. position:fixed;
  167. z-index:9999999;
  168. }
  169.  
  170.  
  171.  
  172. #description{
  173. width:153px;
  174. text-align:justify;
  175. position:fixed;
  176. text-transform:normal;
  177. font-size:10px;
  178. font-family:times new;
  179. font-style:italic;
  180. line-height:120%;
  181. padding:20px;
  182. margin-left:515px;
  183. margin-top:-227px;
  184. text-align:center;
  185. color:#b6b6b6;
  186. z-index:999999;
  187. -webkit-transition: all 0.5s;
  188. -moz-transition: all 0.5s;
  189. transition: all 0.5s;
  190. }
  191.  
  192. #stuff{
  193. width:600px;
  194. padding:10px;
  195. border-color:#eeeeee;
  196. z-index:1;
  197. background:;
  198. margin-top:170px;
  199.  
  200. }
  201.  
  202.  
  203. .sidebarlinks {
  204. margin-top:-164px;
  205. margin-left:457px;
  206. font-size:9px;
  207. text-align:left;
  208. text-transform: uppercase;
  209. letter-spacing:1px;
  210. font-family:times new;
  211. font-style:italic;
  212. z-index:1;
  213. position:fixed;
  214. padding-top:25px;
  215. z-index:999999;
  216. }
  217.  
  218. .sidebarlinks a{
  219. float:left;
  220. padding:7px;
  221. margin-bottom:5px;
  222. color:#b6b6b6;
  223. text-align:center;
  224. width:90px;
  225. height:10px;
  226. line-height:12px;
  227. background:#fafafa;
  228. z-index:9999999;
  229. }
  230.  
  231. .sidebarlinks a:hover{
  232. background-color:#000000;
  233. color:#ffffff;
  234. }
  235.  
  236. #stuff {
  237. width:900px;
  238. margin-left:150px;
  239. text-align:center;
  240. }
  241.  
  242.  
  243. #stuff img{
  244. width:110px;
  245. height:110px;
  246. margin-top:-5px;
  247. margin-left:-5px;
  248. z-index:0;
  249. -webkit-transition: all 0.5s;
  250. -moz-transition: all 0.5s;
  251. transition: all 0.5s;
  252. }
  253.  
  254. .style{
  255. display:inline-block;
  256. background:#ffffff;
  257. position:center;
  258. width:100px;
  259. margin-left:90px;
  260. margin-top:0px;
  261. margin-bottom:40px;
  262. padding:12px;
  263. height:100px;
  264. border:1px solid #eee4ec;
  265. }
  266.  
  267. .desc{
  268. width:96px;
  269. height:96px;
  270. background-color:#ffffff;
  271. margin-top:-43px;
  272. margin-left:5px;
  273. padding-top:15px;
  274. padding:7px;
  275. font-family:baskerville;
  276. font-size:12px;
  277. color:#b7b7b7;
  278. opacity:0;
  279. z-index:9999999;
  280. -webkit-transition: all 0.5s;
  281. -moz-transition: all 0.5s;
  282. transition: all 0.5s;
  283. }
  284.  
  285. .desc a{
  286. font-family:times new;
  287. font-style:italic;
  288. margin-top:10px;
  289. font-size:10px;
  290. color:#b7b7b7;
  291. text-align:center;
  292. -webkit-transition: all 0.5s;
  293. -moz-transition: all 0.5s;
  294. transition: all 0.5s;
  295. }
  296.  
  297. .desc a:hover{
  298. color:#000000;
  299. -webkit-transition: all 0.5s;
  300. -moz-transition: all 0.5s;
  301. transition: all 0.5s;
  302. }
  303.  
  304. #latest {
  305. text-align:left;
  306. padding:5px;
  307. letter-spacing:5px;
  308. text-transform:uppercase;
  309. position:fixed;
  310. left:20px;
  311. margin-top:155px;
  312. width:185px;
  313. height:50px;
  314. overflow-x:hidden;
  315. overflow-y:scroll;
  316. font-size:9px;
  317. border:1px #1a1a1a solid;
  318. background:#1a1a1a;
  319. border-left:20px #fd6323 solid;
  320. color:#ffffff;
  321. margin-left:50px;
  322. -webkit-transition: all 0.5s;
  323. -moz-transition: all 0.5s;
  324. transition: all 0.5s;
  325. }
  326.  
  327. #news {
  328. text-align:right;
  329. padding:5px;
  330. letter-spacing:5px;
  331. text-transform:uppercase;
  332. position:fixed;
  333. left:20px;
  334. margin-top:120px;
  335. margin-left:50px;
  336. width:185px;
  337. height:10px;
  338. font-size:9px;
  339. background:#1a1a1a;
  340. border-left:20px #fd6323 solid;
  341. color:#ffffff;
  342. -webkit-transition: all 0.5s;
  343. -moz-transition: all 0.5s;
  344. transition: all 0.5s;
  345. }
  346.  
  347. .title{
  348. text-align:center;
  349. letter-spacing:2px;
  350. padding:3px;
  351. font-family:baskerville;
  352. text-transform:uppercase;
  353. font-size:10px;
  354. margin-bottom:20px;
  355. margin-top:-37px;
  356. margin-left:-20px;
  357. width:130px;
  358. color:#838282;
  359. background-color:transparent;
  360. padding:5px;
  361. line-height:7px;
  362. z-index:0;
  363. }
  364.  
  365. .new{
  366. text-align:center;
  367. position:absolute;
  368. margin-top:17px;
  369. margin-left:179px;
  370. color:#ffffff;
  371. background:#fcedbe;
  372. padding:0px 10px 0px 10px;
  373. z-index:55;
  374. width:34px;
  375. font-size:9px;
  376. text-transform:uppercase;
  377. }
  378.  
  379. .revamp{
  380. text-align:left;
  381. position:absolute;
  382. margin-top:40px;
  383. margin-left:139px;
  384. color:#ffffff;
  385. background:#ffa400;
  386. padding:0px 10px 0px 10px;
  387. z-index:55;
  388. font-size:8px;
  389. text-transform:uppercase;
  390.  
  391. }
  392.  
  393.  
  394. .tri{
  395. text-align:center;
  396. position:absolute;
  397. margin-top:18px;
  398. margin-left:69px;
  399. color:#0c0c0c;
  400. font-size:22px;
  401. padding:10px;
  402. z-index:55;
  403. text-transform:uppercase;
  404.  
  405. }
  406.  
  407. .links{
  408. text-transform:lowercase;
  409. color:#0c0c0c;
  410. position:absolute;
  411. margin-left:-10px;
  412. width:0px;
  413. margin-top:54px;
  414. font-family: consolas;
  415. font-size:8px;
  416. opacity:0;
  417. z-index:1;
  418. font-size:10px;
  419. padding:4px 0px 4px 0px;
  420. background-color:#ffffff;
  421. -webkit-transition: all 0.5s;
  422. -moz-transition: all 0.5s;
  423. transition: all 0.5s;
  424. }
  425.  
  426. .links a{
  427. text-align:center;
  428. display:inline-block;
  429. width:auto;
  430. margin-left:5px;
  431. font-family:times new;
  432. font-style:italic;
  433. padding-top:3px;
  434. padding-bottom:1px;
  435. padding:right:3px;
  436. padding-left:3px;
  437. font-size:7px;
  438. letter-spacing:2px;
  439. text-transform:uppercase;
  440. background-color:#ffffff;
  441. color:#757474;
  442. -webkit-transition: all 0.5s;
  443. -moz-transition: all 0.5s;
  444. transition: all 0.5s;
  445.  
  446. }
  447.  
  448. .links a:hover{
  449. color:#ffffff;
  450. background:#454546;
  451. -webkit-transition: all 0.5s;
  452. -moz-transition: all 0.5s;
  453. transition: all 0.5s;
  454. }
  455.  
  456. .style .desc {
  457. opacity:0.9;
  458. -webkit-transition: all 0.5s ease-out;
  459. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  460. }
  461.  
  462.  
  463.  
  464. .style:hover .links {
  465. opacity:1;
  466. -webkit-transition: all 0.5s ease-out;
  467. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  468. }
  469.  
  470.  
  471. </style>
  472.  
  473. <div id="maintitle">network name/title</div>
  474.  
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481. <div id="sidebar">
  482.  
  483.  
  484.  
  485.  
  486. <div class="sidebarlinks">
  487. <a href="http://ADMINSURL.tumblr.com">home</a>
  488. <a href="http://leodicapriio.tumblr.com">credit</a>
  489. <a href="http://tumblr.com/dashboard">dash</a>
  490. </div>
  491.  
  492.  
  493. <div id="bar"></div>
  494.  
  495. <div id="description">description description description description</br></div>
  496.  
  497. </div></div></div>
  498.  
  499.  
  500. <div id="stuffcontainer">
  501.  
  502. <div id="stuff">
  503.  
  504.  
  505.  
  506.  
  507. <div class="style">
  508.  
  509. <div class="title">Name</div>
  510. <div class="links">
  511. <div class="desc">hi this is the description
  512. <a href="http://YOURURL.tumblr.com">your url name</a>
  513. </div>
  514. </div>
  515. <img src="http://25.media.tumblr.com/40ccced524ecf61a69874112699a95b4/tumblr_mmpxtqsTIb1s8ptspo1_250.png"/>
  516. </div><!--replace this url with the image url you want to use-->
  517.  
  518.  
  519.  
  520.  
  521. <div class="style">
  522.  
  523. <div class="title">Name</div>
  524. <div class="links">
  525. <div class="desc">hi this is the description
  526. <a href="http://YOURURL.tumblr.com">your url name</a>
  527. </div>
  528. </div>
  529. <img src="http://25.media.tumblr.com/ced1c1742c08fc6fb6e7bc68958e0431/tumblr_mmpwp1bE3h1s9747xo7_250.png"/>
  530. </div><!--replace this url with the image url you want to use-->
  531.  
  532.  
  533.  
  534.  
  535. <div class="style">
  536.  
  537. <div class="title">Name</div>
  538. <div class="links">
  539. <div class="desc">hi this is the description
  540. <a href="http://YOURURL.tumblr.com">your url name</a>
  541. </div>
  542. </div>
  543. <img src="http://24.media.tumblr.com/1ba32e50b88aca153935e7c1eac0911a/tumblr_mmpwivECYe1s9747xo4_250.png"/>
  544. </div><!--replace this url with the image url you want to use-->
  545.  
  546.  
  547.  
  548.  
  549.  
  550. <div class="style">
  551.  
  552. <div class="title">Name</div>
  553. <div class="links">
  554. <div class="desc">hi this is the description
  555. <a href="http://YOURURL.tumblr.com">your url name</a>
  556. </div>
  557. </div>
  558. <img src="http://25.media.tumblr.com/ddc4a34b447f3b79590ae5ab94faa4af/tumblr_mmpwdd3RKA1s9747xo4_250.jpg"/>
  559. </div><!--replace this url with the image url you want to use-->
  560.  
  561.  
  562.  
  563.  
  564.  
  565. <div class="style">
  566.  
  567. <div class="title">Name</div>
  568. <div class="links">
  569. <div class="desc">hi this is the description
  570. <a href="http://YOURURL.tumblr.com">your url name</a>
  571. </div>
  572. </div>
  573. <img src="http://media.tumblr.com/febc54f61350efa3ff2d54cc00cc99e0/tumblr_inline_mmpxkjy3A21qz4rgp.png"/>
  574. </div><!--replace this url with the image url you want to use-->
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581. <div class="style">
  582.  
  583. <div class="title">Name</div>
  584. <div class="links">
  585. <div class="desc">hi this is the description
  586. <a href="http://YOURURL.tumblr.com">your url name</a>
  587. </div>
  588. </div>
  589. <img src="http://media.tumblr.com/61fd5213ab4a753084df954312d4c943/tumblr_inline_mmo5tlx5EG1qz4rgp.png"/>
  590. </div><!--replace this url with the image url you want to use-->
  591.  
  592.  
  593.  
  594.  
  595. <div class="style">
  596.  
  597. <div class="title">Name</div>
  598. <div class="links">
  599. <div class="desc">hi this is the description
  600. <a href="http://YOURURL.tumblr.com">your url name</a>
  601. </div>
  602. </div>
  603. <img src="http://media.tumblr.com/407d195c0df4a6530d4b4f1a6e782f15/tumblr_inline_mmpy18b2ei1qz4rgp.png"/>
  604. </div><!--replace this url with the image url you want to use-->
  605.  
  606.  
  607.  
  608. <div class="style">
  609.  
  610. <div class="title">Name</div>
  611. <div class="links">
  612. <div class="desc">hi this is the description
  613. <a href="http://YOURURL.tumblr.com">your url name</a>
  614. </div>
  615. </div>
  616. <img src="http://media.tumblr.com/e8623eb55619ac0f72d2e6d43abd33fc/tumblr_inline_mlkicj9z7w1qz4rgp.png"/>
  617. </div><!--replace this url with the image url you want to use-->
  618.  
  619.  
  620.  
  621.  
  622.  
  623. <div class="style">
  624.  
  625. <div class="title">Name</div>
  626. <div class="links">
  627. <div class="desc">hi this is the description
  628. <a href="http://YOURURL.tumblr.com">your url name</a>
  629. </div>
  630. </div>
  631. <img src="http://24.media.tumblr.com/cf22a6f97d95ae742e715c466139d8fa/tumblr_mmpvip3TKX1rcdyz9o6_500.png"/>
  632. </div><!--replace this url with the image url you want to use-->
  633.  
  634.  
  635.  
  636.  
  637.  
  638. <div class="style">
  639.  
  640. <div class="title">Name</div>
  641. <div class="links">
  642. <div class="desc">hi this is the description
  643. <a href="http://YOURURL.tumblr.com">your url name</a>
  644. </div>
  645. </div>
  646. <img src="http://media.tumblr.com/1209b8bc6618e52e46ba93ee06e98c8b/tumblr_inline_mmnub4X0e41qz4rgp.png"/>
  647. </div><!--replace this url with the image url you want to use-->
  648.  
  649.  
  650.  
  651.  
  652. <div class="style">
  653.  
  654. <div class="title">Name</div>
  655. <div class="links">
  656. <div class="desc">hi this is the description
  657. <a href="http://YOURURL.tumblr.com">your url name</a>
  658. </div>
  659. </div>
  660. <img src="http://24.media.tumblr.com/0f8b953c183d908fb61aedee5fe1008c/tumblr_mmee6g8mQo1s2p08lo6_250.png"/>
  661. </div><!--replace this url with the image url you want to use-->
  662.  
  663.  
  664.  
  665.  
  666.  
  667. <div class="style">
  668.  
  669. <div class="title">Name</div>
  670. <div class="links">
  671. <div class="desc">hi this is the description
  672. <a href="http://YOURURL.tumblr.com">your url name</a>
  673. </div>
  674. </div>
  675. <img src="http://25.media.tumblr.com/98875a2f8d41f617d0a8a4c2a4a37649/tumblr_mmlzm7LB4W1s2p08lo9_250.png"/>
  676. </div><!--replace this url with the image url you want to use-->
  677.  
  678.  
  679.  
  680.  
  681.  
  682. <div class="style">
  683.  
  684. <div class="title">Name</div>
  685. <div class="links">
  686. <div class="desc">hi this is the description
  687. <a href="http://YOURURL.tumblr.com">your url name</a>
  688. </div>
  689. </div>
  690. <img src="http://24.media.tumblr.com/21237e424706e1c678b85377bcafea27/tumblr_mlkvsmYu8e1s2p08lo7_250.png"/>
  691. </div><!--replace this url with the image url you want to use-->
  692.  
  693.  
  694.  
  695.  
  696.  
  697. <div class="style">
  698.  
  699. <div class="title">Name</div>
  700. <div class="links">
  701. <div class="desc">hi this is the description
  702. <a href="http://YOURURL.tumblr.com">your url name</a>
  703. </div>
  704. </div>
  705. <img src="http://24.media.tumblr.com/3aae3ddcc6effebbf120143ac8832992/tumblr_mkw0vhLU0U1s1vq9yo6_250.jpg"/>
  706. </div><!--replace this url with the image url you want to use-->
  707.  
  708.  
  709.  
  710.  
  711.  
  712. <div class="style">
  713.  
  714. <div class="title">Name</div>
  715. <div class="links">
  716. <div class="desc">hi this is the description
  717. <a href="http://YOURURL.tumblr.com">your url name</a>
  718. </div>
  719. </div>
  720. <img src="http://media.tumblr.com/3c398008a720ac392a07ea781c97c2e3/tumblr_inline_mlto7uggkx1qz4rgp.png"/>
  721. </div><!--replace this url with the image url you want to use-->
  722.  
  723.  
  724.  
  725. <div class="style">
  726.  
  727. <div class="title">Name</div>
  728. <div class="links">
  729. <div class="desc">hi this is the description
  730. <a href="http://YOURURL.tumblr.com">your url name</a>
  731. </div>
  732. </div>
  733. <img src="http://media.tumblr.com/1422ae4c9061c381cb94ec61cd453461/tumblr_inline_mmmwq9WD6O1r2r386.jpg"/>
  734. </div><!--replace this url with the image url you want to use-->
  735.  
  736. </div>
  737.  
  738.  
  739. </div></div>
  740.  
  741. </body></html>
  742.  
  743.  
  744. </div></div>
  745.  
  746. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement