Advertisement
tragical

Flawless

Apr 10th, 2017
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.98 KB | None | 0 0
  1. <style type=text/css>
  2. ::-webkit-scrollbar {
  3. height:1px;
  4. width:6px;
  5.  
  6. }
  7.  
  8. ::-webkit-scrollbar-thumb {
  9. background:#d5d5d5;
  10. }
  11.  
  12. ::-webkit-scrollbar-track{
  13. background:#fff;
  14. }
  15.  
  16.  
  17. #content{
  18. margin:30px;
  19. }
  20.  
  21. #little_box{
  22. float:left;
  23. }
  24.  
  25. #big_box .title{
  26. background:#fff;
  27. font-family:"Tw Cen MT Condensed";
  28. font-size:48px;
  29. font-weight:normal;
  30. color:#e4bb4b;
  31. position:relative;
  32. padding:5px 5px 0;
  33. width: -webkit-fit-content;
  34. width: -moz-fit-content;
  35. width: fit-content;
  36. }
  37.  
  38. #little_box .title{
  39. top:30px;
  40. font-family:"Tw Cen MT Condensed";
  41. font-weight:normal;
  42. font-size:48px;
  43. color:#e4bb4b;
  44. background:#fff;
  45. position:relative;
  46. padding:5px 5px 0;
  47. width: -webkit-fit-content;
  48. width: -moz-fit-content;
  49. width: fit-content;
  50. }
  51.  
  52. #big_box #textb{
  53. margin-top:-30px;
  54. background:#fff;
  55. font:12px Arial;
  56. color:#403830;
  57. width:650px;
  58. padding:30px 25px;
  59. color:#403830;
  60. overflow:auto;
  61. border:1px solid #b5a06f;
  62. outline:5px solid #fff;
  63. -webkit-box-shadow: 10px 9px 17px -6px rgba(150,118,69,0.75);
  64. -moz-box-shadow: 10px 9px 17px -6px rgba(150,118,69,0.75);
  65. box-shadow: 10px 9px 17px -6px rgba(150,118,69,0.75);
  66. }
  67.  
  68. #little_box #textb{
  69. float:left;
  70. margin-right:50px;
  71. background:#fff;
  72. width:212px;
  73. height:200px;
  74. border:1px solid #b5a06f;
  75. outline:5px solid #fff;
  76. -webkit-box-shadow: 10px 9px 17px -6px rgba(150,118,69,0.75);
  77. -moz-box-shadow: 10px 9px 17px -6px rgba(150,118,69,0.75);
  78. box-shadow: 10px 9px 17px -6px rgba(150,118,69,0.75);
  79. overflow:hidden;
  80. }
  81.  
  82. #little_box .t{
  83. margin-top:30px;
  84. font:12px Arial;
  85. color:#403830;
  86. overflow:auto;
  87. padding:0px 25px;
  88. max-height:75%;
  89. }
  90.  
  91. </style>
  92.  
  93.  
  94. <body>
  95. <div id="content">
  96. <img src=http://i.imgur.com/RozNczC.png>
  97.  
  98. <div id="big_box">
  99. <div class="title">WELCOME</div>
  100. <div id="textb">
  101. We would like to welcome you to our club, Flawless. We are an active group of players who are always willing to help when you need it. Our club consists of constant chatting, games and events that happen throughout each month. Majority of our games/events will be on the left side of our layout. We ask that you be respectful of all members and if you need anything please mail me(Ray) or vrindi(Ris)! We hope you enjoy your stay here at Flawless.
  102. </div>
  103. </div>
  104.  
  105. <div id="little_box">
  106. <div class="title">BOX 1</div>
  107. <div id="textb">
  108. <div class="t">
  109. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu bibendum libero. Nulla dolor dui, maximus et bibendum a, tempus ac leo. Nullam vulputate aliquam ultricies.
  110. </div>
  111. </div>
  112. </div>
  113.  
  114. <div id="little_box">
  115. <div class="title">BOX 2</div>
  116. <div id="textb">
  117. <div class="t">
  118. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu bibendum libero. Nulla dolor dui, maximus et bibendum a, tempus ac leo. Nullam vulputate aliquam ultricies.
  119. <br><br>
  120. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu bibendum libero. Nulla dolor dui, maximus et bibendum a, tempus ac leo. Nullam vulputate aliquam ultricies.
  121. </div>
  122. </div>
  123. </dlv>
  124.  
  125.  
  126. </div>
  127. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement