Dre Brotherhood Layouts

Waaa
Home­Portal­FAQ­Search­Memberlist­Usergroups­Register­Log in
Post new topic   Reply to topicShare | 
 

 Compilation of CSS Codes

View previous topic View next topic Go down 
AuthorMessage
Admin
Admin


Posts: 3
Join date: 2008-04-20

PostSubject: Compilation of CSS Codes   Sun Apr 20, 2008 5:38 pm

Code:
/* BODY BACKGROUND */
body {
background: #000000;
background-attachment: fixed;
background-repeat: repeat;
background-image: url(URL);
background-position: center center;
margin: 20px 0px 20px 0px;
}

/* SCROLLBARS */
body {
scrollbar-arrow-color: #HEX HERE;
scrollbar-base-color: #HEX HERE;
scrollbar-dark-shadow-color: #HEX HERE;
scrollbar-track-color: #HEX HERE;}

/* MASTER BOXES */
.commonbox, .commonbox_noborder {
  margin-bottom: 10px;
  background: TRANSPARENT;
  background-image: url(URL OF IMAGE HERE);
  width: auto;
}
.evenrow {
  background-color: TRANSPARENT;
  background-image: url(URL OF IMAGE HERE);
}

/* MASTER TEXT COLOR */
body,td,tr,div,p {color:#HEX HERE;}

/* MASTER LINKS */
body {cursor: url(URL OF CURSOR HERE);}
a {cursor: url(URL OF CURSOR HERE);}
a:link {color:white;text-decoration:none;}
a:visited {color:white;text-decoration:none;}
a:hover {
color:#HEX HERE;
text-decoration:none;
border-bottom-style:none;
border-bottom-width:0 px;
border-top-style:none;
border-top-width:0 px;
background:"transparent";
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 { /*header*/
background-image: url(URL OF IMAGE HERE);
background-color: TRANSPARENT;
txt-color: #HEX HERE;
}
.commonbox .viewall { /*viewall link*/
text-transform: TRANSPARENT;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
background-color: TRANSPARENT;
background-url:(URL) OF IMAGE HERE;
}
.commonbox .dr { /*name bars below photo blocks*/
background-color: TRANSPARENT;
}
.commonbox .evenrow { /*even row*/
background-image: url(URL OF IMAGE HERE);
background-color: TRANSPARENT;
}

/* BANNER */
#navigation {
background-color: transparent;
border: 1px solid #ffffff;
margin:10px 0 0px 0;
padding:260px 0 0 0;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed fixed;
background-repeat: fixed no-repeat;
background-position: center center;
}

/* MAIN NAVIGATION */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:none;
background: url(URL OF IMAGE HERE) fixed repeat center; TRANSPARENT;}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color:#000000; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}

/* CONTROL PANEL BOXES */
#controlpanelbuttons a {color: #HEX HERE;
border-color: #ffffff;
border-style: solid;
background-image: url(URL OF IMAGE HERE);
background-color:TRANSPARENT;}

#controlpanelbuttons a:link {color: #HEX HERE;
border-color: #HEX HERE;
border-style: solid;
background-color: TRANSPARENT;
background-image: url(URL) OF IMAGE HERE;
background-attachment: fixed;
background-repeat: repeat;
background-position: center;}

#controlpanelbuttons a:visited {color: #HEX HERE;
border-color: #ffffff;
border-style: solid;
background-color: TRANSPARENT;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;}

#controlpanelbuttons a:hover {color: #HEX HERE; border-color: #HEX HERE; background-color: TRANSPARENT;}

/* PHOTO GALLERY */
.photos { /*box*/
background-color: TRANSPARENT;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
border-color: #HEX HERE;
border-style: none;
border-width: 0px;}


/* ONE COLLUMN FRIEND LIST */
.friends div .boxcontent {
  width: 100%;
  text-align: center;
  margin-left: 5px;
}
.friends .flogrid75 {
  text-align: center;
  width: 75px;
}
.friends div .viewall a {
  text-align: center;
  width: 100%;
  padding-left: 5px;
}

/* MORE ABOUT ME */
.moreabout { /*box*/
background-color: TRANSPARENT;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
border-color: #HEX HERE;
border-style: none;
border-width: 0px;
}

/* TESTIMONIAL BOX */
.testimonials div div .dtd{width:100%;}
.testimonialscomments { /*box*/
background-color: TRANSPARENT;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border-color: #HEX HERE;
border-style: solid;
border-width: 1px;
}

/* MEDIA BOX */
.scrapbook { /*box*/
background-color: TRANSPARENT;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top right;
border-color: #HEX HERE;
border-style: solid;
border-width: 1px;
}

/* CENTER PROFLIE INFO */
.controlpanel ul.data li {
text-align:center;
}

/* CENTER MASTER HEADER TEXT */
.commonbox h1, .commonbox h2 { /*header*/
background-color: TRANSPARENT;
text-align:center;
color: #HEX HERE;
}

/* FIRST MAIN TABLE */
table#flo_wrapper {
margin: 20px auto 20px auto;
border: TRANSPARENT;
border-style: solid;
border-width: 1px;
background: #HEX HERE;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
}

/* SECOND MAIN TABLE */
table#flo1t {
background: #000000;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
padding: 30px;
margin: 5px 5px 5px 5px;
border: #HEX HERE;
border-style: solid;
border-width: 1px;
}

/* PUBLIC COMMENTS */
#publiccomments_1_7 {
background-color: TRANSPARENT;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
border-color: #HEX HERE;
border-style: solid;
border-width: 1px;}

/* "SCROLLING BOXES" */
/* SCROLLING MORE ABOUT ME BOX */
#content_6 {
  padding: 2px 2px 2px 2px;
  overflow: auto ! important;
  width: 100% ! important;
  height: 360px ! important;
}

/*BOX PUBLIC COMMENTS*/
.publiccomments div div .dtd ul {
padding : 2px 2px 2px 2px;
overflow : auto;
border : 1px groove #HEX HERE;
width : 330px;
height : 105px;
text-align : left;
font-weight : normal;
-moz-border-radius: 7px;
}

.publiccomments div div .dtd ul:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; height: 100%; min-height: 80px }

/* SCROLLING PUBLICCOMMENTS BOX */
#content_18 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 400px;
}

/* SCROLLING MEDIA BOX */
#scrapbook_1_8 {
padding: 2px 2px 2px 2px; overflow: auto; border: 0px none #HEX HERE; width: 500px; height: 200px;
}


/* REVERSE TABLES */

/* REVERSE */
.friends { float: right !important; position:relative;left:1px; }
#ads_2_3 {float: right !important; position:relative;left:1px;}
.fanof { float: right !important; position:relative;left:1px; }
.l.ltd{position:relative;right:1px;}

/* PERSONALIZED UPDATE BOX */
.user_tracker {
font-size:10px;
font-family:Trebuchet MS;
font-weight:none;
color:green;
background-color: TRANSPARENT;
background-image: url(URL OF IMAGE HERE);
background-attachment: fixed;
background-repeat: repeat;
background-position: center venter;
border: #HEX HERE;
border-style: solid;
border-width: 1px;
}

.user_tracker a {
font-size:10px;
font-family:Times New Roman;
font-weight:none;
color:red;
background-color: #fHEX HERE;
background-image: url(URL_OF_IMAGE_23x23px);
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
border: #HEX HERE;
border-style: solid;
border-width: 1px;
}

.user_tracker a:link {
font-size:10px;
font-family:Times New Roman;
font-weight: none;
color:white;
}

.user_tracker a:visited {
font-size:10px;
font-family:Times New Roman;
font-weight:none;
color:green;
}

.user_tracker a:hover {
font-size:10px;
font-family:Times New Roman;
font-weight:none;
color:red;
}


/* RESIZE PHOTO AND REMOVE WHITE BACKGROUND */


/* FriendsterMagic - resize photo and removed white bground */
.photos.flogridp {margin-left:10px;margin-right:0px;width:200px;}
.photos.flogridp .ir img {width:200px !important;height:150px !imporant;border:none;}
.photos.flogridp .ir {width:200px !important;height:150px !imporant;margin-top:5px;background-color:transparent;}
.flogridp .flogriditem {background:none;}


/* RESIZE AND CENTER FRIENDS PHOTO */

/* FriendsterMagic - center friend photo */
.friends.flogrid75 {margin-left: 0px;padding-right:0px !important;width:0px;}
.friends.dr {display: ;}

/* IMAGE EFFECTS */
a:hover img {
  filter:ff0000;
}
img {
  filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}
/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
  background-image:url(background-image: url(URL) OF IMAGE HERE;);
}
a:hover img {
  background-image:url(background-image: url(URL) OF IMAGE HERE;);
  filter:none;
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.0;
  filter: alpha(opacity=0);
  margin: 0 auto;
}
.imgblock200 a:hover  {
  background-image: url(URL OF IMAGE HERE);
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  margin-bottom: 5px;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
  text-align: center;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  text-align: center !important;
}

/* BULLETS MAIN */
.controlpanel .q {
background: url(URL) no-repeat center left;
padding: 0 0 0 25px;}

/* BULLETS MORE ABOUT */
.usercontent .q{
background: url(URL) no-repeat left;
padding: 0 0 0 16px;}

/* REMOVE HORIZONTAL SCROLLBAR */
body {
  overflow-x: hidden;
}

/* RECENT VISITOR */
#spawnpic img {
height: 100px;
width: 100px;
border: 0px #FFFFFF none;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#spawnpic a:hover img {
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
}

/* SHOUTOUT BOX AND FONT */
#mainnav {display:none!important;}
.somsg { background-image:url('none') !important;  color:#ffffff ; background-color:TRANSPARENT ! Important; }
.so {background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
.soc { background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
#delShoutoutForm {background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
.divider { background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
.sol {background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
.sob { background-image:url('none') !important;  background-color:TRANSPARENT ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:TRANSPARENT ! Important }
.ir { background-image:url('none') !important;  background-color:TRANSPARENT ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:TRANSPARENT ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:TRANSPARENT ! Important }

/* TESTIMONIALS IMAGES */
.commonbox .imgblock75 { background-image:url(URL); width:100px; height:75px;
background-attachment:fixed;
background-position:center; background-repeat:repeat; margin:0px;0px;20px;0px; }

/* PHOTOBLOCKS */
.ir { background-image:url(URL); width:100px; height:75px;
background-attachment:fixed;
background-position:center; background-repeat:repeat; margin:0px;0px;20px;0px; }

/* 'HIDE AND REMOVE' */
/* REMOVE TOP BANNER */
.banner_ad_fix{display:none;}

/* HIDE GOOGLE ADS */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* HIDE REPORT ABUSE */
.reportabuse{display:none;}

/* HIDE FEATURED SPONSOR */
#marketing_bg{display:none;background:transparent;}

/* HIDE FEATURED FRIENDS */
.friends {display:none!important;}

/* HIDE GROUPS */
.groups {display:none!important;}

/* HIDE FANS OF */
.fanof {display:none!important;}

/* HIDE MEDIA BOX */
.scrapbook {display:none!important;}
Back to top Go down
View user profile http://drebro-layouts.darkbb.com
 

Compilation of CSS Codes

View previous topic View next topic Back to top 
Page 1 of 1

Permissions of this forum:You cannot reply to topics in this forum
Dre Brotherhood Layouts :: Tricks and Tutorials :: Creating a CSS(cascading style sheet).-
Post new topic   Reply to topic