API tools faq
paste
Advertisement
ogaraster

Network Theme

ogaraster
Feb 1st, 2013
3,712
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.52 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme by Atlas Designs
  3. http://atlasdesigns.co/
  4. Do not remove credit unless given permission to do so.
  5. Enjoy!
  6. -->
  7.  
  8. <!DOCTYPE HTML>
  9. <html lang="en">
  10. <head>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <title>{title}</title>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Rambla|Lato:300|Nixie+One|Questrial' rel='stylesheet' type='text/css'>
  17.  
  18. <meta name="color:background" content="fff">
  19. <meta name="color:member1" content="fff">
  20. <meta name="color:member2" content="fff">
  21. <meta name="color:member3" content="fff">
  22. <meta name="color:member4" content="fff">
  23. <meta name="color:member5" content="fff">
  24. <meta name="color:member6" content="fff">
  25. <meta name="color:member7" content="fff">
  26. <meta name="color:member8" content="fff">
  27. <meta name="color:member9" content="fff">
  28. <meta name="color:member10" content="fff">
  29. <meta name="color:member11" content="fff">
  30. <meta name="color:member12" content="fff">
  31. <meta name="color:member13" content="fff">
  32. <meta name="color:member14" content="fff">
  33. <meta name="color:member15" content="fff">
  34. <meta name="color:border" content="a3a3a3">
  35. <meta name="color:links" content="000">
  36. <meta name="color:linkhover" content="fff">
  37. <meta name="color:background" content="fff">
  38. <meta name="color:scrollbar" content="a3a3a3">
  39.  
  40. <meta name="text:member1" content="member one">
  41. <meta name="text:member2" content="member two">
  42. <meta name="text:member3" content="member three">
  43. <meta name="text:member4" content="member four">
  44. <meta name="text:member5" content="member five">
  45. <meta name="text:member6" content="member six">
  46. <meta name="text:member7" content="member seven">
  47. <meta name="text:member8" content="member eight">
  48. <meta name="text:member9" content="member nine">
  49. <meta name="text:member10" content="member ten">
  50. <meta name="text:member11" content="member eleven">
  51. <meta name="text:member12" content="member twelve">
  52. <meta name="text:member13"content="member thirteen">
  53. <meta name="text:member14" content="member fourteen">
  54. <meta name="text:member15" content="member fifteen">
  55.  
  56. <meta name="text:creator" content="creator">
  57. <meta name="text:apply" content="apply">
  58. <meta name="text:apply url" content="http://">
  59.  
  60. <meta name="if:font rambla" content="">
  61. <meta name="if:font nixie one" content="1">
  62. <meta name="if:font lato" content="">
  63. <meta name="if:font questrial" content="">
  64.  
  65. <meta name="image:member1" content="">
  66. <meta name="image:member2" content="">
  67. <meta name="image:member3" content="">
  68. <meta name="image:member4" content="">
  69. <meta name="image:member5" content="">
  70. <meta name="image:member6" content="">
  71. <meta name="image:member7" content="">
  72. <meta name="image:member8" content="">
  73. <meta name="image:member9" content="">
  74. <meta name="image:member10" content="">
  75. <meta name="image:member11" content="">
  76. <meta name="image:member12"content="">
  77. <meta name="image:member13" content="">
  78. <meta name="image:member14" content="">
  79. <meta name="image:member15" content="">
  80.  
  81. <meta name="if:15members" content="">
  82.  
  83. <style type="text/css">
  84.  
  85. ::-webkit-scrollbar {width: 4px; height: 0px; background:{color:background};}
  86. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-radius:100px;}
  87.  
  88. iframe#tumblr_controls {position:fixed; z-index:9999999999; top: 3px; margin: 0 0 0 0; right:4px; -webkit-filter: invert(100%);}
  89.  
  90. body{
  91. background-color: {color:background};
  92. background-attachment: fixed;
  93. font-family: {block:iffontrambla}rambla{/block:iffontrambla};
  94. font-family: {block:iffontlato}lato{/block:iffontlato};
  95. font-family: {block:iffontnixieone}nixie one{/block:iffontnixieone};
  96. font-family: {block:iffontquestrial}questrial{/block:iffontquestrial};
  97. font-size:20px;
  98. height: 100%;
  99. overflow: hidden;
  100. }
  101.  
  102. a{
  103. color:{color:links};
  104. text-decoration:none;
  105. -moz-transition: all 0.3s ease-in-out;
  106. -webkit-transition: all 0.3s ease-in-out;
  107. -o-transition: all 0.3s ease-in-out;
  108. -ms-transition: all 0.3s ease-in-out;
  109. transition: all 0.3s ease-in-out;
  110. }
  111. a:hover{
  112. color:{color:linkhover};
  113. text-decoration:none;
  114. -moz-transition: all 0.3s ease-in-out;
  115. -webkit-transition: all 0.3s ease-in-out;
  116. -o-transition: all 0.3s ease-in-out;
  117. -ms-transition: all 0.3s ease-in-out;
  118. transition: all 0.3s ease-in-out;
  119. }
  120.  
  121. #holder{
  122. position:fixed;
  123. top:100px;
  124. left:70px;
  125. height: 100%;
  126. width:1100px;
  127. overflow:auto;
  128. }
  129.  
  130. .member1{
  131. margin:30px;
  132. float:left;
  133. width:110px;
  134. height:110px;
  135. border-radius:50%;
  136. border:10px solid {color:border};
  137. background-color:{color:member1};
  138. background-image:url('{image:member1}');
  139. background-size: 170px auto;
  140. text-align:center;
  141. -moz-transition: all 0.3s ease-in-out;
  142. -webkit-transition: all 0.3s ease-in-out;
  143. -o-transition: all 0.3s ease-in-out;
  144. -ms-transition: all 0.3s ease-in-out;
  145. transition: all 0.3s ease-in-out;
  146. }
  147. .member2{
  148. margin:30px;
  149. float:left;
  150. width:110px;
  151. height:110px;
  152. border-radius:50%;
  153. border:10px solid {color:border};
  154. background-color:{color:member2};
  155. background-image:url('{image:member2}');
  156. background-size: 170px auto;
  157. text-align:center;
  158. -moz-transition: all 0.3s ease-in-out;
  159. -webkit-transition: all 0.3s ease-in-out;
  160. -o-transition: all 0.3s ease-in-out;
  161. -ms-transition: all 0.3s ease-in-out;
  162. transition: all 0.3s ease-in-out;
  163. }
  164. .member3{
  165. margin:30px;
  166. float:left;
  167. width:110px;
  168. height:110px;
  169. border-radius:50%;
  170. border:10px solid {color:border};
  171. background-color:{color:member3};
  172. background-image:url('{image:member3}');
  173. background-size: 170px auto;
  174. text-align:center;
  175. -moz-transition: all 0.3s ease-in-out;
  176. -webkit-transition: all 0.3s ease-in-out;
  177. -o-transition: all 0.3s ease-in-out;
  178. -ms-transition: all 0.3s ease-in-out;
  179. transition: all 0.3s ease-in-out;
  180. }
  181. .member4{
  182. margin:30px;
  183. float:left;
  184. width:110px;
  185. height:110px;
  186. border-radius:50%;
  187. border:10px solid {color:border};
  188. background-color:{color:member4};
  189. background-image:url('{image:member4}');
  190. background-size: 170px auto;
  191. text-align:center;
  192. -moz-transition: all 0.3s ease-in-out;
  193. -webkit-transition: all 0.3s ease-in-out;
  194. -o-transition: all 0.3s ease-in-out;
  195. -ms-transition: all 0.3s ease-in-out;
  196. transition: all 0.3s ease-in-out;
  197. }
  198. .member5{
  199. margin:30px;
  200. float:left;
  201. width:110px;
  202. height:110px;
  203. border-radius:50%;
  204. border:10px solid {color:border};
  205. background-color:{color:member5};
  206. background-image:url('{image:member5}');
  207. background-size: 170px auto;
  208. text-align:center;
  209. -moz-transition: all 0.3s ease-in-out;
  210. -webkit-transition: all 0.3s ease-in-out;
  211. -o-transition: all 0.3s ease-in-out;
  212. -ms-transition: all 0.3s ease-in-out;
  213. transition: all 0.3s ease-in-out;
  214. }
  215. .member6{
  216. margin:30px;
  217. float:left;
  218. width:110px;
  219. height:110px;
  220. border-radius:50%;
  221. border:10px solid {color:border};
  222. background-color:{color:member6};
  223. background-image:url('{image:member6}');
  224. background-size: 170px auto;
  225. text-align:center;
  226. -moz-transition: all 0.3s ease-in-out;
  227. -webkit-transition: all 0.3s ease-in-out;
  228. -o-transition: all 0.3s ease-in-out;
  229. -ms-transition: all 0.3s ease-in-out;
  230. transition: all 0.3s ease-in-out;
  231. }
  232. .member7{
  233. margin:30px;
  234. float:left;
  235. width:110px;
  236. height:110px;
  237. border-radius:50%;
  238. border:10px solid {color:border};
  239. background-color:{color:member7};
  240. background-image:url('{image:member7}');
  241. background-size: 170px auto;
  242. text-align:center;
  243. -moz-transition: all 0.3s ease-in-out;
  244. -webkit-transition: all 0.3s ease-in-out;
  245. -o-transition: all 0.3s ease-in-out;
  246. -ms-transition: all 0.3s ease-in-out;
  247. transition: all 0.3s ease-in-out;
  248. }
  249. .member8{
  250. margin:30px;
  251. float:left;
  252. width:110px;
  253. height:110px;
  254. border-radius:50%;
  255. border:10px solid {color:border};
  256. background-color:{color:member8};
  257. background-image:url('{image:member8}');
  258. background-size: 170px auto;
  259. text-align:center;
  260. -moz-transition: all 0.3s ease-in-out;
  261. -webkit-transition: all 0.3s ease-in-out;
  262. -o-transition: all 0.3s ease-in-out;
  263. -ms-transition: all 0.3s ease-in-out;
  264. transition: all 0.3s ease-in-out;
  265. }
  266. .member9{
  267. margin:30px;
  268. float:left;
  269. width:110px;
  270. height:110px;
  271. border-radius:50%;
  272. border:10px solid {color:border};
  273. background-color:{color:member9};
  274. background-image:url('{image:member9}');
  275. background-size: 170px auto;
  276. text-align:center;
  277. -moz-transition: all 0.3s ease-in-out;
  278. -webkit-transition: all 0.3s ease-in-out;
  279. -o-transition: all 0.3s ease-in-out;
  280. -ms-transition: all 0.3s ease-in-out;
  281. transition: all 0.3s ease-in-out;
  282. }
  283. .member10{
  284. margin:30px;
  285. float:left;
  286. width:110px;
  287. height:110px;
  288. border-radius:50%;
  289. border:10px solid {color:border};
  290. background-color:{color:member10};
  291. background-image:url('{image:member10}');
  292. background-size: 170px auto;
  293. text-align:center;
  294. -moz-transition: all 0.3s ease-in-out;
  295. -webkit-transition: all 0.3s ease-in-out;
  296. -o-transition: all 0.3s ease-in-out;
  297. -ms-transition: all 0.3s ease-in-out;
  298. transition: all 0.3s ease-in-out;
  299. }
  300.  
  301. .member11{
  302. margin:30px;
  303. float:left;
  304. width:110px;
  305. height:110px;
  306. border-radius:50%;
  307. border:10px solid {color:border};
  308. background-color:{color:member11};
  309. background-image:url('{image:member11}');
  310. background-size: 170px auto;
  311. text-align:center;
  312. -moz-transition: all 0.3s ease-in-out;
  313. -webkit-transition: all 0.3s ease-in-out;
  314. -o-transition: all 0.3s ease-in-out;
  315. -ms-transition: all 0.3s ease-in-out;
  316. transition: all 0.3s ease-in-out;
  317. }
  318. .member12{
  319. margin:30px;
  320. float:left;
  321. width:110px;
  322. height:110px;
  323. border-radius:50%;
  324. border:10px solid {color:border};
  325. background-color:{color:member12};
  326. background-image:url('{image:member12}');
  327. background-size: 170px auto;
  328. text-align:center;
  329. -moz-transition: all 0.3s ease-in-out;
  330. -webkit-transition: all 0.3s ease-in-out;
  331. -o-transition: all 0.3s ease-in-out;
  332. -ms-transition: all 0.3s ease-in-out;
  333. transition: all 0.3s ease-in-out;
  334. }
  335. .member13{
  336. margin:30px;
  337. float:left;
  338. width:110px;
  339. height:110px;
  340. border-radius:50%;
  341. border:10px solid {color:border};
  342. background-color:{color:member13};
  343. background-image:url('{image:member13}');
  344. background-size: 170px auto;
  345. text-align:center;
  346. -moz-transition: all 0.3s ease-in-out;
  347. -webkit-transition: all 0.3s ease-in-out;
  348. -o-transition: all 0.3s ease-in-out;
  349. -ms-transition: all 0.3s ease-in-out;
  350. transition: all 0.3s ease-in-out;
  351. }
  352. .member14{
  353. margin:30px;
  354. float:left;
  355. width:110px;
  356. height:110px;
  357. border-radius:50%;
  358. border:10px solid {color:border};
  359. background-color:{color:member14};
  360. background-image:url('{image:member14}');
  361. background-size: 170px auto;
  362. text-align:center;
  363. -moz-transition: all 0.3s ease-in-out;
  364. -webkit-transition: all 0.3s ease-in-out;
  365. -o-transition: all 0.3s ease-in-out;
  366. -ms-transition: all 0.3s ease-in-out;
  367. transition: all 0.3s ease-in-out;
  368. }
  369. .member15{
  370. margin:30px;
  371. float:left;
  372. width:110px;
  373. height:110px;
  374. border-radius:50%;
  375. border:10px solid {color:border};
  376. background-color:{color:member15};
  377. background-image:url('{image:member15}');
  378. background-size: 170px auto;
  379. text-align:center;
  380. -moz-transition: all 0.3s ease-in-out;
  381. -webkit-transition: all 0.3s ease-in-out;
  382. -o-transition: all 0.3s ease-in-out;
  383. -ms-transition: all 0.3s ease-in-out;
  384. transition: all 0.3s ease-in-out;
  385. }
  386.  
  387. .member1:hover{
  388. border-radius:0%;
  389. width:110px;
  390. height:110px;
  391. -moz-transition: all 0.3s ease-in-out;
  392. -webkit-transition: all 0.3s ease-in-out;
  393. -o-transition: all 0.3s ease-in-out;
  394. -ms-transition: all 0.3s ease-in-out;
  395. transition: all 0.3s ease-in-out;
  396. }
  397. .member2:hover{
  398. border-radius:0%;
  399. width:110px;
  400. height:110px;
  401. -moz-transition: all 0.3s ease-in-out;
  402. -webkit-transition: all 0.3s ease-in-out;
  403. -o-transition: all 0.3s ease-in-out;
  404. -ms-transition: all 0.3s ease-in-out;
  405. transition: all 0.3s ease-in-out;
  406. }
  407. .member3:hover{
  408. border-radius:0%;
  409. width:110px;
  410. height:110px;
  411. -moz-transition: all 0.3s ease-in-out;
  412. -webkit-transition: all 0.3s ease-in-out;
  413. -o-transition: all 0.3s ease-in-out;
  414. -ms-transition: all 0.3s ease-in-out;
  415. transition: all 0.3s ease-in-out;
  416. }
  417. .member4:hover{
  418. border-radius:0%;
  419. width:110px;
  420. height:110px;
  421. -moz-transition: all 0.3s ease-in-out;
  422. -webkit-transition: all 0.3s ease-in-out;
  423. -o-transition: all 0.3s ease-in-out;
  424. -ms-transition: all 0.3s ease-in-out;
  425. transition: all 0.3s ease-in-out;
  426. }
  427. .member5:hover{
  428. border-radius:0%;
  429. width:110px;
  430. height:110px;
  431. -moz-transition: all 0.3s ease-in-out;
  432. -webkit-transition: all 0.3s ease-in-out;
  433. -o-transition: all 0.3s ease-in-out;
  434. -ms-transition: all 0.3s ease-in-out;
  435. transition: all 0.3s ease-in-out;
  436. }
  437. .member6:hover{
  438. border-radius:0%;
  439. width:110px;
  440. height:110px;
  441. -moz-transition: all 0.3s ease-in-out;
  442. -webkit-transition: all 0.3s ease-in-out;
  443. -o-transition: all 0.3s ease-in-out;
  444. -ms-transition: all 0.3s ease-in-out;
  445. transition: all 0.3s ease-in-out;
  446. }
  447. .member7:hover{
  448. border-radius:0%;
  449. width:110px;
  450. height:110px;
  451. -moz-transition: all 0.3s ease-in-out;
  452. -webkit-transition: all 0.3s ease-in-out;
  453. -o-transition: all 0.3s ease-in-out;
  454. -ms-transition: all 0.3s ease-in-out;
  455. transition: all 0.3s ease-in-out;
  456. }
  457. .member8:hover{
  458. border-radius:0%;
  459. width:110px;
  460. height:110px;
  461. -moz-transition: all 0.3s ease-in-out;
  462. -webkit-transition: all 0.3s ease-in-out;
  463. -o-transition: all 0.3s ease-in-out;
  464. -ms-transition: all 0.3s ease-in-out;
  465. transition: all 0.3s ease-in-out;
  466. }
  467. .member9:hover{
  468. border-radius:0%;
  469. width:110px;
  470. height:110px;
  471. -moz-transition: all 0.3s ease-in-out;
  472. -webkit-transition: all 0.3s ease-in-out;
  473. -o-transition: all 0.3s ease-in-out;
  474. -ms-transition: all 0.3s ease-in-out;
  475. transition: all 0.3s ease-in-out;
  476. }
  477. .member10:hover{
  478. border-radius:0%;
  479. width:110px;
  480. height:110px;
  481. -moz-transition: all 0.3s ease-in-out;
  482. -webkit-transition: all 0.3s ease-in-out;
  483. -o-transition: all 0.3s ease-in-out;
  484. -ms-transition: all 0.3s ease-in-out;
  485. transition: all 0.3s ease-in-out;
  486. }
  487. .member11:hover{
  488. border-radius:0%;
  489. width:110px;
  490. height:110px;
  491. -moz-transition: all 0.3s ease-in-out;
  492. -webkit-transition: all 0.3s ease-in-out;
  493. -o-transition: all 0.3s ease-in-out;
  494. -ms-transition: all 0.3s ease-in-out;
  495. transition: all 0.3s ease-in-out;
  496. }
  497. .member12:hover{
  498. border-radius:0%;
  499. width:110px;
  500. height:110px;
  501. -moz-transition: all 0.3s ease-in-out;
  502. -webkit-transition: all 0.3s ease-in-out;
  503. -o-transition: all 0.3s ease-in-out;
  504. -ms-transition: all 0.3s ease-in-out;
  505. transition: all 0.3s ease-in-out;
  506. }
  507. .member13:hover{
  508. border-radius:0%;
  509. width:110px;
  510. height:110px;
  511. -moz-transition: all 0.3s ease-in-out;
  512. -webkit-transition: all 0.3s ease-in-out;
  513. -o-transition: all 0.3s ease-in-out;
  514. -ms-transition: all 0.3s ease-in-out;
  515. transition: all 0.3s ease-in-out;
  516. }
  517. .member14:hover{
  518. border-radius:0%;
  519. width:110px;
  520. height:110px;
  521. -moz-transition: all 0.3s ease-in-out;
  522. -webkit-transition: all 0.3s ease-in-out;
  523. -o-transition: all 0.3s ease-in-out;
  524. -ms-transition: all 0.3s ease-in-out;
  525. transition: all 0.3s ease-in-out;
  526. }
  527. .member15:hover{
  528. border-radius:0%;
  529. width:110px;
  530. height:110px;
  531. -moz-transition: all 0.3s ease-in-out;
  532. -webkit-transition: all 0.3s ease-in-out;
  533. -o-transition: all 0.3s ease-in-out;
  534. -ms-transition: all 0.3s ease-in-out;
  535. transition: all 0.3s ease-in-out;
  536. }
  537.  
  538. #logo{
  539. position:fixed;
  540. bottom:-40px;
  541. right:30px;
  542. border:1px solid;
  543. border-color:#e8e8e8;
  544. border-radius:7px;
  545. padding-top:4px;
  546. padding-left:7px;
  547. padding-right:7px;
  548. padding-bottom:40px;
  549. -webkit-transition: all .4s ease;
  550. -moz-transition: all .4s ease;
  551. -o-transition: all .4s ease;
  552. transition: all .4s ease;
  553. z-index:99999999999;
  554. }
  555.  
  556. #logo:hover{
  557. position:fixed;
  558. bottom:-10px;
  559. -webkit-transition: all .4s ease;
  560. -moz-transition: all .4s ease;
  561. -o-transition: all .4s ease;
  562. transition: all .4s ease;
  563. }
  564.  
  565. #title{
  566. position:fixed;
  567. left:100px;
  568. top:20px;
  569. font-size:30px;
  570. line-height:40px;
  571. background-color:{color:title background};
  572. }
  573.  
  574. .description{
  575. font-size:14px;
  576. }
  577.  
  578. .nav{
  579. font-size:14px;
  580. letter-spacing:1px;
  581. line-height:30px;
  582. word-spacing:7px;
  583. }
  584.  
  585. </style>
  586.  
  587. <body>
  588.  
  589. <div id="title">{title}&nbsp;&nbsp;
  590. <span class="description">{description}</span>
  591. <br>
  592. <span class="nav">
  593. <a href="http://{text:creator}.tumblr.com/">{text:creator}</a>
  594. <a href="{text:applyurl}/">{text:apply}</a>
  595. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  596. <a href="http://atlasdesigns.tumblr.com/">theme</a>
  597. </span>
  598. </div>
  599.  
  600. <div id="holder">
  601. <div class="member1"><br><a href="http://{text:member1}.tumblr.com/">{text:member1}</a></div>
  602. <div class="member2"><br><a href="http://{text:member2}.tumblr.com/">{text:member2}</a></div>
  603. <div class="member3"><br><a href="http://{text:member3}.tumblr.com/">{text:member3}</a></div>
  604. <div class="member4"><br><a href="http://{text:member4}.tumblr.com/">{text:member4}</a></div>
  605. <div class="member5"><br><a href="http://{text:member5}.tumblr.com/">{text:member5}</a></div>
  606. <div class="member6"><br><a href="http://{text:member6}.tumblr.com/">{text:member6}</a></div>
  607. <div class="member7"><br><a href="http://{text:member7}.tumblr.com/">{text:member7}</a></div>
  608. <div class="member8"><br><a href="http://{text:member8}.tumblr.com/">{text:member8}</a></div>
  609. <div class="member9"><br><a href="http://{text:member9}.tumblr.com/">{text:member9}</a></div>
  610. <div class="member10"><br><a href="http://{text:member10}.tumblr.com/">{text:member10}</a></div>
  611. {block:if15members}
  612. <div class="member11"><br><a href="http://{text:member11}.tumblr.com/">{text:member11}</a></div>
  613. <div class="member12"><br><a href="http://{text:member12}.tumblr.com/">{text:member12}</a></div>
  614. <div class="member13"><br><a href="http://{text:member13}.tumblr.com/">{text:member13}</a></div>
  615. <div class="member14"><br><a href="http://{text:member14}.tumblr.com/">{text:member14}</a></div>
  616. <div class="member15"><br><a href="http://{text:member15}.tumblr.com/">{text:member15}</a></div>
  617. {/block:if15members}
  618. </div>
  619.  
  620. </body></html>
  621.  
  622. <!--Please don't remove any code below this line!-->
  623. <div id="logo">
  624. <a href="http://atlasdesigns.tumblr.com/"><img src="http://i47.tinypic.com/2cpxg8o.png" height="30px"></a>
  625. </div>
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!