Advertisement
marshallsmyth

82. rost braton 10/15/18

Oct 16th, 2018
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.42 KB | None | 0 0
  1. <body>
  2. <style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  3. @import url(https://fonts.googleapis.com/css?family=Quintessential|Montez);
  4. @import url(https://fonts.googleapis.com/css?family=Parisienne|Allura);
  5. ::-webkit-scrollbar { width: 15px;}
  6. ::-webkit-scrollbar-track { border-radius: 5px; background-color: #007fff;}
  7. ::-webkit-scrollbar-thumb { border-radius:5px; background-color: #8e003e;box-shadow: 0px 0px 36px 16px #000;}
  8.  
  9.  <body>Solange's Family
  10. { background-color:orchid; }
  11.  
  12. .clouds {
  13. position:absolute;
  14. left:0.5%;
  15. bottom:1%;
  16. width:99%;
  17. height:150%;
  18. display:inline;
  19. overflow: visible;
  20. pointer-events:none;
  21. opacity: 0.4;
  22. background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;
  23. z-index:2;
  24. -moz-animation:move-scrolling-front 200s linear infinite;
  25. -ms-animation:move-scrolling-front 200s linear infinite;
  26. -o-animation:move-scrolling-front 200s linear infinite;
  27. -webkit-animation:move-scrolling-front 200s linear infinite;
  28. animation:move-scrolling-front 200s linear infinite;
  29. }
  30.  
  31. @keyframes move-scrolling-front{
  32. from{background-position:0% 0%}
  33. to{background-position:300% 0%}
  34. }
  35. @-webkit-keyframes move-scrolling-front{
  36. from{background-position:0% 0%}
  37. to{background-position:300% 0%}
  38. }
  39. @-moz-keyframes move-scrolling-front{
  40. from{background-position:0% 0%}
  41. to{background-position:300% 0%}
  42. }
  43. @-ms-keyframes move-scrolling-front{
  44. from{background-position:0% 0%}
  45. to{background-position:300% 0%}
  46. }
  47.  
  48.  
  49. a.tab:active, a.tab:link, a.tab:visited
  50. { background: #3e3eee; border: #5eee8e 4px double;
  51. display: block; height: 35px; line-height: 35px; width: 50%;
  52. font-family:quintessential, times; font-weight:bold; font-size:17px; color:#000; text-decoration: none; margin-top:14px;
  53. -webkit-transition: all 3.1s ease-in; -moz-transition: all 3.1s ease-in; -ms-transition: all 3.1s ease-in; -o-transition: all 3.1s ease-in; transition: all 3.1s ease-in;
  54. -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
  55.  
  56. a.tab:hover
  57. { background-color: skyblue; border: #1a007a 4px double; margin-top:4px;  width:80%; }
  58.  
  59.  
  60.  
  61. .thecontent{ position: fixed; top: 0px; right: 0px;
  62. width: 0px; height: 0px; background-color: #; border: double # 0px; color: #; font-size: 24px;
  63. font-family: quintessential;opacity: 0.0; overflow: auto; padding: 0px; text-align: center;}
  64.  
  65. .thecontent:target{position: fixed; top: 0px; right: 0px; bottom: 0px;
  66. width: 1356px; height: 645px;font-family:quintessential;
  67. background-color: #000;
  68. border: double lightsalmon 0px; opacity: 1.0;
  69. overflow: hidden; padding: 5px; z-index: 1; }
  70.  
  71.  
  72. #genealogy
  73. { height:5%;   background:#8e008e;   overflow:auto;  width:7%;  transition:3.5s;   z-index:1;   overflow:hidden;
  74. position:fixed;  line-height:5px;  right:20%;   bottom:90.5%;
  75. padding-top:5px;   text-align:center;   font-size:21px;   color:gold;   border:5px double #000;
  76. border-radius:20px;     box-shadow:0px 0px 9px 3px darkblue, inset 0px 0px 7px 3px lavender; }
  77.  
  78. #genealogy:hover
  79. {background: url('https://i.imgur.com/4xaRltD.png') center,  100%;  transition:3.5s;   height:94%;   bottom:2%;   width:70%;  right:20%;  
  80. overflow:auto;   font-size:41px;   line-height:40px;; }
  81.  
  82.  
  83. </style>
  84. <div id="body">
  85. <div style="background:#0e000e;box-shadow:0px 0px 0px 90px #3e009e;">
  86.  
  87. <div style="width:97%;height:93%;margin:-0.25% 0% 0% -.25%;overflow:auto;border-radius:6px;border:solid 3px #007fff;box-shadow:0px 0px 140px 10px darkorchid;background:radial-gradient(circle,rgba(200,200,50,0.9) 50%,transparent);font-family:parisienne, montez, quintessential, arial;font-size:20px;text-align:left;color:#a90000;padding:20px;">
  88.  
  89. <div style="font-size:21px;margin-top:-10px;"> Page i</div>
  90.  
  91. <div style="font-size:126px;margin:-35px 0px 0px 0px;padding:20px;text-align:center;text-shadow:1px 2px 1px black;">The Nightmare<p>
  92.  
  93. <div style="font-size:84px;margin-top:-60px;text-shadow:1px 1px 1px black;"> Rost's Story </div><div style="color:skyblue;text-shadow:2px 2px 2px black;"> Rost Braton </div>
  94.  
  95. <div style="font-size:64px;text-shadow:1px 0px 1px black;"> Military <p>  Medic <p>
  96.  
  97. <div style="text-shadow:1px 2px 1px black;">Sochi</div>
  98.  
  99. <div style="width:1250px;height:0px;"></div>
  100.  
  101. <div style="font-size:46px;font-weight:bold;font-family:quintessential, Arial;text-shadow:3px 3px 9px #35000b;color:#84001b;letter-spacing:3px;">Overview</div>
  102.  
  103. <div style="font-size:46px;color:skyblue;font-family:parisienne, quintessential, times;text-align:left;text-shadow:4px 2px 2px #000000;"> <div>
  104.  
  105.  Rost was born in 1989 in [Data deleted]. At the age of 22 Rost joins the ranks of the private military company Phantasma Tantibus. According to his commander, Rost was “one of the best,” noticing that he was a very talented soldier and a reliable medic.
  106.  
  107.  
  108.  
  109. </div></div></div></div>
  110.  
  111.  
  112. <div class="clouds">
  113. </div>
  114.  
  115.  
  116. <div id="01" class="thecontent">
  117.  
  118. <div style="background:#0e000e;box-shadow:0px 0px 0px 90px #4e008e;">
  119. <div style="width:95%;height:89%;margin:0.1% 0% 0% 0%;overflow:auto;border:double 10px yellow;box-shadow:0px 0px 70px 16px rgba(161,90, 251, 1.0);background:radial-gradient(circle,rgba(200,200,50,0.9) 50%,transparent);border-radius:5%;
  120. font-family:parisienne, quintessential, arial;font-size:20px;text-align:left;color:#2e001e;padding:20px;"><p><br>Page 1
  121.  
  122. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px #8e003e;margin-top:-100px;">  Rost Braton  </div>
  123. <div style="font-size:70px;text-shadow:3px 3px 3px #8e003e;"> Eyes  </div>
  124.  
  125. <img src="  https://i.imgur.com/ESu9feI.png  " style="width:50%;">
  126. <div style="font-size:46px;margin-left:0px;color:#7e003e;font-weight:bold;text-shadow:4px 4px 4px #3e007e;"><br><center> Greetings <br><br></center></div><br><br>
  127. <img src="    " style="width:50%;"><br>
  128.  
  129. <table style="width:100%;color:#1e003e;float:left;font-size:56px;text-shadow:0px 1px 1px red;"><tr>
  130.  
  131. <td style="width:200px;color:#000;" valign="top">Name:  </td><td><li>Rost Braton    <p></td></tr><tr>  
  132.  
  133. <td style="color:#000;" valign="top">Parents:           </td><td><li>Father;  <li>Mother;    <p></td></tr><tr>
  134.  
  135. <td style="color:#000;" valign="top">Children:          </td><td><li> Elena Braton    <p></td></tr><tr>  
  136.  
  137. <td style="color:#000;" valign="top">Lovers:            </td><td><li>Kathy WayStone    <p></td></tr><tr>
  138.  
  139. <td style="color:#000;" valign="top">Birth:             </td><td><li>1989    <br>
  140.  
  141.  
  142. <img src="    " style="width:50%;"> <p></td></tr><tr>
  143.  
  144.  
  145. <td style="color:#000;" valign="top">Currently:       </td><td><li>    <p></td></tr><tr>
  146.  
  147. <td style="color:#000;" valign="top">Gender:          </td><td><li>Male    <p></td></tr><tr>  
  148.  
  149. <td style="color:#000;" valign="top">Orientation:     </td><td><li>Straight    <p></td></tr><tr>  
  150.  
  151. <td style="color:#000;" valign="top">Residence:       </td><td><li>    <br>
  152.  
  153.  
  154. <img src="    " style="width:40%;"><p></td></tr><tr>
  155.  
  156.  
  157. <td style="color:#000;" valign="top">Training:         </td><td><li>    <p></td></tr><tr>  
  158.  
  159. <td style="color:#000;" valign="top">Occupation:       </td><td><li>Medic, Soldier    <p></td></tr><tr>
  160.  
  161. <td style="color:#000;" valign="top">Height:           </td><td><li> 170   <p></td></tr><tr>
  162.  
  163. <td style="color:#000;" valign="top">Weight:           </td><td><li> 72   <p></td></tr><tr>  
  164.  
  165. <td style="color:#000;" valign="top">Build:            </td><td><li> Strong   <p></td></tr><tr>
  166.  
  167. <td style="color:#000;" valign="top">Hair:             </td><td><li>Black    <p></td></tr><tr>  
  168.  
  169. <td style="color:#000;" valign="top">Eyes:             </td><td><li>Deep Dark Hazel!    <br>
  170.  
  171.  
  172. <img src="    " style="width:50%;"><br></td></tr><tr>
  173.  
  174.  
  175. <td style="color:#000;" valign="top">Ears:            </td><td><li>Normal   <p></td></tr><tr>
  176.  
  177. <td style="color:#000;" valign="top">Scars:           </td><td><li> None major  <p></td></tr><tr>
  178.  
  179. <td style="color:#000;" valign="top">Tattoos:         </td><td><li>   <p></td></tr><tr>  
  180.  
  181. <td style="color:#000;" valign="top">Teeth:           </td><td><li>   <p></td></tr><tr>
  182.  
  183. <td style="color:#000;" valign="top">Lips:            </td><td><li>   <p></td></tr><tr>
  184.  
  185. <td style="color:#000;" valign="top">Nails:           </td><td><li>   <p></td></tr><tr>  
  186.  
  187. <td style="color:#000;" valign="top">Breast Size:     </td><td><li>   <p></td></tr><tr>  
  188.  
  189. <td style="color:#000;" valign="top">Aureola Color:   </td><td><li>   <p></td></tr><tr>
  190.  
  191. <td style="color:#000;" valign="top">Pets:            </td><td><li>   <p></td></tr><tr>
  192.  
  193. <td style="color:#000;" valign="top">Clothing Style:  </td><td><li>   <br><p>
  194.  
  195.  
  196. <img src="    " style="width:50%;"><p></td></tr><tr>  
  197.  
  198.  
  199. <td style="color:#000;" valign="top">Emotional State:       </td><td><li>   <p></td></tr><tr>
  200.  
  201. <td style="color:#000;" valign="top">Dominance Status:      </td><td><li>   <p></td></tr><tr>  
  202.  
  203. <td style="color:#000;" valign="top">Guiltiest Pleasures:   </td><td><li>   <p></td></tr><tr>
  204.  
  205. <td style="color:#000;" valign="top">Further Notes:         </td><td><li>   <p></td></tr><tr>
  206.  
  207.  
  208. <td style="color:skyblue;" valign="top">Images:        </td><td>
  209.  
  210. <img src="    " style="width:100%;"><br>Image description<br><p>
  211. <img src="    " style="width:100%;"><br>Image description<br><p>
  212. <img src="    " style="width:100%;"><br>Image Description<p></td></tr><tr>
  213.  
  214. <td style="color:#49000e;" valign="top">Essay:</td><td><li>words<p>
  215.  
  216. <div style="height:46px;border-bottom:10px solid #35000e;color:#69000e;font-size:40px;letter-spacing:3px;">Some Events</div>
  217.  
  218. <ul style="list-style-type:square;"> <li> 2017 - highlights <li> 2018 - highlights <li> 2019 - highlights </ul><br><br><p></td> </tr><tr></tr></table>
  219.  
  220. <div style="font-size:40px;color:black;"><center><p> Failed Task <p></center>On the night of March 16, 2008, Rost was aboard a helicopter that flew in to pick up his commander and prisoners from an enemy camp. He was one of the few detachment who knew about the prisoners, and the mission in general. During the flight to the Main Base, the commander orders Rost to inspect the prisoner, on whose belly multiple scars were discovered. Suspecting that inside her bomb, Rost decides to conduct an emergency extraction operation, without anesthesia. The bomb was successfully removed from its intestines, and the commander threw it into the ocean. Having achieved stable breath of the captive without risk of bleeding, Rost sews up her stomach back.
  221. Returning to the Main Base, the commander and Rost discover that they were attacked by the enemy's strike force. At the same time, the prisoner wakes up and, saying that the second bomb should explode in moments, jumps down. At the same time, a shot from an RPG was made from an enemy helicopter, which blew up the helicopter. Rost protects the commander from the explosion, after which they both lose consciousness, and their helicopter collides with the enemy helicopter, which leads to the death of the pilot and one of the soldiers. Rost received a severe wound to the head, a piece of metal could not be removed without risk to life, and they decided to leave him in his head.
  222. <p><center>Coma</center><p>
  223. In coma, it seems to him that he waked up in the “Sovyonok” pioneer camp during the Soviet era. Rost is younger to the age of graduation, the beginning of the institute, and he is mistaken for a late pioneer. He lives for seven days in a camp, and falls in love with a girl named Alice Dvachevskaya. It really seemed to him that he had begun a new life and would atone for his sins committed during the battles, but it turned out that all this was just a dream.<p><center>Interlocutor</center><p>
  224. So, the story ended here.<br>
  225. The answer was an ordinary, slightly bewildered smile.<br>
  226. Interlocutor: So, you fell asleep, and then woke up somewhere in the past? <p>
  227.  
  228.  
  229.  
  230.  
  231. </table></div></div></div></div>
  232.  
  233.  
  234.  
  235.  
  236.  
  237. <div id="02" class="thecontent">
  238.  
  239. <div style="background:#0e000e;box-shadow:0px 0px 0px 90px blue;">
  240. <div style="width:1320px;height:634px;margin:-1px 0px 0px 17px;overflow:auto;border-radius:5px;border:dotted 1.5px gold;box-shadow:0px 0px 3px 1px tomato;background:radial-gradient(circle,rgba(200,200,50,0.9) 50%,transparent);font-family:parisienne, quintessential, arial;font-size:20px;text-align:left;font-weight:none;color:#250142;padding:0px;">
  241.  
  242. <img src="  https://i.imgur.com/FXJ6lUk.png  " style="width:100%;">
  243. <div style="font-size:50px;color:#ab0041;padding:40px;">
  244. Pas ici, cette pièce est vide. Paz eesee, sayt peeAysay est veeday
  245. </div>
  246.  
  247. <div style="margin-top:20px;">Page 2
  248. <div style="font-size:114px;text-align:center;text-shadow:3px 3px 1px lavender;margin-top:-30px;">  blank  </div>
  249.  
  250.  
  251. <table style="width:100%;color:#250142;float:left;font-size:34px;font-weight:none;padding:10px;letter-spacing:2px;"><tr>
  252.  
  253. <td style="width:200px;font-weight:bold;color:#94000e;" valign="top">Name:</td><td>   <p></td></tr><tr>
  254.  
  255. <td style="font-weight:bold;color:#94000e;" valign="top">Parents:</td><td>            </td></tr><tr>
  256.  
  257. <td style="font-weight:bold;color:#94000e;" valign="top">Children:</td><td>           <p><li> </td></tr><tr>
  258.  
  259. <td style="font-weight:bold;color:#94000e;" valign="top">Birthdate:</td><td>          </td></tr><tr>
  260.  
  261. <td style="font-weight:bold;color:#94000e;" valign="top">Gender:</td><td>             </td></tr><tr>
  262.  
  263. <td style="font-weight:bold;color:#94000e;" valign="top">Orientation:</td><td>        </td></tr><tr>
  264.  
  265. <td style="font-weight:bold;color:#94000e;" valign="top">Currently:</td><td>          </td></tr><tr>
  266.  
  267. <td style="font-weight:bold;color:#94000e;" valign="top">Training:</td><td>           <p></li> </td></tr><tr>
  268.  
  269. <td style="font-weight:bold;color:#94000e;" valign="top">Education:</td><td>          <p><li>  </td></tr><tr>
  270.  
  271. <td style="font-weight:bold;color:#94000e;" valign="top">Occupation:</td><td>         </td></tr><tr>
  272.  
  273. <td style="font-weight:bold;color:#94000e;" valign="top">Residence:</td><td>          </td></tr><tr>
  274.  
  275. <td style="font-weight:bold;color:#94000e;" valign="top">Height:</td><td>             </td></tr><tr>
  276.  
  277. <td style="font-weight:bold;color:#94000e;" valign="top">Weight:</td><td>             </td></tr><tr>
  278.  
  279. <td style="font-weight:bold;color:#94000e;" valign="top">Build:</td><td>              </td></tr><tr>
  280.  
  281. <td style="font-weight:bold;color:#94000e;" valign="top">Hair:</td><td>               </td></tr><tr>
  282.  
  283. <td style="font-weight:bold;color:#94000e;" valign="top">Eyes:</td><td>               </td></tr><tr>
  284.  
  285. <td style="font-weight:bold;color:#94000e;" valign="top">Teeth:</td><td>              </td></tr><tr>
  286.  
  287. <td style="font-weight:bold;color:#94000e;" valign="top">Dominance:</td><td>          </td></tr><tr>
  288.  
  289. <td style="font-weight:bold;color:#94000e;" valign="top">Further:</td><td>            </td></tr><tr></table>
  290.  
  291. <td style="color:#000;" valign="top">Family album:</td><td> <p>
  292.  
  293. <img src="    " style="width:50%;"><br><p>
  294. <img src="    " style="width:50%;"><br><p>
  295. <img src="    " style="width:50%;"><br><p>
  296. <img src="    " style="width:50%;"><br><br> </td></tr><tr>
  297.  
  298. <td style="color:#000;" valign="top"></td><td>
  299.  
  300. <div style="height:46px;border-bottom:25px double #45001e;color:#75001e;font-size:40px;letter-spacing:3px;">Some Events</div>
  301.  
  302. <ul style="list-style-type:square;color:#75001e;"> <li> 2018 - <li> 2019 - <li> 2020 - </ul> </td></tr><tr></table>
  303.  
  304. <div style="height:46px;border-bottom:25px double #45001e;color:#95001e;font-size:40px;letter-spacing:3px;"></div>
  305.  
  306. <div style="width:1198px;font-size:40px;color:black;padding:55px;"><p><center><h1> pov </h1></center><p>
  307.  
  308. </div></div></div></div></div></table>
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315. <div id="genealogy">
  316. <div style="width:100%;margin:-10px 0px 0px 0px;font-family:parisienne, quintessential, arial;">
  317.  
  318.  
  319. <div style="text-align:center;margin:20px 0px 0px 0px;">more photos</center><p></div>
  320.  
  321. <div style="width:97%;padding:10px;float:left;margin-right:10px;text-align:left;margin-top:-40px;"><p><br><p>
  322.  
  323.  
  324. <img src="    " style="width:100%;">
  325. <img src="    " style="width:100%;">
  326. <img src="    " style="width:100%;">
  327. <img src="    " style="width:100%;">
  328. <img src="    " style="width:100%;">
  329. <img src="    " style="width:100%;">
  330. <img src="    " style="width:100%;">
  331. <img src="    " style="width:100%;"><p>
  332.  
  333.  
  334. </div></div> </div></body></html></body></html>
  335.  
  336.  
  337. <style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  338.  
  339.  
  340.  
  341. #bio {
  342. position: absolute; overflow: hidden;
  343. bottom: 90.5%;
  344. width: 7%;
  345. height: 5%;
  346. transition: 3.5s;
  347. right: 75%;
  348. border: 5px double #960235; border-radius:20px;
  349. background: #8e008e; padding: .25%; color: gold;
  350. box-shadow: 0px 0px 9px 3px darkblue, inset 0px 0px 7px 3px lavender;
  351. font-size:22px; font-weight:none;  
  352. font-family: parisienne, montez, allura, quintessential, Arial; z-index: 2 ;
  353. -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg)
  354. }
  355. #bio:hover {
  356. position: fixed; overflow: auto;
  357. bottom: 2%;
  358. width: 70%;
  359. height: 94%;
  360. transition: 3.5s;
  361. right: 14.6%;  padding: .29%;
  362. background: #8e071e; color: skyblue;
  363. box-shadow: 0px 0px 16px 8px darkorchid, inset 0px 1px 16px #fff;
  364. font-size:32px; font-weight:none; letter-spacing: 3px; font-family: parisienne, montez, quintessential, Arial;
  365. }
  366.  
  367. </style>
  368. </div><div id="bio" style="font-weight:bold;"> xxx
  369. <a href="#01" class="tab">1. xxx  </a>
  370. <a href="#02" class="tab">2. blank  </a>
  371.  
  372. <a href="#reset" class="tab"> Title Page</a>
  373.  
  374. Updated, 7/29/18 1:00 a.m.
  375. <p> <br><p>
  376.  
  377.  
  378.  
  379. </div>
  380.  
  381.  
  382. </div></body></html>
  383. </body>
  384. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement