Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*The body*/
- body {
- background: url('https://i.imgur.com/3PnR3bL.png');
- }
- #profile-container {
- background: none;
- }
- #profile {
- Background-color: #000;
- Border: none;
- }
- ::-webkit-scrollbar {
- width: 5px;
- }
- ::-webkit-scrollbar-track {
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
- }
- ::-webkit-scrollbar-thumb {
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.0);
- }
- /*The main container*/
- #container {
- position: absolute;
- top: 10px;
- width: 800px;
- height: 500px;
- background: linear-gradient(to bottom, #f9ecb3 30%, #ec7161 100%);
- border: 5px solid #4e1d12;
- font-size: 50px;
- letter-spacing: 5px;
- }
- /*The Phoenix*/
- .image {
- position: absolute;
- top: 30px;
- left: 275px;
- width: 250px;
- height: 139px;
- background-image: url('https://i.imgur.com/jRrQBmZ.png');
- background-size: cover;
- }
- /*Welcome Section*/
- #welcome {
- position: absolute;
- top: 10px;
- left: 10px;
- width: 250px;
- height: 200px;
- background-color: #fff6d3;
- border: 1px solid #4e1d12;
- }
- #welcomebox {
- position: absolute;
- z-index: 99999;
- top: 50px;
- width: 250px;
- height: 150px;
- overflow-x: hidden;
- overflow-y: scroll;
- }
- /*Staff Section*/
- #staff {
- position: absolute;
- top: 10px;
- left: 537px;
- width: 250px;
- height: 200px;
- background-color: #fff6d3;
- border: 1px solid #4e1d12;
- }
- #staffbox {
- position: absolute;
- z-index: 99999;
- top: 46px;
- width: 250px;
- height: 154px;
- overflow-x: hidden;
- overflow-y: scroll;
- }
- /*Rules Section*/
- #rules {
- position: absolute;
- top: 225px;
- left: 10px;
- width: 780px;
- height: 265px;
- background-color: #fff6d3;
- border: 1px solid #4e1d12;
- }
- #rulesbox {
- position: absolute;
- z-index: 99999;
- top: 35px;
- width: 780px;
- height: 228px;
- overflow-x: hidden;
- overflow-y: scroll;
- }
- /*Text Section*/
- .text1 {
- position: absolute;
- top: 5px;
- padding: 10px;
- width: 230px;
- text-align: left;
- font-family: Verdana;
- font-size: 11px;
- color: #7c3829;
- letter-spacing: 0px;
- line-height: 150%;
- }
- .text2 {
- position: absolute;
- left: 10px;
- width: 750px;
- text-align: justify;
- font-family: Verdana;
- font-size: 11px;
- color: #7c3829;
- letter-spacing: .5px;
- }
- b,
- strong {
- color: #4d5061;
- letter-spacing: .5px;
- text-transform: uppercase;
- padding: 1px;
- font-weight: 600;
- font-family: 'Josefin Sans', sans-serif;
- }
- a:link,
- a:visited {
- color: #7e7672;
- transition: all 0.7s linear;
- text-decoration: none;
- }
- a:hover,
- a:active {
- color: #000;
- }
- p {
- margin-left: 15px;
- }
- h3 {
- position: absolute;
- font-family: Georgia;
- font-size: 30px;
- letter-spacing: 2px;
- text-align: center;
- width: 100%;
- font-weight: 400;
- color: #4e1d12;
- }
- /*Tooltips*/
- div.tooltipMessage {
- z-index: 9001;
- position: absolute;
- width: 100px;
- text-align: left;
- }
- div.tooltipMessage > span {
- display: inline-block;
- background: #fff;
- border: 1px #000 solid;
- font-size: 8px;
- padding: 2px 4px;
- color: #000;
- }
- div.tooltipMessage.left > span {
- float: right;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement