Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- THIS IS WHERE THE STYLESHEET FOR THE DIV LAYOUT BEGINS. THIS GOES IN YOUR 'ABOUT ME' SECTION. -->
- <body oncontextmenu="return false" ondragstart="return false;">
- <style type="text/css">
- @import url('https://fonts.googleapis.com/css?family=Oswald|Playfair+Display:400,400i,700i');
- .COEUR DE FEU { This base code was made by DAMNEDEST CREATIONS. Stealing will result in harsh consequences. - www.roleplayer.me/damnedestcreations }
- .COEUR DE FEU { Background Properties }
- body{
- background-color:101010;
- background-image:url();
- background-attachment:fixed;
- background-repeat: repeat;
- background-position:center;
- }
- .COEUR DE FEU { Scrollbar Properties }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #101010;
- height: 7px;
- }
- ::-webkit-scrollbar {
- background-color: #161616;
- border: 2px solid #161616;
- height:5px;
- width:5px;
- }
- .COEUR DE FEU { Text Properties }
- table, tr, td, li, p, div {
- font-family:Helvetica, Arial, sans-serif;
- color:535353;
- text-transform:normal;
- font-size:10px;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- i {
- font-family:'Playfair Display';
- font-weight:400i;
- text-transform:normal!important;
- background-color:transparent;
- color:#9aa2a6;
- letter-spacing:0px;
- font-size:12px;}
- b {
- color:#5b666a;
- font-family:Georgia;
- font-size: 8px;
- font-weight:normal;
- text-transform:uppercase;
- letter-spacing: 1px;
- }
- u {
- font-family:calibri;
- font-size:10px;
- text-transform:uppercase;
- color:646464;
- letter-spacing:1px;
- margin-bottom:5px;
- border-bottom:1px solid;
- text-decoration:none;
- border-color:#2d383c;
- }
- blockquote {
- display:block;
- text-align:justify;
- font-size:10px;
- line-height:10px;
- text-transform:uppercase;
- margin:5px;
- font-family:courier new;
- letter-spacing:0px;
- padding:5px;
- color:5b666a;
- background-color:161616;
- border:1px solid;
- border-color:333333;
- }
- .COEUR DE FEU { Header Properties }
- h1 {
- font-family: courier new;
- font-size: 10px;
- font-style: none;
- font-weight: normal;
- text-align: center;
- background-color: #161616;
- text-transform: uppercase;
- margin: 5px!important;
- display:block;
- letter-spacing: 5px;
- padding: 5px;
- line-height: 5px;
- border: 3px double;
- border-color: #2d383d;
- font-style: none;
- color: #666666;
- }
- h2 {
- font-family: courier new;
- font-size: 15px;
- font-style: none;
- font-weight: normal;
- background-color: transparent;
- text-transform: uppercase;
- display:block;
- margin:0px;
- letter-spacing: -2px;
- line-height: 9px;
- color: #666666;
- }
- h3 {
- font-family: Garamond;
- font-size: 15px;
- text-align:center;
- font-style: none;
- font-weight: normal;
- background-color: transparent;
- text-transform: uppercase;
- display:block;
- margin:5px;
- letter-spacing: -2px;
- line-height: 9px;
- color: #666666;
- }
- h4 {
- font-family: 'Playfair Display';
- font-size: 10px;
- text-align:center;
- font-style: none;
- font-weight: normal;
- background-color: transparent;
- text-transform: uppercase;
- display:block;
- margin:5px;
- letter-spacing: 0px;
- line-height: 9px;
- color: #666666;
- }
- .COEUR DE FEU { Link Properties }
- a:active, a:visited, a:link {
- font-family:calibri;
- font-size:10px;
- text-transform:uppercase;
- line-height:8px;
- border-bottom:none;
- border-color:none;
- text-decoration:none;
- font-weight:normal;
- color:#5b666a;
- letter-spacing:0px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;}
- a:hover {
- color:#535353;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;}
- a.first, a.first:link, a.first:active, a.first:visited {
- font-family: Courier New;
- font-size: 8px;
- line-height: 15px;
- font-weight: normal;
- color: #000;
- text-transform: uppercase;
- background-color: #5b666a;
- text-align: left;
- display: block;
- margin:1px;
- border-color:5b666a;
- border-left-style: solid;
- border-left-width: 5px;
- border-right-style: solid;
- border-right-width: 0px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a.first:hover {
- color: #dfe3e7;
- margin:1px;
- text-align: right;
- letter-spacing:1px;
- background-color: #2d383d;
- border-color: #2d383d;
- border-left-style: solid;
- border-left-width: 0px;
- border-right-style: solid;
- border-right-width: 5px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a.second, a.second:link, a.second:active, a.second:visited {
- font-family: Courier New;
- font-size: 10px;
- width:80px;
- line-height: 10px;
- letter-spacing: 1px;
- font-weight: normal;
- color: 333;
- background-color: #5b666a;
- text-align: center;
- font-style: none;
- display: inline-block;
- margin: 5px;
- padding: 5px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a.second:hover {
- color: 101010;
- text-align: center;
- background-color: #2d383d;
- border-left-style: solid;
- border-left-width: 0px;
- border-right-style: solid;
- border-right-width: 0px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- .COEUR DE FEU { Module Properties }
- .contain {
- left:50%;
- margin-left:-400px;
- top:130px;
- position:absolute;
- z-index:0;
- background-color:transparent;
- visibility:visible;
- }
- .logo {
- width:515px;
- height:150px;
- position:absolute;
- top:280px;
- left:-55px;
- z-index:1;
- border:1px solid;
- border-color:161616;
- background-color:transparent;
- text-decoration:none;
- }
- .navi {
- width:515px;
- height:30px;
- position:absolute;
- top:-105px;
- left:-55px;
- z-index:1;
- border:1px solid;
- border-color:161616;
- background-color:101010;
- text-decoration:none;
- }
- .mpd1 {
- width:345px;
- height:345px;
- position:absolute;
- top:-70px;
- left:-55px;
- z-index:1;
- border:1px solid;
- border-color:161616;
- background-color:101010;
- text-decoration:none;
- }
- .mpd2 {
- width:165px;
- height:170px;
- position:absolute;
- top:-70px;
- left:295px;
- z-index:1;
- border:1px solid;
- border-color:161616;
- background-color:101010;
- text-decoration:none;
- }
- .mpd3 {
- width:165px;
- height:170px;
- position:absolute;
- top:105px;
- left:295px;
- z-index:1;
- border:1px solid;
- border-color:161616;
- background-color:101010;
- text-decoration:none;
- }
- .COEUR DE FEU { Hiding Properties }
- .contacttable, .friendsComments, .friendSpace, .profileinfo, .latestBlogEntry, .interestsAndDetails, .extendedNetwork, .userProfileDetail {display:none}
- table,tr,td {background:transparent}
- body div table tbody tr td font {visibility:hidden;}
- .navbar {visibility:visible;}
- .navbar font {visibility:hidden;}
- .profile * { display: none !important; }
- div[id="googlebar"] { background: none !important; }
- .hidenav {display:none}
- div.profileWidth {margin-top: -30px !important;}
- div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
- div.profileWidth div.clearfix, hidenav hidenav hidenav, div.profileWidth div div {filter:none; opacity:0.9999}
- div.profileWidth div.clearfix {position:relative; top:30px}
- a.text, table font a, table {visibility:hidden;}
- </style>
- <!-- THIS GOES IN YOUR LIKE TO MEET -->
- <div class="contain">
- <div class="logo">
- <img src="https://via.placeholder.com/515x150/101010/">
- <!--The logo is meant to be a transparent PNG but you can make it into a small banner. You could also get rid of the logo DIV in general and make a background image that surrounds the modules.-->
- </div>
- <div class="navi">
- <a href="/home.php" class="second">Home</a>
- <a href="/add_testimonial.php?member_id=YOURUSERID" class="second">Comment</a>
- <a href="/send_message.php?member_id=YOURUSERID" class="second">Message</a>
- <a href="/view_blog.php?id=THIS LINK SHOULD GO TO YOUR RULES POST ON YOUR BLOG" class="second">Content</a>
- <a href="/damnedestcreations" class="second">Credit</a>
- </div>
- <div class="mpd1">
- <h1>This is a header</h1>
- <div style="height:140px;margin:5px;padding:5px;overflow:auto;">
- <h2>WHAT DO YOU OFFER?</h2> Self-explanatory.
- <p>
- <h2>DO YOU OFFER CUSTOM WORK?</h2> Yes / no. Explain if your work is paid or free. This box will scroll.
- <p>
- <h2>Extra Thing Maybe</h2> And a description.
- </div>
- <h1>About Quinn Fabray</h1>
- <div style="height:115px;margin:5px;padding:5px;overflow:auto;">
- <u>Name:</u> Your name<br>
- <u>Years of Experience:</u> Self-explanatory.<br>
- <u>Site History:</u> Are you new? Have you been around a while?<br>
- </div>
- </div>
- <div class="mpd2">
- <h1>Quick Links</h1>
- <div style="height:120px;margin:5px;padding:5px;overflow:auto;">
- <a href="xxx" class="first">View ----</a>
- <a href="xxx" class="first">View ----</a>
- <a href="xxx" class="first">View ----</a>
- </div>
- </div>
- <div class="mpd3">
- <h1>Affiliates</h1>
- <div style="height:120px;margin:5px;padding:5px;overflow:auto;">
- <h4>Mains</h4>
- <a href="" class="first">This Could Be You</a>
- <a href="" class="first">This Could Be You</a>
- <a href="" class="first">This Could Be You</a>
- <h4>Resource Sites</h4>
- <a href="" class="first">This Could Be You</a>
- <a href="" class="first">This Could Be You</a>
- <a href="" class="first">This Could Be You</a>
- <h4>Roleplay Groups</h4>
- <a href="" class="first">This Could Be You</a>
- <a href="" class="first">This Could Be You</a>
- <a href="" class="first">This Could Be You</a>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement