Advertisement
Guest User

DSroster

a guest
Aug 2nd, 2015
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.03 KB | None | 0 0
  1. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3">
  2. <p></p>
  3. <!--
  4.  
  5. By Lucy (http://pottersword.tumblr.com)
  6. -->
  7. <p></p>
  8.  
  9. <!DOCTYPE html>
  10. <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=75ff60d174af47d7ea271d82d4fe1151"></script>
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14.  
  15. !--
  16.  
  17. By Lucy (http://pottersword.tumblr.com)
  18.  
  19.  
  20.  
  21. -->
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#"><title>A Summer of Despair</title>
  28. <style type="text/css">figure {margin: 0;}</style>
  29. <link rel="shortcut icon" href="http://33.media.tumblr.com/avatar_73a2920ed0fa_128.png">
  30. <link rel="alternate" type="application/rss+xml" href="http://dangansummer.tumblr.com/rss">
  31.  
  32. <!--tooltips-->
  33. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:300});});})(jQuery);
  36. </script>
  37. <!--tooltips end-->
  38. <!--fonts-->
  39. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  41. <!--fonts end-->
  42.  
  43.  
  44.  
  45. <meta name="color:Background" content="#ffffff"/>
  46. <meta name="color:Desc" content="#ffffff"/>
  47. <meta name="color:Text" content="#777777"/>
  48. <meta name="color:Links" coFntent="#555555"/>
  49. <meta name="color:Title" coFntent="751d1d"/>
  50. <meta name="color:subtitle" coFntent="*d4d4d4"/>
  51.  
  52. <meta name="text:Title" content="">
  53. <meta name="text:subtitle" content="">
  54.  
  55.  
  56.  
  57. <meta name="color:Main Color" content="#bdcbcc" />
  58. <meta name="color:backnav" content="#751d1d" />
  59. <meta name="color:descborder" content="#8d2222" />
  60. <meta name="color:sideborder" content="751d1d" />
  61. <meta name="color:Links Hover" content="01a4e0"/>
  62. <meta name="image:Sidebar" content=""/>
  63. <meta name="image:Background" content=""/>
  64.  
  65. <meta name="text:Link1 URL" content="/" />
  66. <meta name="text:Link1" content="link 1" />
  67. <meta name="text:Link2 URL" content="/" />
  68. <meta name="text:Link2" content="link 2" />
  69. <meta name="text:Link3 URL" content="/" />
  70. <meta name="text:Link3" content="link 3" />
  71. <meta name="text:Link4 URL" content="/" />
  72. <meta name="text:Link4" content="link 4" />
  73. <meta name="text:Link5 URL" content="/" />
  74. <meta name="text:Link5" content="link 5" />
  75. <meta name="text:Link6 URL" content="/" />
  76. <meta name="text:Link6" content="link 6" />
  77. <meta name="text:Link7 URL" content="/" />
  78. <meta name="text:Link7" content="link 7" />
  79.  
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86.  
  87.  
  88.  
  89. iframe#tumblr_controls {top:0px!important;right:3px!important;position: fixed!important;}
  90.  
  91. body {font-family:calibri;font-size:10px;background-color:#ffffff;color:#a7a7a7;line-height:11px;letter-spacing:0px;}
  92.  
  93. a {text-decoration:none;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;color:#e246cd;}
  94. a:hover {color:#bdcbcc;}
  95.  
  96. strong, bold, b {font-weight:normal;color:#b4162d;}
  97.  
  98. small {font-size:10px;}
  99. sub {font-size:10px;}
  100. code {font-size:10px;font-family:calibri;}
  101. pre {word-wrap:break-word;font-size:10px;font-family:calibri;}
  102.  
  103. blockquote {padding-left:8px;margin-left:10px;border-left:3px solid #f1f1f1;}
  104.  
  105. blockquote img {max-width:300px;}
  106.  
  107. h1 {font-size:11px;font-weight:normal;}
  108.  
  109. /** .label {font-weight:bold;color:#cccece;}
  110. .chat {line-height:12px;margin:8px;} **/
  111.  
  112. #credit {position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:8px;font-weight:bold;font-family:calibri;padding:3px;border:1px solid #f1f1f1;}
  113.  
  114.  
  115. @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  116.  
  117.  
  118.  
  119. /*cursor*/
  120. *, body {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  121. a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  122.  
  123. /*TOOL-TIP*/
  124. #s-m-t-tooltip{
  125. max-width:300px;
  126. margin:5px;
  127. padding:2px 8px;
  128. border:1px solid #ddd;
  129. background:#fff;
  130. color:#aaa;
  131. z-index:99999999999;
  132. font-size:9px;
  133. font-style:normal;
  134. text-transform:normal;
  135. box-shadow:none;
  136. }
  137.  
  138. /*SCROLL BAR*/
  139. ::-webkit-scrollbar {
  140. width: 5px;height: 5px; color:transparent;}
  141. ::-webkit-scrollbar-button:start:decrement,
  142. ::-webkit-scrollbar-button:end:increment {
  143. height: 6px;display: block;background-color:#222;}
  144. ::-webkit-scrollbar-track-piece {
  145. background-color:transparent;}
  146. ::-webkit-scrollbar-thumb:vertical {
  147. height: 9px;background-color: #222;border-top:1px solid #222;border-bottom:1px solid #222;}
  148.  
  149. /*pop up*/
  150. #fade {
  151. background: #000;
  152. position: fixed;
  153. left: 0;
  154. top: 0;
  155. width: 100%;
  156. height: 100%;
  157. opacity: .70;
  158. z-index: 9999;
  159. }
  160.  
  161. .popup_block{
  162. font-family:'Dosis';
  163. font-size:15px;
  164. text-align:left;
  165. display:none;
  166. color:#222;
  167. background: #fff;
  168. padding: 5px;
  169. float: left;
  170. position: fixed;
  171. top: 50%;
  172. left: 50%;
  173. z-index: 9999999;
  174. }
  175.  
  176. .popup_block a {
  177. display: inline block;
  178. line-height:16px;
  179. color:#222;
  180. letter-spacing:0px;
  181. text-decoration:underline;
  182. }
  183.  
  184. .popup_block a:hover {
  185. opacity:0.6;
  186. color:#222;
  187. text-decoration:underline;
  188. }
  189.  
  190. img.btn_close {
  191. float: right;
  192. margin: -55px -55px 0 0;
  193. }
  194.  
  195. *html #fade {
  196. position: absolute;
  197. }
  198.  
  199. *html .popup_block {
  200. position: absolute;
  201. }
  202.  
  203. body {
  204. background:#b0aeae;
  205. background-image: url(http://assets.tumblr.com/images/x.gif?v=1);
  206. background-repeat: repeat;
  207. background-attachment: fixed;
  208. margin:0px;
  209. color:#777777;
  210. font-size:12px;
  211. line-height:100%;}
  212.  
  213.  
  214.  
  215. a {
  216. text-decoration:none;
  217. color:#e246cd;
  218. -webkit-transition: all 0.3s ease-in-out;
  219. -moz-transition: all 0.3s ease-in-out;
  220. -o-transition: all 0.3s ease-in-out;}
  221.  
  222. a:hover {color:#848686;}
  223.  
  224. img {border:none;}
  225.  
  226. blockquote {
  227. border-left: 3px solid #ddd;
  228. padding-left: 4px;
  229. margin: 4px;}
  230.  
  231. h1 {
  232. font-family:cambria;
  233. font-weight:normal;
  234. font-style:italic;
  235. font-size:16px;}
  236.  
  237. h2 {
  238. padding:5px;
  239. color:#333;
  240. font-family:cambria;
  241. font-weight:normal;
  242. font-size:13px;
  243. font-style:italic;
  244. line-height:90%;}
  245.  
  246.  
  247. pre {
  248. display: block;
  249. font-family: monospace;
  250. white-space: pre;
  251. font-size:10px;
  252. background:#ddd;
  253. padding:5px;
  254. word-wrap:break-word;
  255. text-align:center;
  256. text-transform:uppercase;
  257. }
  258.  
  259. code {
  260. font-family: monospace;
  261. padding-top:2px;
  262. font-size: 12px;
  263. line-height: 13px;
  264. white-space: pre;
  265. word-wrap:break-word;
  266. }
  267.  
  268.  
  269.  
  270. #sidebar {
  271. width:300px;
  272. height:1000px;
  273. text-align:center;
  274. position:fixed;
  275. border-right:3px solid;
  276. border-color:#751d1d;
  277. background-color:#000;
  278. margin-left:0px;
  279. opacity:1;
  280. margin-top:-50px;}
  281.  
  282. #sidebarimage {
  283. width:200px;
  284. text-align:center;
  285. margin-left:26px;
  286. margin-top:190px;
  287. -moz-transition-duration: 1.6s;
  288. -webkit-transition-duration: 1.6s;
  289. -o-transition-duration: 1.6s;}
  290.  
  291. #sidebarimage img {
  292. max-width:250px;}
  293.  
  294.  
  295. .sidebartitle {
  296. width:207px;
  297. height:25px;
  298. text-align:left;
  299. position:fixed;
  300. WORD-SPACING:2PX;
  301. font-family:Open Sans Condensed;
  302. margin-left:140px;
  303. font-size:25px;
  304. margin-top:475px;
  305. line-height:110%;
  306. color:#755c5c;
  307. }
  308.  
  309. .sidebartitle2 {
  310. width:190px;
  311. height:14px;
  312. text-align:left;
  313. padding:3px;
  314. position:fixed;
  315. WORD-SPACING:2PX;
  316. font-family:Open Sans Condensed;
  317. line-height:60%;
  318. margin-left:104px;
  319. font-size:18px;
  320. margin-top:34px;
  321. text-align:right;
  322. color:#d4d4d4;
  323. border-top:2px solid #751d1d;
  324. }
  325.  
  326.  
  327.  
  328.  
  329. .nav {
  330. width:150px;
  331. text-align:center;margin-top:4px;margin-left:75px;}
  332.  
  333.  
  334. .nav a {
  335. text-decoration:none;
  336. width:35px;
  337. display:inline-block;
  338. font-family:tinytots;
  339. text-transform:uppercase;
  340. font-size:8.5px;
  341. padding:5px;
  342. color:#fff;
  343. background-color:#751d1d;
  344. border:1px solid #000;
  345. -webkit-transition: all 0.6s ease-in-out;
  346. -moz-transition: all 0.6s ease-in-out;
  347. -o-transition: all 0.6s ease-in-out;}
  348.  
  349. .nav a:hover {
  350. border-left:4px inset #fff;
  351. background-color:#848686;
  352. color:#fff;
  353. -webkit-transition: all 0.3s ease-in-out;
  354. -moz-transition: all 0.3s ease-in-out;
  355. -o-transition: all 0.3s ease-in-out;}
  356.  
  357.  
  358.  
  359. #description {
  360. width:126px;
  361. margin-top:-1px;
  362. margin-left:75px;
  363. font-family:tinytots;
  364. font-size:11px;
  365. color:#ffffff;
  366. letter-spacing:0.1px;
  367. word-spacing:0.1px;
  368. background-color:transparent;
  369. text-align:justify;
  370. padding:10px;
  371. border: 2px inset #8d2222;}
  372.  
  373.  
  374. #corner{font-family:calibri;background-color:#000;font-size:10px;color:#d4d4d4;-webkit-transform: rotate(0deg);margin-top:-100px;margin-left:126px;position:absolute;padding:2px;}
  375.  
  376.  
  377.  
  378. #pag {
  379. font-family:'calibri';
  380. text-align:center;
  381. font-size:11px;
  382. padding: 9px;
  383. margin-top: 7px;
  384. display:block;}
  385.  
  386. #entries {
  387. margin-left: 400px;
  388. }
  389.  
  390.  
  391. #post {
  392. font-family: arial;color:#000;
  393. font-size: 11px;
  394. font-style:normal;
  395. text-align: left;
  396. line-height: 135%;
  397. margin-top: 40px;
  398. width: 500px;
  399. padding:8px;
  400. background-color:#fff;
  401. border:40px solid #fff;}
  402.  
  403.  
  404.  
  405.  
  406. #info {
  407. width:593px;
  408. margin-top:2px;
  409. margin-left:0px;
  410. font-family:calibri;
  411. height:15px;
  412. background-color:#b4162d;
  413. font-size:9px;
  414. letter-spacing:1px;
  415. text-align:center;
  416. padding:1px;
  417. color:#ffffff;}
  418.  
  419. #info a {text-decoration:none; color:#777777;}
  420. #info a:visited {text-decoration:none; color:#777777;}
  421. #info a:hover {color:#777777;}
  422.  
  423. #tags {margin-top:-8px; text-align:left; padding:1px;}
  424. #tags a {color:#777777}
  425.  
  426. .tagged {font-family:cambria; font-size:9px; font-style:italic; text-transform:lowercase; letter-spacing:0px;}
  427.  
  428. #notes {
  429. margin-top:20px;
  430. margin-left:-40px;
  431. width: 540px;
  432. text-transform:lowercase;
  433. line-height:90%;
  434. color:white;
  435. font-size:10px;}
  436.  
  437. ol.notes li {
  438. border-bottom:1px solid white;
  439. list-style:none;
  440. padding:8px;
  441. -moz-transition-duration:0.6s;
  442. -webkit-transition-duration:0.6s;
  443. -o-transition-duration:0.6s;}
  444.  
  445. ol.notes li img {opacity:0}
  446. #asker {
  447. text-align: left;
  448. padding: 8px;
  449. background-color:#444;
  450. font-size: 13px;
  451. width:580px;
  452. color: #fff;
  453. font-family: calibri;
  454. text-transform: uppercase;
  455. margin-left:-48px;
  456. -moz-transition-duration:0.4s;
  457. -webkit-transition-duration:0.4s;
  458. -o-transition-duration:0.4s;
  459. margin-bottom:3px;}
  460.  
  461. #asker:hover {
  462. background-color:#848686;
  463. -moz-transition-duration:0.4s;
  464. -webkit-transition-duration:0.4s;
  465. -o-transition-duration:0.4s;}
  466.  
  467. #asker a {
  468. color:#fff;}
  469.  
  470. #question {
  471. text-align: left;
  472. width: 484px;
  473. font-family:calibri;
  474. color:#000;
  475. background-color: #f3f3f3;
  476. padding: 8px;font-size:12px;}
  477.  
  478. #answer {
  479. background:white;
  480. text-align:center;
  481. font-family: calibri;
  482. color:#b4162d;
  483. margin-top:1px;
  484. padding:1px 0px 1px 0px;}
  485.  
  486. #audio {
  487. width:480px;
  488. height:90px;
  489. padding:10px;}
  490.  
  491. .audiobg {
  492. float:right;
  493. width:208px;
  494. background:#fafafa;
  495. padding:30px;}
  496.  
  497. .audiolinks {
  498. float:left;
  499. width:186px;
  500. display:block;
  501. background-color:#fafafa;
  502. margin-top:4px;
  503. margin-bottom:1px;
  504. padding:7px;
  505. border-right:5px solid #f5f5f5;}
  506.  
  507. ul.chat, .chat ol, .chat li {list-style:none; margin:1px; padding:6px}
  508.  
  509.  
  510. #top {
  511.  
  512. position: fixed;
  513. height: 124px;
  514. width: 148px;
  515. margin-left: 25px;
  516. margin-top: 33px;
  517. opacity: 0;
  518. filter:alpha(opacity=20);
  519. -moz-opacity: 0.2;
  520. -webkit-transition: all 0.9s ease;
  521. -moz-transition: all 0.9s ease;
  522. -o-transition: all 0.9s ease;
  523. }
  524. #top:hover{
  525. opacity: 0.4;
  526. filter:alpha(opacity=60);
  527. -moz-opacity: 0.6;
  528. }
  529.  
  530. /*title*/
  531. #titlebox {
  532. width:100%;
  533. height:0px;
  534. left:350px;
  535. top:0;
  536. position:fixed;
  537. background:#fafafa;
  538. z-index:9;
  539. }
  540. #title {
  541. font-family:'Great Vibes';
  542. font-size:60px;
  543. color:#222;
  544. width:100%;
  545. height:150px;
  546. position:fixed;
  547. top:0;
  548. left:350px;
  549. background:none;
  550. text-align:left;
  551. line-height:150px;
  552. }
  553.  
  554. /*members*/
  555. #all {
  556. background:none;
  557. width:750px;
  558. position:absolute;
  559. margin-bottom:1000px;
  560. margin-left:350px;
  561. }
  562.  
  563. #panel {
  564. width:120px;
  565. height:180px;
  566. background:#fafafa;
  567. border:1px solid #333;
  568. border-radius:5%;
  569. margin-left:10px;
  570. }
  571. #name {
  572. width:120px;
  573. line-height:15px;
  574. background:none;
  575. margin-top:15px;
  576. font-family:'Poiret One';
  577. font-size:20px;
  578. text-align:center;
  579. letter-spacing:1px;
  580. color:#333;
  581.  
  582. }
  583.  
  584. #img {
  585. width:100px;
  586. height:100px;
  587. margin-left:10px;
  588. margin-top:10px;
  589. }
  590.  
  591. #url {
  592. width:100px;
  593. margin-top:5px;
  594. margin-left:10px;
  595. background:none;
  596. display:block;
  597. font-size:15px;
  598. letter-spacing:1px;
  599. font-family:'Poiret One';
  600. text-align:center;
  601. word-wrap:break-word;
  602. line-height:50%;
  603. padding-top:10px;
  604. padding-bottom:8px;
  605. }
  606.  
  607. #url a {
  608. color:#333;
  609. text-decoration:none;
  610. }
  611.  
  612. #url a:hover {
  613. color:#333;
  614. font-variant:small-caps;
  615. text-decoration:none;
  616. -webkit-transition: all 1s ease-in-out;
  617. -moz-transition: all 1s ease-in-out;
  618. -o-transition: all 1s ease-in-out;
  619. -ms-transition: all 1s ease-in-out;
  620. -transition: all 1s ease-in-out;
  621. }
  622.  
  623. #about {
  624. opacity:0;
  625. margin-top:-30px;
  626. width:118px;
  627. height:140px;
  628. text-align:justify;
  629. position:absolute;
  630. border:1px solid #fafafa;
  631. border-radius:5px;
  632. margin-left:0px;
  633. background:#fafafa;
  634. color:#111;
  635. overflow:hidden;
  636. -webkit-transition: all 0.6s ease-in-out;
  637. -moz-transition: all 0.6s ease-in-out;
  638. -o-transition: all 0.6s ease-in-out;
  639. -ms-transition: all 0.6s ease-in-out;
  640. -transition: all 0.6s ease-in-out;
  641. }
  642. #status {
  643. font-family:'trebuchet ms';
  644. border-bottom:double #333;
  645. color:#333;
  646. padding-top:5px;
  647. padding-left:5px;
  648. padding-right:5px;
  649. width:110px;
  650. position:absolute;
  651. font-size:20px;
  652. text-align:right;
  653. }
  654.  
  655. #desc {
  656. font-family:'trebuchet ms';
  657. padding:10px 5px 5px 5px;
  658. font-size:11px;
  659. text-align:center;
  660. text-transform:normal;
  661. color:#333;
  662. width:110px;
  663. height:100px;
  664. margin-top:30px;
  665. display:block;
  666. background:none;
  667. overflow:hidden;
  668. }
  669.  
  670. #panel:hover #about{
  671. opacity:1;
  672. margin-top:-30px;
  673. margin-left:0px;
  674. -webkit-transition: all 0.6s ease-in-out;
  675. -moz-transition: all 0.6s ease-in-out;
  676. -o-transition: all 0.6s ease-in-out;
  677. -ms-transition: all 0.6s ease-in-out;
  678. -transition: all 0.6s ease-in-out;
  679. }
  680.  
  681.  
  682.  
  683. </style><link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=dangansummer%26postID=" />
  684. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=93bb152582dbb408afc826f52e6676b4"></script>
  685.  
  686. <!--java-->
  687. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
  688. <!--java end-->
  689. <p></p>
  690. <!--tooltips-->
  691. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  692. <script>
  693. (function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:300});});})(jQuery);
  694. </script>
  695. <!--tooltips end-->
  696. <p></p>
  697. <!--fonts-->
  698. <p></p>
  699. <!--fonts end-->
  700. <p></p>
  701. <div style="position: fixed; right: 200px; bottom: 100px;"><img src="http://media.tumblr.com/573817d8878e80cf16da374126ad559c/tumblr_inline_naythbw0HY1rif4a2.png" /></div>
  702. <div id="sidebar">
  703. <div class="sidebartitle2">DanganSummer</div>
  704. <div id="top"></div>
  705. <div id="sidebarimage"><img src="" /></div>
  706.  
  707. <div id="description">You suddenly wake from an unexpected slumber to discover yourself trapped in a facility beneath the Earth...<p>
  708. A Dangan Ronpa group.<p>
  709. <b><big>Current Status:;</big></b><br><i>↘Apps CLOSED!</i><p>
  710. <center>
  711. • <a href="/tagged/asks">Asked Questions</a><br></div>
  712. <div class="nav"><a href="/">home</a> <a href="/ask">ask</a> <a href="/submit">Submit</a> <a href="/about">About</a> <a href="/map">Map</a> <a href="/rules">Rules</a> <a href="/roster">Roster</a> <a href="/mods">Mods</a> <a href="/app">App</a></div>
  713. <div class="sidebartitle"></div>
  714. <div class="sidebartitle2">A Dangan Ronpa <br /><br />RP GROUP</div>
  715. <div id="ex"><br /><br /><br /><br /><br /><br /><br /><br />
  716. <div style="margin-left: 50px; margin-bottom: 5px; text-align: left;">■ <em title="===">===<br /></em> ■ <em title="===">===<br /></em> ■ <em title="===">===<br /></em></div>
  717. </div>
  718.  
  719.  
  720. <div id="titlebox">
  721. <div id="title">Roster</div><!--title-->
  722. </div>
  723.  
  724. <!--members-->
  725. <table id="all" border="0" cellpadding="20" cellspacing="0">
  726.  
  727. <!-- to add more rows, copy from
  728. "ROW #"
  729. to
  730. "END ROW #"
  731. and paste it after the end of the last row. (in this case 4)
  732. change the numbers, so you can know which row it is.
  733.  
  734. to remove a panel, just delete the <td></td> part after the "Member #"
  735.  
  736. THE THEME LOOKS BETTER WITH 4 PANELS IN EACH ROW
  737.  
  738. IF YOU HAVE ANY QUESTIONS, MY ASKBOX IS ALWAYS OPEN
  739. -->
  740.  
  741. <!--ROW 1-->
  742.  
  743. <!--MEMBER 1-->
  744. <td>
  745. <div id="panel">
  746. <div id="name">Akiyo Toyoda</div><!--MEMBER NAME-->
  747. <div id="about">
  748. <div id="status">SHSL Petite Model </div>
  749. <div id="desc"><!--MEMBER INFO--><br><br>
  750. 18 | June 11 <br> <br>
  751. Height: 152cm<br>Weight: 42kg
  752. </div>
  753. </div>
  754. <div id="img">
  755. <img style="width:100px;border-radius:5px;"
  756. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  757. <div id="url">
  758. <a href="http://akiyotoyoda.tumblr.com/">akiyotoyoda</a>
  759. </div><!--MEMBER URL-->
  760. </div>
  761. </td>
  762. <!--MEMBER 2-->
  763. <td>
  764. <div id="panel">
  765. <div id="name">Name</div><!--MEMBER NAME-->
  766. <div id="about">
  767. <div id="status"> member </div>
  768. <div id="desc"><!--MEMBER INFO-->
  769. Age | Location <br> <br>
  770. Description
  771. </div>
  772. </div>
  773. <div id="img">
  774. <img style="width:100px;border-radius:5px;"
  775. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  776. <div id="url">
  777. <a href="URL">url</a>
  778. </div><!--MEMBER URL-->
  779. </div>
  780. </td>
  781. <!--MEMBER 3-->
  782. <td>
  783. <div id="panel">
  784. <div id="name">Name</div><!--MEMBER NAME-->
  785. <div id="about">
  786. <div id="status"> member </div>
  787. <div id="desc"><!--MEMBER INFO-->
  788. Age | Location <br> <br>
  789. Description
  790. </div>
  791. </div>
  792. <div id="img">
  793. <img style="width:100px;border-radius:5px;"
  794. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  795. <div id="url">
  796. <a href="URL">url</a>
  797. </div><!--MEMBER URL-->
  798. </div>
  799. </td>
  800. <!--MEMBER 4-->
  801. <td>
  802. <div id="panel">
  803. <div id="name">Name</div><!--MEMBER NAME-->
  804. <div id="about">
  805. <div id="status"> member </div>
  806. <div id="desc"><!--MEMBER INFO-->
  807. Age | Location <br> <br>
  808. Description
  809. </div>
  810. </div>
  811. <div id="img">
  812. <img style="width:100px;border-radius:5px;"
  813. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  814. <div id="url">
  815. <a href="URL">url</a>
  816. </div><!--MEMBER URL-->
  817. </div>
  818. </td>
  819. <tr>
  820.  
  821. <!--END OF ROW 1-->
  822.  
  823. <!--ROW 2-->
  824.  
  825. <!--MEMBER 1-->
  826. <td>
  827. <div id="panel">
  828. <div id="name">Name</div><!--MEMBER NAME-->
  829. <div id="about">
  830. <div id="status"> member </div>
  831. <div id="desc"><!--MEMBER INFO-->
  832. Age | Location <br> <br>
  833. Description
  834. </div>
  835. </div>
  836. <div id="img">
  837. <img style="width:100px;border-radius:5px;"
  838. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  839. <div id="url">
  840. <a href="URL">url</a>
  841. </div><!--MEMBER URL-->
  842. </div>
  843. </td>
  844. <!--MEMBER 2-->
  845. <td>
  846. <div id="panel">
  847. <div id="name">Name</div><!--MEMBER NAME-->
  848. <div id="about">
  849. <div id="status"> member </div>
  850. <div id="desc"><!--MEMBER INFO-->
  851. Age | Location <br> <br>
  852. Description
  853. </div>
  854. </div>
  855. <div id="img">
  856. <img style="width:100px;border-radius:5px;"
  857. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  858. <div id="url">
  859. <a href="URL">url</a>
  860. </div><!--MEMBER URL-->
  861. </div>
  862. </td>
  863. <!--MEMBER 3-->
  864. <td>
  865. <div id="panel">
  866. <div id="name">Name</div><!--MEMBER NAME-->
  867. <div id="about">
  868. <div id="status"> member </div>
  869. <div id="desc"><!--MEMBER INFO-->
  870. Age | Location <br> <br>
  871. Description
  872. </div>
  873. </div>
  874. <div id="img">
  875. <img style="width:100px;border-radius:5px;"
  876. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  877. <div id="url">
  878. <a href="URL">url</a>
  879. </div><!--MEMBER URL-->
  880. </div>
  881. </td>
  882. <!--MEMBER 4-->
  883. <td>
  884. <div id="panel">
  885. <div id="name">Name</div><!--MEMBER NAME-->
  886. <div id="about">
  887. <div id="status"> member </div>
  888. <div id="desc"><!--MEMBER INFO-->
  889. Age | Location <br> <br>
  890. Description
  891. </div>
  892. </div>
  893. <div id="img">
  894. <img style="width:100px;border-radius:5px;"
  895. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  896. <div id="url">
  897. <a href="URL">url</a>
  898. </div><!--MEMBER URL-->
  899. </div>
  900. </td>
  901. <tr>
  902.  
  903. <!--END OF ROW 2-->
  904.  
  905. <!--ROW 3-->
  906. <!--MEMBER 1-->
  907. <td>
  908. <div id="panel">
  909. <div id="name">Name</div><!--MEMBER NAME-->
  910. <div id="about">
  911. <div id="status"> member </div>
  912. <div id="desc"><!--MEMBER INFO-->
  913. Age | Location <br> <br>
  914. Description
  915. </div>
  916. </div>
  917. <div id="img">
  918. <img style="width:100px;border-radius:5px;"
  919. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  920. <div id="url">
  921. <a href="URL">url</a>
  922. </div><!--MEMBER URL-->
  923. </div>
  924. </td>
  925. <!--MEMBER 2-->
  926. <td>
  927. <div id="panel">
  928. <div id="name">Name</div><!--MEMBER NAME-->
  929. <div id="about">
  930. <div id="status"> member </div>
  931. <div id="desc"><!--MEMBER INFO-->
  932. Age | Location <br> <br>
  933. Description
  934. </div>
  935. </div>
  936. <div id="img">
  937. <img style="width:100px;border-radius:5px;"
  938. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  939. <div id="url">
  940. <a href="URL">url</a>
  941. </div><!--MEMBER URL-->
  942. </div>
  943. </td>
  944. <!--MEMBER 3-->
  945. <td>
  946. <div id="panel">
  947. <div id="name">Name</div><!--MEMBER NAME-->
  948. <div id="about">
  949. <div id="status"> member </div>
  950. <div id="desc"><!--MEMBER INFO-->
  951. Age | Location <br> <br>
  952. Description
  953. </div>
  954. </div>
  955. <div id="img">
  956. <img style="width:100px;border-radius:5px;"
  957. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  958. <div id="url">
  959. <a href="URL">url</a>
  960. </div><!--MEMBER URL-->
  961. </div>
  962. </td>
  963. <!--MEMBER 4-->
  964. <td>
  965. <div id="panel">
  966. <div id="name">Name</div><!--MEMBER NAME-->
  967. <div id="about">
  968. <div id="status"> member </div>
  969. <div id="desc"><!--MEMBER INFO-->
  970. Age | Location <br> <br>
  971. Description
  972. </div>
  973. </div>
  974. <div id="img">
  975. <img style="width:100px;border-radius:5px;"
  976. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  977. <div id="url">
  978. <a href="URL">url</a>
  979. </div><!--MEMBER URL-->
  980. </div>
  981. </td>
  982. <tr>
  983.  
  984. <!--END OF ROW 3-->
  985.  
  986. <!--ROW 4-->
  987. <!--MEMBER 1-->
  988. <td>
  989. <div id="panel">
  990. <div id="name">Name</div><!--MEMBER NAME-->
  991. <div id="about">
  992. <div id="status"> member </div>
  993. <div id="desc"><!--MEMBER INFO-->
  994. Age | Location <br> <br>
  995. Description
  996. </div>
  997. </div>
  998. <div id="img">
  999. <img style="width:100px;border-radius:5px;"
  1000. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1001. <div id="url">
  1002. <a href="URL">url</a>
  1003. </div><!--MEMBER URL-->
  1004. </div>
  1005. </td>
  1006. <!--MEMBER 2-->
  1007. <td>
  1008. <div id="panel">
  1009. <div id="name">Name</div><!--MEMBER NAME-->
  1010. <div id="about">
  1011. <div id="status"> member </div>
  1012. <div id="desc"><!--MEMBER INFO-->
  1013. Age | Location <br> <br>
  1014. Description
  1015. </div>
  1016. </div>
  1017. <div id="img">
  1018. <img style="width:100px;border-radius:5px;"
  1019. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1020. <div id="url">
  1021. <a href="URL">url</a>
  1022. </div><!--MEMBER URL-->
  1023. </div>
  1024. </td>
  1025. <!--MEMBER 3-->
  1026. <td>
  1027. <div id="panel">
  1028. <div id="name">Name</div><!--MEMBER NAME-->
  1029. <div id="about">
  1030. <div id="status"> member </div>
  1031. <div id="desc"><!--MEMBER INFO-->
  1032. Age | Location <br> <br>
  1033. Description
  1034. </div>
  1035. </div>
  1036. <div id="img">
  1037. <img style="width:100px;border-radius:5px;"
  1038. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1039. <div id="url">
  1040. <a href="URL">url</a>
  1041. </div><!--MEMBER URL-->
  1042. </div>
  1043. </td>
  1044. <!--MEMBER 4-->
  1045. <td>
  1046. <div id="panel">
  1047. <div id="name">Name</div><!--MEMBER NAME-->
  1048. <div id="about">
  1049. <div id="status"> member </div>
  1050. <div id="desc"><!--MEMBER INFO-->
  1051. Age | Location <br> <br>
  1052. Description
  1053. </div>
  1054. </div>
  1055. <div id="img">
  1056. <img style="width:100px;border-radius:5px;"
  1057. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1058. <div id="url">
  1059. <a href="URL">url</a>
  1060. </div><!--MEMBER URL-->
  1061. </div>
  1062. </td>
  1063. <tr>
  1064.  
  1065. <!--END OF ROW 4-->
  1066.  
  1067. <!--ROW 5-->
  1068.  
  1069. <!--MEMBER 1-->
  1070. <td>
  1071. <div id="panel">
  1072. <div id="name">Name</div><!--MEMBER NAME-->
  1073. <div id="about">
  1074. <div id="status"> admin </div>
  1075. <div id="desc"><!--MEMBER INFO-->
  1076. Age | Location <br> <br>
  1077. Description
  1078. </div>
  1079. </div>
  1080. <div id="img">
  1081. <img style="width:100px;border-radius:5px;"
  1082. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1083. <div id="url">
  1084. <a href="URL">url</a>
  1085. </div><!--MEMBER URL-->
  1086. </div>
  1087. </td>
  1088. <!--MEMBER 2-->
  1089. <td>
  1090. <div id="panel">
  1091. <div id="name">Name</div><!--MEMBER NAME-->
  1092. <div id="about">
  1093. <div id="status"> member </div>
  1094. <div id="desc"><!--MEMBER INFO-->
  1095. Age | Location <br> <br>
  1096. Description
  1097. </div>
  1098. </div>
  1099. <div id="img">
  1100. <img style="width:100px;border-radius:5px;"
  1101. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1102. <div id="url">
  1103. <a href="URL">url</a>
  1104. </div><!--MEMBER URL-->
  1105. </div>
  1106. </td>
  1107. <!--MEMBER 3-->
  1108. <td>
  1109. <div id="panel">
  1110. <div id="name">Name</div><!--MEMBER NAME-->
  1111. <div id="about">
  1112. <div id="status"> member </div>
  1113. <div id="desc"><!--MEMBER INFO-->
  1114. Age | Location <br> <br>
  1115. Description
  1116. </div>
  1117. </div>
  1118. <div id="img">
  1119. <img style="width:100px;border-radius:5px;"
  1120. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1121. <div id="url">
  1122. <a href="URL">url</a>
  1123. </div><!--MEMBER URL-->
  1124. </div>
  1125. </td>
  1126. <!--MEMBER 4-->
  1127. <td>
  1128. <div id="panel">
  1129. <div id="name">Name</div><!--MEMBER NAME-->
  1130. <div id="about">
  1131. <div id="status"> member </div>
  1132. <div id="desc"><!--MEMBER INFO-->
  1133. Age | Location <br> <br>
  1134. Description
  1135. </div>
  1136. </div>
  1137. <div id="img">
  1138. <img style="width:100px;border-radius:5px;"
  1139. src="https://33.media.tumblr.com/5baf0542d8bdcbb159938e0270ab740d/tumblr_inline_nbabu2c2rq1rif4a2.png"/></div><!--MEMBER IMAGE URL-->
  1140. <div id="url">
  1141. <a href="URL">url</a>
  1142. </div><!--MEMBER URL-->
  1143. </div>
  1144. </td>
  1145. <tr>
  1146.  
  1147. <!--END OF ROW 5-->
  1148. </table>
  1149.  
  1150.  
  1151. </body>
  1152. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=93bb152582dbb408afc826f52e6676b4"></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement