(no subject)

[pathtothetruth]

Class 13

Report Card

TEXT HERE

Shuichi Saihara

Height

TEXT

Weight

TEXT

Chest

TEXT

Blood Type

TEXT

Birthday

TEXT

Likes

TEXT

Dislikes

TEXT

Title

Super High School Level Detective

Report Card

TEXT HERE

Rantaro Amami

Height

TEXT

Weight

TEXT

Chest

TEXT

Blood Type

TEXT

Birthday

TEXT

Likes

TEXT

Dislikes

TEXT

Title

TEXT

Report Card

TEXT HERE

Aki Togami

Height

TEXT

Weight

TEXT

Chest

TEXT

Blood Type

TEXT

Birthday

TEXT

Likes

TEXT

Dislikes

TEXT

Title

TEXT

Code by Yuff

Comments

[pathtothetruth]

<raw-code> <div style="height: 475px; width: 800px; margin: auto; overflow: hidden;"> <!--START NAV BAR--> <div style="display: inline-block; float: left; width: 200px; height: 475px; background-image: linear-gradient(to right, #505050 , #676767); overflow: hidden;"><div style="display: block; width: 200px; height: 20px; background-image: linear-gradient(to right, #535353 , #202020);"></div> <div style="display: block; width: 195px; height: 35px; background-image: linear-gradient(to right, #9b999a , #b1b1b1); font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px; color: #51555e; padding-right: 5px; letter-spacing: -1px;">Class 13</div> <div style="overflow: auto; width: 200px; height: 390px;"> <!--START NAME--> <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;"> <a href="#chart1" style="text-decoration: none; color: #fafafa;">Link 1</a></div> <!--END NAME--> <!--START NAME--> <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;"> <a href="#chart2" style="text-decoration: none; color: #fafafa;">Link 2</a></div> <!--END NAME--> </div></div> <!--END NAV BAR--> <!--START INFO AREA--> <div><div style="display: inline-block; float: right; width: 480px; height: 270px; overflow: hidden;"> <!--CHARACTER SCREEN START--> <div style="width: 480px; height: 270px; background: #1E1E1E; text-align: center;"> <a name="chart1"></a> <!--HEADER START--> <div style="background: url(http://i.imgur.com/yIEMZac.png) no-repeat; font: bold 26px 'ms gothic', sans-serif; color: #C54EF7; text-align: left; padding: 6px 0px 6px 44px;">CHARACTER 1</div> <!--HEADER END--> <!--QUOTE START--> <div style="height: 16px; border-top: 1px solid #C54EF7; border-bottom: 1px solid #C54EF7; font: 12px 'ms gothic', sans-serif; color: #FFFFFF; padding-top: 4px;">TEXT HERE</div> <!--QUOTE END--> <!--BODY START--> <div style="border-bottom: 1px solid #C54EF7; padding: 1px 0px 1px 3px; text-align: left;"> <!--STATS BOX START (The code comes with one row with four columns and one row with two columns - feel free to add and remove rows. The maximum you can have is 7. Use http://rem.im/rgb2hex.html to convert hex codes, e.g. #C54EF7, to rgb. rgba, e.g. rgba(197, 78, 247, .75), is rgb + opacity. The last value ranges from 0 to 1 with 1 being opaque.)--> <div style="width: 312px; height: 200px; font: 12px 'ms gothic', sans-serif; float: left;"> <!--NAME--> <div style="background: rgba(197, 78, 247, .75); height: 28px; border: 1px solid #1E1E1E; color: #FFFFFF; font: 24px 'ms gothic', sans-serif; text-align: left; padding: 6px;">NAME HERE</div> <!--ROW START--> <div style="width: 68px; height: 12px; background: rgba(197, 78, 247, .75); border: 1px solid #1E1E1E; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; padding: 4px; float: left;">TEXT</div> <div style="width: 68px; height: 12px; background: rgba(105, 105, 105, .75); border: 1px solid #1E1E1E; color: #FFFFFF; padding: 4px; float: left;">TEXT</div> <div style="width: 68px; height: 12px; background: rgba(197, 78, 247, .75); border: 1px solid #1E1E1E; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; padding: 4px; float: left;">TEXT</div> <div style="width: 68px; height: 12px; background: rgba(105, 105, 105, .75); border: 1px solid #1E1E1E; color: #FFFFFF; padding: 4px; float: left;">TEXT</div> <!--ROW END--> <!--ROW START--> <div style="width: 68px; height: 12px; background: rgba(197, 78, 247, .75); border: 1px solid #1E1E1E; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; padding: 4px; float: left;">Birthday</div> <div style="width: 224px; height: 12px; background: rgba(105, 105, 105, .75); border: 1px solid #1E1E1E; color: #FFFFFF; padding: 4px; float: left;">TEXT</div> <!--ROW END--> </div> <!--STATS BOX END--> <!--IMAGE START (http://i.imgur.com/i91CYoi.png is the background. If you don't want to use a transparent sprite, remove <img src="IMAGE"> and replace the background with your image URL. Must be 190 x 160.)--> <div style="background: url(http://i.imgur.com/i91CYoi.png); height: 190px; width: 160px; margin: 2px 0px 0px 1px; display: inline-block;"><img src="IMAGE"></div> <!--IMAGE END--> </div> <!--BODY END--> </div> <!--CHARACTER SCREEN END--> <!--CHARACTER SCREEN START--> <div style="width: 480px; height: 270px; background: #1E1E1E; text-align: center;"> <a name="chart2"></a> <!--HEADER START--> <div style="background: url(http://i.imgur.com/yIEMZac.png) no-repeat; font: bold 26px 'ms gothic', sans-serif; color: #C54EF7; text-align: left; padding: 6px 0px 6px 44px;">CHARACTER 2</div> <!--HEADER END--> <!--QUOTE START--> <div style="height: 16px; border-top: 1px solid #C54EF7; border-bottom: 1px solid #C54EF7; font: 12px 'ms gothic', sans-serif; color: #FFFFFF; padding-top: 4px;">TEXT HERE</div> <!--QUOTE END--> <!--BODY START--> <div style="border-bottom: 1px solid #C54EF7; padding: 1px 0px 1px 3px; text-align: left;"> <!--STATS BOX START (The code comes with one row with four columns and one row with two columns - feel free to add and remove rows. The maximum you can have is 7. Use http://rem.im/rgb2hex.html to convert hex codes, e.g. #C54EF7, to rgb. rgba, e.g. rgba(197, 78, 247, .75), is rgb + opacity. The last value ranges from 0 to 1 with 1 being opaque.)--> <div style="width: 312px; height: 200px; font: 12px 'ms gothic', sans-serif; float: left;"> <!--NAME--> <div style="background: rgba(197, 78, 247, .75); height: 28px; border: 1px solid #1E1E1E; color: #FFFFFF; font: 24px 'ms gothic', sans-serif; text-align: left; padding: 6px;">NAME HERE</div> <!--ROW START--> <div style="width: 68px; height: 12px; background: rgba(197, 78, 247, .75); border: 1px solid #1E1E1E; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; padding: 4px; float: left;">TEXT</div> <div style="width: 68px; height: 12px; background: rgba(105, 105, 105, .75); border: 1px solid #1E1E1E; color: #FFFFFF; padding: 4px; float: left;">TEXT</div> <div style="width: 68px; height: 12px; background: rgba(197, 78, 247, .75); border: 1px solid #1E1E1E; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; padding: 4px; float: left;">TEXT</div> <div style="width: 68px; height: 12px; background: rgba(105, 105, 105, .75); border: 1px solid #1E1E1E; color: #FFFFFF; padding: 4px; float: left;">TEXT</div> <!--ROW END--> <!--ROW START--> <div style="width: 68px; height: 12px; background: rgba(197, 78, 247, .75); border: 1px solid #1E1E1E; color: #FFFFFF; text-shadow: #000000 1px 1px 0px; padding: 4px; float: left;">Birthday</div> <div style="width: 224px; height: 12px; background: rgba(105, 105, 105, .75); border: 1px solid #1E1E1E; color: #FFFFFF; padding: 4px; float: left;">TEXT</div> <!--ROW END--> </div> <!--STATS BOX END--> <!--IMAGE START (http://i.imgur.com/i91CYoi.png is the background. If you don't want to use a transparent sprite, remove <img src="IMAGE"> and replace the background with your image URL. Must be 190 x 160.)--> <div style="background: url(http://i.imgur.com/i91CYoi.png); height: 190px; width: 160px; margin: 2px 0px 0px 1px; display: inline-block;"><img src="IMAGE"></div> <!--IMAGE END--> </div> <!--BODY END--> </div> <!--CHARACTER SCREEN END--> </div></div> <!--END INFO AREA--> </div> <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div> </raw-code>