API tools faq
paste
Advertisement
sofiiayala

Network #1 Blue

sofiiayala
Mar 4th, 2014
2,157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.71 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--Network theme By Sofi (doctorwatsn.tumblr.com) DON'T REMOVE THE CREDIT OR CLAIM IT AS YOUR OWN. DON'T USE IT AS A BASE.-->
  4.  
  5. <head>
  6.  
  7.  
  8. <link rel="shortcut icon" href="{favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{rss}">
  10.  
  11. <script type="text/javascript">
  12. WebFontConfig = {
  13. google: { families: [ 'Lato:300,400:latin' ] }
  14. };
  15. (function() {
  16. var wf = document.createElement('script');
  17. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  18. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  19. wf.type = 'text/javascript';
  20. wf.async = 'true';
  21. var s = document.getElementsByTagName('script')[0];
  22. s.parentNode.insertBefore(wf, s);
  23. })(); </script>
  24.  
  25. <style type="text/css">
  26.  
  27. ::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }
  28. ::-webkit-scrollbar-thumb { background-color: #758eab; -webkit-border-radius: 0ex; }
  29.  
  30. body
  31. {font-family: times;
  32. font-size: 18px;
  33. color: #000;
  34. background-repeat:repeat;
  35. background-color:#fff;
  36. background-image:url("HERE GOES PICTURE LINK");
  37. background-size:cover;
  38. background-position:left top;
  39. background-attachment:fixed;}
  40.  
  41. a:link, a:active, a:visited{
  42. color: #777777;
  43. text-decoration: none;
  44.  
  45. }
  46.  
  47. #con {
  48. margin-top:50px;
  49. margin-bottom: 60px;
  50. }
  51.  
  52. #pannel {
  53. width:141px;
  54. height:141px;
  55. padding:0px;
  56. background-color:transparent;
  57. margin: 15px;
  58. }
  59.  
  60. #poster {
  61. width:120px;
  62. height:120px;
  63. background-color:transparent;
  64. opacity: 0.9;
  65. -webkit-transition: all 0.5s ease-out;
  66. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  67. }
  68.  
  69. #poster img {
  70. width:120px;
  71. height:120px;
  72. border:1px solid #f0f0f0;
  73. padding:20px;
  74. z-index: 999;
  75. }
  76.  
  77.  
  78. #about {
  79. text-align:center;
  80. padding:11px;
  81. padding-top:3px;
  82. margin: 20px;
  83. margin-top:21px;
  84. position:absolute;
  85. width:100px;
  86. height:106px;
  87. font-family: sans-serif;
  88. letter-spacing: 1.5px;
  89. line-height: 130%;
  90. opacity:0;
  91. font-size:8px;
  92. background:white;
  93. overflow-y:auto;
  94. color:#000;
  95. -webkit-transition: all 0.5s ease-out;
  96. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  97.  
  98. }
  99.  
  100. #pannel:hover #about {
  101. opacity:.8;
  102. -webkit-transition: all 0.5s ease-out;
  103. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  104. }
  105.  
  106. #description {
  107. font-family: garamond;
  108. font-size:9px;
  109. text-align:center;
  110. letter-spacing: 1.5px;
  111. line-height: 130%;
  112. }
  113.  
  114. #member {
  115. font-size:12px;
  116. color:#000;
  117. font-family: 'Lato', sans-serif;
  118. font-weight: 300;
  119. letter-spacing: 1px;
  120. text-align: center;
  121. width: 120px;
  122. margin-top: 10px;
  123. margin-bottom: -36px;
  124. width: 160px;
  125. z-index: 9999999;
  126. }
  127.  
  128. .url {
  129. padding: 3px;
  130. background-color: #65788e;
  131. color: white;
  132. font-family: calibri;
  133. font-size:8px;
  134. text-align:center;
  135. word-wrap:break-word;
  136. margin:1px;
  137. margin-left: -7px;
  138. margin-right: -7px;
  139. letter-spacing: 1px;
  140. opacity: 2;
  141. text-transform: uppercase;
  142. }
  143.  
  144. .url a {
  145. color: white;
  146. letter-spacing: 1.5px;
  147. }
  148.  
  149. #top {
  150. width: 533px;
  151. height:auto;
  152. font-family: times new roman;
  153. font-size:11px;
  154. line-height:18px;
  155. margin: auto;
  156. margin-top: 50px;
  157. text-align:center;
  158. padding-left: 13px;
  159. margin-bottom: 20px;
  160. }
  161.  
  162. #text {
  163. width: 300px;
  164. font-family:'Lato', sans-serif;
  165. margin: auto;
  166. font-size: 8px;
  167. letter-spacing: 1.5px;
  168. margin-bottom: 20px;
  169. text-align: justify;
  170. padding-left:5px;
  171. line-height: 140%;
  172. }
  173.  
  174. #links {
  175. width: 300px;
  176. font-family:'Lato', sans-serif;
  177. margin: auto;
  178. font-size: 8px;
  179. letter-spacing: 1.5px;
  180. text-transform: uppercase;
  181. padding-left: 4px;
  182. }
  183.  
  184. #links a {
  185. margin-left: 8px;
  186. margin-right: 8px;
  187. display:inline-block;
  188. padding: 6px;
  189. padding-top: 0px;
  190. padding-bottom: 0px;
  191. background-color: #758eab;
  192. color: white;
  193. -webkit-transition: all 0.5s ease-out;
  194. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  195. }
  196.  
  197. #links a:hover {
  198. background-color: transparent;
  199. color: #777;
  200. -webkit-transition: all 0.5s ease-out;
  201. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  202. }
  203.  
  204. .header {
  205. color:#777;
  206. font-family:'Lato', sans-serif;
  207. font-size:30px;
  208. text-align:center;
  209. letter-spacing:1px;
  210. margin:0px;
  211. font-weight: 300;
  212. padding-bottom: 10px;
  213. margin-bottom: 10px;
  214. }
  215.  
  216. .header a {
  217. color:#eeeeee;
  218. text-decoration:none;
  219. }
  220.  
  221. .all {
  222. margin:auto;
  223. }
  224.  
  225. </style></head> <body>
  226.  
  227. <div class="all">
  228. <div id="top">
  229. <div class="header"><span style="border-bottom: 1px solid #758eab; padding-left: 10px; padding-right: 10px; margin-left: 7px;">Network</span></div>
  230.  
  231. <div id="text">In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>. You can also add links, pixels, icons, dividers and make it as long as you want.</div>
  232.  
  233. <div id="links">
  234. <a href=" ">home</a>
  235. <a href=" ">apply</a>
  236. <a href=" ">chat</a>
  237. </div>
  238.  
  239. </div></div>
  240.  
  241. <table class="all" border="0" cellpadding="0" cellspacing="20">
  242.  
  243. <!-- start of 1st row-->
  244. <td><div id="pannel">
  245. <div id="poster">
  246. <div id="member">Name</div><!--Name of the member-->
  247. <p>
  248. <div id="about">
  249. <div class="url"><a href="/"> url goes here </a></div>
  250. <div id="description">
  251. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  252. </div>
  253. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  254. </div>
  255. </div></td>
  256.  
  257.  
  258.  
  259.  
  260. <td><div id="pannel">
  261. <div id="poster">
  262. <div id="member">Name</div><!--Name of the member-->
  263. <p>
  264. <div id="about">
  265. <div class="url"><a href="/"> url goes here </a></div>
  266. <div id="description">
  267. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  268. </div>
  269. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  270. </div>
  271. </div></td>
  272.  
  273.  
  274.  
  275. <td><div id="pannel">
  276. <div id="poster">
  277. <div id="member">Name</div><!--Name of the member-->
  278. <p>
  279. <div id="about">
  280. <div class="url"><a href="/"> url goes here </a></div>
  281. <div id="description">
  282. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  283. </div>
  284. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  285. </div>
  286. </div></td>
  287. <!-- end of 1st row-->
  288.  
  289. <tr>
  290.  
  291. <!--- start of 2nd row-->
  292. <td><div id="pannel">
  293. <div id="poster">
  294. <div id="member">Name</div><!--Name of the member-->
  295. <p>
  296. <div id="about">
  297. <div class="url"><a href="/"> url goes here </a></div>
  298. <div id="description">
  299. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  300. </div>
  301. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  302. </div>
  303. </div></td>
  304.  
  305.  
  306.  
  307.  
  308. <td><div id="pannel">
  309. <div id="poster">
  310. <div id="member">Name</div><!--Name of the member-->
  311. <p>
  312. <div id="about">
  313. <div class="url"><a href="/"> url goes here </a></div>
  314. <div id="description">
  315. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers
  316. </div><!--- description goes here-->
  317. </div>
  318. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  319. </div>
  320. </div></td>
  321.  
  322.  
  323.  
  324. <td><div id="pannel">
  325. <div id="poster">
  326. <div id="member">Name</div><!--Name of the member-->
  327. <p>
  328. <div id="about">
  329. <div class="url"><a href="/"> url goes here </a></div>
  330. <div id="description">
  331. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  332. </div>
  333. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  334. </div>
  335. </div></td>
  336. <!-- end of 2nd row-->
  337.  
  338. <tr>
  339.  
  340. <!--- start of 3rd row-->
  341. <td><div id="pannel">
  342. <div id="poster">
  343. <div id="member">Name</div><!--Name of the member-->
  344. <p>
  345. <div id="about">
  346. <div class="url"><a href="/"> url goes here </a></div>
  347. <div id="description">
  348. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  349. </div>
  350. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  351. </div>
  352. </div></td>
  353.  
  354.  
  355.  
  356.  
  357. <td><div id="pannel">
  358. <div id="poster">
  359. <div id="member">Name</div><!--Name of the member-->
  360. <p>
  361. <div id="about">
  362. <div class="url"><a href="/"> url goes here </a></div>
  363. <div id="description">
  364. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  365. </div>
  366. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  367. </div>
  368. </div></td>
  369.  
  370.  
  371.  
  372. <td><div id="pannel">
  373. <div id="poster">
  374. <div id="member">Name</div><!--Name of the member-->
  375. <p>
  376. <div id="about">
  377. <div class="url"><a href="/"> url goes here </a></div>
  378. <div id="description">
  379. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  380. </div>
  381. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  382. </div>
  383. </div></td>
  384. <!-- end of 3rd row-->
  385.  
  386. <tr>
  387.  
  388. <!--- start of 4th row-->
  389. <td><div id="pannel">
  390. <div id="poster">
  391. <div id="member">Name</div><!--Name of the member-->
  392. <p>
  393. <div id="about">
  394. <div class="url"><a href="/"> url goes here </a></div>
  395. <div id="description">
  396. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  397. </div>
  398. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  399. </div>
  400. </div></td>
  401.  
  402.  
  403.  
  404.  
  405. <td><div id="pannel">
  406. <div id="poster">
  407. <div id="member">Name</div><!--Name of the member-->
  408. <p>
  409. <div id="about">
  410. <div class="url"><a href="/"> url goes here </a></div>
  411. <div id="description">
  412. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  413. </div>
  414. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  415. </div>
  416. </div></td>
  417.  
  418.  
  419.  
  420. <td><div id="pannel">
  421. <div id="poster">
  422. <div id="member">Name</div><!--Name of the member-->
  423. <p>
  424. <div id="about">
  425. <div class="url"><a href="/"> url goes here </a></div>
  426. <div id="description">
  427. <p>In the description you can use <b>bold</b>, <u>underline</u>, <i>italics</i> and <s>strike</s>.<br> You can also add links and dividers</div><!--- description goes here-->
  428. </div>
  429. <img width="120px" src="http://24.media.tumblr.com/45ffb9f648ad91ed1e3223d953964592/tumblr_mm8ztdBG221s7yi9zo1_500.jpg"/><!--replace this url with the image url you want to use-->
  430. </div>
  431. </div></td>
  432. <!-- end of 4th row-->
  433.  
  434. <!-- to add more rows, copy everything from <tr> of the first pannel to </td> of the third pannel!
  435. if you need help adding more rows or with anything in this code please ask-->
  436.  
  437. </table>
  438.  
  439. </div>
  440.  
  441.  
  442. <div style="font-size:8px; font-family:georgia; letter-spacing:2px; background-color:#fff; padding:5px; border:1px solid #e9e9e9; position:fixed; right:15px; bottom:10px;"><a href="http://www.doctorwatsn.tumblr.com">221b</a></div>
  443.  
  444. </body>
  445. </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!