WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 I need these colors changed on Mon Apr 05, 2010 9:15 pm

Krazy


Registered Member
Registered Member
Can someone make this CSS a darker CSS please?

Code:
/*______________REUSABLE CODE FOR ALL PAGES_______________*/
body{background:url(/common/images/bg_top_repeat.jpg) #fff repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px}
body#learnmoreBody {background:url(/common/images/bg_top_repeat.jpg) #fff repeat-x 0 -35px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding: 10px;}
   a:hover{text-decoration:none}
   input{font-family:Arial, Helvetica, sans-serif}
   p, ul, ol{font-size:1.2em}
   p a{color:#2762BF}
   
   .background_white{background:#fff!important}
   .blue{color:#2762BF!important}
   .bold{font-weight:bold}
   .clr{clear:both}
   .delete_border{border:none!important}
   .delete_right{border-right:0!important}
   .delete-top{border-top:none!important}   
   .displayNone, .hide{display:none}
   .float_left{float:left}
   .float_right{float:right}
   .font08{font-size:.8em!important}
   .font10{font-size:1em!important}
   .font12{font-size:1.2em!important}
   .font13{font-size:1.3em}
   .font14{font-size:1.4em!important}
   .font15{font-size:1.5em!important}
   .font16{font-size:1.6em!important}
   .font18{font-size:1.8em!important}
   .hide_text{visibility:hidden}
   .lnheight125{line-height:1.25em!important}
   .lnheight19{line-height:1.9em!important}
   .lnheight23{line-height:2.3em!important}
   .lnheight25{line-height:2.5em!important}
   .lnheight49{font-size:1.15em!important; line-height:4.9em!important}
   .nobullets{list-style:none outside!important}
   .no_underline{text-decoration:none!important}
   .m0auto{margin:0 auto!important}
   .mar10{margin:10px !important}
   .mb0{margin-bottom:0!important}
   .ml10{margin-left:10px!important}
   .ml14{margin-left:14px!important}
   .ml30{margin-left:30px!important}
   .mr15{margin-right:15px}
   .ml223{margin-left:223px!important}
   .mt05{margin-top:5px}
   .mt10{margin-top:10px!important}
   .mt20{margin-top:20px!important}
   .mt27{margin:31px 0 0} /*site builder right side fix to align tops of blocks  --  PS FIX THIS LATER shouldn't be 27 if it's 31*/
   .mt36{margin-top:36px}
   .mt50{margin-top:50px}
   .pad0{padding:0!important}
   .red{color:#ee222d!important}
   .txt_center{text-align:center}
   .txt_left{text-align:left}
   .txt_right{text-align:right}
   .white{color:#fff!important}
   .width210{width:210px}
   .width600{width:600px}
   
   .preview_images { display: block; border: 1px solid #292929; }
   
   .adspace{background:#dddace; height:110px; margin:20px auto 0; width:830px}
   .adspace_sidebar{background:#fffae5; border:1px solid #859950; height:140px; margin:15px auto 0; width:190px}
   
   .intro_text{color:#515151; font-size:1.3em; line-height:1.4em; margin:-10px 0 10px; padding:0 20px 0 12px}
   
   img.img_margin-right{border:2px solid #515151; float:left; margin:0 15px 15px}
   img.img_margin-left{border:2px solid #515151; float:right; margin:0 15px 15px}

/*______________NAVIGATION TOOLBAR & HEADER CSS_______________*/
#site_navigation{border-left:1px #000 solid; border-right:1px #6e6d62 solid; height:29px; margin:0 auto; width:970px}
   #site_navigation li{float:left; height:29px; list-style:none outside; width:162px}
   #site_navigation li div{border-left:1px #6e6d62 solid; border-right:1px #000 solid; height:29px; line-height:2.2em; text-align:center}
   #site_navigation li a{color:#fff; display:block; font-size:1.1em; font-weight:bold; height:29px; text-decoration:none; width:auto}
      #site_navigation li a:hover, #site_navigation li.page_selected{background:url(/common/images/rollover_btn_top_nav.jpg) repeat-x}
   .extend_site_navigation{width:160px!important} /*this makes the final tab a bit larger to make up for a pixel or two of extra space in the nav bar */

#header{margin:20px auto 0; width:970px}
   #header li, #footer li{list-style:none outside}

   #logo{float:left; margin:-10px 0 0 20px; width:275px}
      #logo h1{line-height:.25em} /*fixes line-height spacing from hidden text in logo*/

/*______________LOGGED IN/OUT CSS_______________*/
   /* logged in only css */
   #header_callbox_IN{background:url(/common/images/bg_login_bg-repeat.jpg) repeat-y; float:right; height:100px; padding:10px 10px 0 10px; position:relative; top:-6px; width:200px}
         #header_callbox_IN .RIGHT_b{background:url(/common/images/bg_login_right_bottom.jpg) no-repeat; height:23px; position:relative; right:-144px; top:-67px; width:68px}
         #header_callbox_IN .RIGHT_t{background:url(/common/images/bg_login_right_top.jpg) no-repeat; height:65px; position:relative; right:-219px; width:48px}   
         #header_callbox_IN .callbox_content{color:#515151; height:27px; left:-36px; position:relative; top:-67px; width:258px; z-index:2}
               .callbox_content h3{display:inline-block; font-size:1.4em; line-height:1.6em; margin:2px 0 4px 0}
                  .callbox_content h3 a{ color:#5e6f30; display:inline-block; height:24px; padding:0; margin-right: 10px; }
                  
                  .callbox_content h3 a.rss { background:url(/common/images/icons_rss.jpg) no-repeat 0 -22px;  color:#5e6f30; display:inline-block; height:24px; width: 22px; padding:0; margin-right: 10px; text-indent: -5000px; }
                  .callbox_content h3 a:hover.rss { background:url(/common/images/icons_rss.jpg) no-repeat 0 0;  }

               .callbox_content ul.followUs{margin:5px 0 0}
                  .callbox_content ul.followUs li{float:left; margin:-2px 8px 0 0}
                     .callbox_content ul.followUs li.title{font-size:1.2em; font-weight:bold; line-height:1.1em; margin:0 10px 0 0}
                     .callbox_content ul.followUs li.facebook a{background:url(/common/images/icons_social_media.jpg) no-repeat -29px -22px; display:inline-block; height:22px; width:22px}
                        .callbox_content ul.followUs li.facebook a:hover{background:url(/common/images/icons_social_media.jpg) no-repeat  -29px 0;}
                     .callbox_content ul.followUs li.twitter a{background:url(/common/images/icons_social_media.jpg) no-repeat 0 -22px; display:inline-block; height:22px; width:22px}
                        .callbox_content ul.followUs li.twitter a:hover{background:url(/common/images/icons_social_media.jpg) no-repeat 0 0}
                     .callbox_content ul.followUs li.rss a{background:url(/common/images/icons_social_media.jpg) no-repeat -58px -22px; display:inline-block; height:22px; width:22px}
                        .callbox_content ul.followUs li.rss a:hover{background:url(/common/images/icons_social_media.jpg) no-repeat -58px 0}
   
   #header_callbox_IN .LEFT_b{background:url(/common/images/bg_login_left_bottom.jpg) no-repeat; bottom:44px; height:23px; position:relative; left:-55px; width:245px}
   #header_callbox_IN .LEFT_t{background:url(/common/images/bg_login_left_top.jpg) no-repeat; height:65px; position:relative; left:-55px; top:-13px; width:245px}
         
   #log_status{background:#f9f7ea; padding:6px 12px 21px; margin:-11px 0 13px -36px; width:235px}
         #log_status h1{color:#515151; font-size:1.65em; margin:0 6px 0 0}
            #log_status h1.align_right{height:18px; position:absolute; overflow:hidden; right:25px; text-align:right; top:5px; width:366px}
         #log_status a{color:#558e4b; float:right; line-height:1.7em}
                                          
   /*logged out only css */
      #header_callbox{background:url(/common/images/bg_login_bg-repeat.jpg) repeat-y; float:right; padding:10px 10px 0 0; position:relative; right:-4px; top:6px; width:352px}
         #header_callbox .RIGHT_b{background:url(/common/images/bg_login_right_bottom.jpg) no-repeat; height:23px; position:relative; right:-295px; top:1px; width:68px}
         #header_callbox .RIGHT_t{background:url(/common/images/bg_login_right_top.jpg) no-repeat; height:65px; position:relative; right:-335px; width:48px}
         #header_callbox .callbox_content{height:22px; margin:-59px 0 0; position:relative; z-index:2}
            #login_ui li{color:#666; font-size:.9em; float:left; height:23px; margin:0 0 8px; padding:0 8px 0 0}
               #login_ui li a{border-right:1px #000 solid; color:#2762BF; line-height:1.5em; padding:0 8px 0 0}
                  .login_push{line-height:1.5em; margin:0 25px 0 0}
                  input.login_txt{border:1px solid #c1c1c1; color:#666; height:20px; padding:1px 0 0 2px; width:125px}
                  input.login_btn{background:#859950; border:1px solid #c1c1c1; color:#fff; cursor:pointer; font-weight:bold; height:24px; padding-top:1px}
                  input.login_check{margin:2px 2px 0 0}      
      #header_callbox .LEFT_t{background:url(/common/images/bg_login_left_top.jpg) no-repeat; height:65px; position:relative; left:-20px; top:-13px}
      #header_callbox .LEFT_b {background:url(/common/images/bg_login_left_bottom.jpg) no-repeat; height:23px; position:relative; left:-20px; bottom:-24px}   
      
/* log in screen */
div#interior_wrapper.loading_page_wrapper{margin:60px auto 0}   
div.sub_content.loading_page{min-height:200px!important}
img.login_border{background:#000; border:2px solid #5e6f30; padding:2px}   
   
/*______________EXPANDABLE CONTENT BOXES, BUTTONS AND HEADERS_______________*/
.green_subheads{background:url(/common/images/green_left.png) no-repeat 0 -1px; float:left; margin:0; padding:0; position:relative}
.green_subheads span{background:url(/common/images/green_right.png) no-repeat right top; color:#fff; display:block; float:left; font-size:.9em; font-weight:bold; height:32px; left:15px; padding:0 22px; position:relative; text-decoration:none}

   .memberinfo .green_subheads span{font-size:.86em; line-height:2em; text-align:center; text-indent:-18px} /* change in font size & line height for the membership information pages */
   
   /*the above green-left is a sprite image, below are the classes for the different sprites for the blog/photo album icons*/   
   .ico_personal{background:url(/common/images/green_left.png) no-repeat 0 -224px!important}
   .ico_entry{background:url(/common/images/green_left.png) no-repeat 0 -40px!important}
   .ico_gear{background:url(/common/images/green_left.png) no-repeat 0 -87px!important}
   .ico_mag{background:url(/common/images/green_left.png) no-repeat 0 -182px!important}
   .ico_comment{background:url(/common/images/green_left.png) no-repeat 0 -135px!important}
   
   .builder_pg_fix{line-height:1.9em; padding-left:40px; width:210px}
   .blog_bld_fix{font-size:1em!important; line-height:2.5em!important}
   
   .site_builder_side .green_subheads{width:179px} /*these codes refer to the side bar in sections like blog builder, that need a defined width so as not to break */
   .site_builder_side .green_subheads span{line-height:2.5em; width:137px}
   
   span.blog_subhead{line-height:2.2em; padding:0 16px 0 0!important}/*for use on blog builder pages for section subheader */
      
a.blue_button{background:url(/common/images/abtn_blue_left.png) no-repeat; display:block; font-size:1.8em; font-weight:bold; height:40px; float:left; margin:0; padding:0; position:relative; text-decoration:none}
   a.blue_button:hover{background:url(/common/images/abtn_blue_left.png) no-repeat 0 -46px}
a.blue_button span{background:url(/common/images/abtn_blue_right.png) no-repeat right top; color:#fff; display:block; float:left; font-size:1em; font-weight:bold; height:40px; left:38px; line-height:2.2em; margin-left:-20px; padding:0 40px 0 0; position:relative}   

div#featured_section a.blue_button span{line-height:1.9em}   
   a.blue_button span:hover{background:url(/common/images/abtn_blue_right.png) no-repeat right -46px}    
   .webon_catalog a.blue_button span{line-height:2em}
      
a.getfree{background:url('/common/images/btn_blue_right.png') no-repeat right 0; color:#fff; display:block; font-weight:bold; height:48px; margin:13px 0 0 3px; text-decoration:none; width:188px}
   a.getfree span {background:url('/common/images/btn_blue_left.png') no-repeat; color:#fff; display:block; font-size:1.6em; font-weight:bold; line-height:1.2em; padding:5px 10px; text-align:center}
   a.getfree:hover{background:url('/common/images/btn_blue_right.png') no-repeat  right -53px}
   a.getfree:hover span{background:url('/common/images/btn_blue_left.png') no-repeat 0 -52px}
   
#content{margin:0 auto; min-height:420px; position:relative; width:968px} /*homepage content div*/
#interior_wrapper{margin:0 auto; width:970px} /*interior/sub pages wrapper div*/            
   .expanding_box{width:100%}
      .expanding_box .expanding_box_tl{background:url(/common/images/bg_content_tl.png) no-repeat; height:9px}
      .expanding_box .expanding_box_tl .expanding_box_tr{background:url(/common/images/bg_content_tr.png) no-repeat right; height:9px; margin:0 -15px 0 0} /* pull right corner back over "empty" space (from above margin) */
      .expanding_box .expanding_box_left{background:url(/common/images/bg_content_l.png) repeat-y; margin:0 6px 0 0}
      .expanding_box .expanding_box_right{background:url(/common/images/bg_content_r.png) repeat-y right 0px; margin:0 -21px 0 0}
      .expanding_box .expanding_box_bl{background:url(/common/images/bg_content_lb.png) no-repeat; height:11px}
      .expanding_box .expanding_box_bl .expanding_box_br{background:url(/common/images/bg_content_rb.png) no-repeat right; height:12px; margin:0 -16px 0 0}
         .expand_int-fix{margin-left:-5px!important}
         .expand_int-fix_tr{margin:0 -10px 0 0!important}
         .expand_int-fix_r{margin:0 -16px 0 0!important; padding-right:10px!important}
         .expand_int-fix_br{margin:0 -11px 0 0!important}
   
.sub_content_header{background:url(/common/images/sub_pages_content_top.jpg) repeat-x #fffae5; height:50px; margin:-4px 7px 0; padding:0 20px; width:927px}      
   .sub_content_header h1{background:url(/common/images/sub_page_header_left.jpg) no-repeat; float:left; font-size:2.2em; height:47px; line-height:2em; padding:0; width:auto}
      .sub_content_header h1 span{background:url(/common/images/sub_page_header_right.jpg) right 0 no-repeat; color:#fff; display:block; height:47px; padding:0 15px; white-space:nowrap; width:auto}
      
.sub_content{background:#fffae5; min-height:400px; margin:0 7px 0; padding:15px 15px 20px; width:937px}
   .sub_content a{color:#2762bf}
   .sub_content p{color:#515151; font-size:1.3em; line-height:1.3em;}

.columns{list-style:none outside; margin:0 0 0 4px; width:948px}
   .column_top{background:url(/common/images/bg_column_top.jpg) no-repeat -3px 0; min-height:340px; padding:12px 0 0 12px}   
   .columns li{background:url(/common/images/bg_column_repeat.jpg) -3px 0; float:left; line-height:2.5em; margin:0 21px 0 0; width:295px}
   .columns li a{color:#515151}
   .column_bottom{background:url(/common/images/bg_column_bottom.jpg) no-repeat -3px 0; height:32px; width:100%}
   
.management_lists{font-size:1em; list-style:inside}
   .management_lists li{background:none; color:#8faa53; padding:0 0 0 40px; width:225px}
      .column_push{margin:150px 0 0}
      .column_push205{margin:205px 0 0}

.column_top.memberinfo{min-height:258px}   
.memberinfo .management_lists li{color:#515151; line-height:1.4em; list-style:none outside; margin:10px 0 0; padding:0 0 0 20px} /* this code changes the list style & attribures for the My Account page */
   .memberinfo .management_lists li a{color:#2762BF}
   
.create_link{float:right; font-weight:bold; padding:4px 0 0 }
   
/* --- MEMBER (CPANEL) SUB-NAVIGATION BAR --- */
.member_subnav{background:url(/common/images/bg_subnav.jpg) repeat-x; border:1px #dedbcc solid; height:34px; list-style:none outside; margin:0 auto 12px; width:930px}
   .member_subnav li{border-right:1px #dedbcc solid; float:left; height:34px; text-align:center; width:154px}
   .member_subnav li.w155{width:155px}
      .member_subnav li a{color:#515151; display:block; font-size:14px; font-weight:bold; height:34px; line-height:2.6em; text-decoration:none; width:auto}
         .member_subnav li a:hover, .member_subnav li.subpage_selected{background:url(/common/images/bg_subnav_roll.jpg) repeat-x}
   
/*______________FOOTER AREA CSS_______________*/
#footer{background:#323123 url(/common/images/bg_footer_repeat.jpg) top left repeat-x; color:#d6d6d3; height:140px; margin:50px 0 0; position:relative}
   #footer_contain{margin:0 auto; width:966px}
      #footer strong{font-size:1.2em}
      #footer a{color:#becc9b}   
      #footer .footer_lists{border-left:1px #848b64 solid; font-size:1.1em; float:left; margin:20px 0 0; padding:0 0 0 10px; width:150px}
         #footer .footer_lists li{line-height:1.7em}   
      #footer .footer_contact{float:right; line-height:1.6em; margin:20px 0 0}
         #footer .footer_contact li{font-size:1em; margin:0 0 4px; text-align:right}                  
      #footer #footer_copyright_contain{background:#26251b; height:30px; position:absolute; bottom:-2px; width:100%}         
         #footer #footer_copyright{margin:0 auto; width:966px}
            #footer #footer_copyright ul{float:left; font-size:1.1em; margin:0 0 0 6px; width:318px}
            #footer #footer_copyright li{border-right:1px solid #848b64; float:left; margin:10px 0 0; padding:0 5px}

/*______PAGE SPECIFIC CSS__________________________________________________________________________________________________________________________________*/   
/*______Control Panel CSS______*/
#migration-error div.holder{background:#FEF2C3; border:2px solid #e9d277!important; color:#515151; margin:0 0 8px; padding:10px; position:relative}
   #migration-error div.holder h2{color:#c71300!important;font-size:1.6em; line-height:1.2em; margin-bottom:5px}
   #migration-error div.holder p{font-size:12px}
      #migration-error div.holder p a{font-weight:bold}
   #migration-error div.holder a.close{font-size:12px; font-weight:bold; position:absolute; right:10px; top:10px}

ul.cp_columns{font-size:10px!important; margin:0 0 0 3px}
   .cp_columns {color:#515151}
      .cp_columns a{color:#2762bf}
      .cp_columns li{list-style:none outside}
      .cp_columns li h2{color:#5e6f30; font-size:1.8em}
      .cpsides{width:234px}
      .cpsides p{margin-top:5px; line-height:1.55em}
          div.cp_sides_top{background:url(/common/images/cp/bg_slim_column-top.jpg) no-repeat 0 -1px; padding:15px 0 0; width:233px}
         div.cp_sides_repeat{background:url(/common/images/cp/bg_slim_column-repeat_y.jpg) repeat-y; margin:0 auto; text-align:center; width:auto}
         div.cp_sides_bottom{background:url(/common/images/cp/bg_slim_column-bottom.jpg) no-repeat; height:33px; width:auto}
         div.cp_sides_WRAP{margin:0 auto; width:195px}
            div.cp_sides_WRAP p{font-size:1.2em}
            div.cp_sides_WRAP .domain_input{margin:3px 0 0 -4px; width:200px}
            div.cp_sides_WRAP .domain_input .search_txt{height:19px; width:80px}
            .info_box{background:#fff; border:#b4bc99 1px solid; margin:10px auto; padding:10px}
            .info_box p{padding:0 0 10px; text-align:center}
            .info_box hr{margin:10px 0; height:1px}
               .info_box .nomargin{margin:0}
               .info_box strong{display:block; font-size:1.3em; text-align:left}
               .info_box div.guage{background:url(/common/images/cp/status_bar.jpg) no-repeat; border-right:#808080; height:12px; margin:4px auto; padding:0 1px; text-align:left; width:100px}
                  .info_box div.guage div.ds, .info_box div.guage div.bw, .info_box div.guage div.ea{background:url(/common/images/cp/status_bar_fill.jpg) repeat-x; height:12px; margin:0}
               
            div.cp_sides_top img.cilogo{margin:0 auto 4px; width:165px}
            .new_call{display:block; font-size:1.4em; line-height:1.5em; margin:6px 0 0}
            span.survey{background:url(/common/images/cp/clock.png) no-repeat; display:block; font-size:1.4em; height:34px; line-height:2em; margin:13px auto 0; text-align:right; width:138px}
            div.survey_bottom{background:url(/common/images/cp/bg_slim_column-bottom.jpg) no-repeat 0 -8px; height:25px; margin:0 0 8px}
         
            .suggested li{float:none; line-height:1.25em; margin:0 0 8px; text-align:left}
               .suggested li a{font-weight:bold}
      .cpmid{width:465px}   
         .cpmid ul{font-size:1.1em; margin:10px 0 20px}
            .cpmid ul.last{margin-bottom:0}
            .nomarginb{margin-bottom:0!important}
               .nomarginb li.btns{padding:0 5px}
         .cpmid li{background:url(/common/images/cp/bg_mid_list.jpg) repeat-x; border:1px solid #d1d1d1; display:block; height:29px; padding:0 2px 0 5px; width:auto}
         
         .general_msg{background:#fef2c3; border:1px solid #e9d277; margin:0 auto 15px; padding:10px; width:419px}
            .general_msg h3{font-size:1.4em; line-height:1.2em; margin:0 4px 0 0}
         
         .message_center{background:#dce7e6; border:1px solid #93b3ce; margin:0 auto 15px; padding:10px; width:419px}
            .message_center h3{font-size:1.4em; line-height:1.2em; margin:0 4px 0 0}
            .message_center .number{background:url(/common/images/cp/bg_new_msg_left.jpg) no-repeat; float:left; font-size:1.1em; height:19px; line-height:2.05em; margin:-3px 5px 0; padding:0; width:auto}
               .message_center .number span{background:url(/common/images/cp/bg_new_msg_right.jpg) right 0 no-repeat; color:#fff; font-weight:bold; display:block; height:19px; padding:0 14px 0 11px; white-space:nowrap; width:auto}
         .cpmain_top{background:url(/common/images/cp/mid_top.jpg) no-repeat; margin:0 auto 5px; padding:15px 0 0}
         .cpmain_repeat{background:url(/common/images/cp/mid_repeat.jpg) repeat-y; margin:0 auto; width:452px}
         .cpmain_bottom{background:url(/common/images/cp/mid_bottom.jpg) no-repeat; height:32px; margin:0 auto}
         .cpWRAP{margin:0 auto; width:415px}
         .warning{background:url(/common/images/cp/bg_warning.jpg) repeat-x!important}
         
         .allgreen{background:url(/common/images/cp/bg_nominal.jpg) repeat-x!important}
            
         .cp_error li, .cp_allgreen li, .cp_blog_list li, .cp_photo li, .cp_blog li, .cp_wsm li, .cp_msb li, .cp_md li{background:none; border:none; float:left; line-height:2.7em; margin:-10px 0 0}
            li.icon{height:29px; width:20px}
               .cp_photo li.icon{background:url(/common/images/cp/icons_cp.png) no-repeat -3px 0}
               .cp_blog li.icon{background:url(/common/images/cp/icons_cp.png) no-repeat -168px 0}
               .cp_md li.icon{background:url(/common/images/cp/icons_cp.png) no-repeat -41px 0}
               .cp_msb li.icon{background:url(/common/images/cp/icons_cp.png) no-repeat -241px -1px}
               .cp_wsm li.icon{background:url(/common/images/cp/icons_cp.png) no-repeat -205px 0}         
               .cp_error li.icon{background:url(/common/images/cp/icon-warning.jpg) no-repeat}   
               .cp_allgreen li.icon{background:url(/common/images/cp/icon_nominal.jpg) no-repeat}   
               .cp_blog_list li.icon a{background:url(/common/images/icons_social_media.jpg) no-repeat -58px -23px; display:inline-block; height:22px; margin:4px 0 0 -3px; width:22px}
                  .cp_blog_list li.icon a:hover{background:url(/common/images/icons_social_media.jpg) no-repeat -58px -1px}
            li.date{font-weight:bold; margin-right:5px}
            li.name{line-height:2.6em}
            li.btns{float:right}
            li.btns img{padding:0 2px; height:29px; width:23px}
               img.addnew{background:url(/common/images/cp/icons_cp.png) no-repeat -386px -1px}
               img.manage{background:url(/common/images/cp/icons_cp.png) no-repeat -124px -1px}
               img.view{background:url(/common/images/cp/icons_cp.png) no-repeat -276px -1px}
               img.edit{background:url(/common/images/cp/icons_cp.png) no-repeat -302px -1px}
               img.delete{background:url(/common/images/cp/icons_cp.png) no-repeat -327px -1px}
               img.upload{background:url(/common/images/cp/icons_cp.png) no-repeat -353px -1px}   
               
            a.btn_instant_site{background:url(/common/images/btn_isite_builder.png) no-repeat; color:#fff; display:inline-block;
                           float:left; font-size:1.2em; font-weight:bold; height:30px; line-height:2.2em; margin:10px 0 0; padding:0 10px; text-decoration:none; width:165px}
               a.btn_instant_site:hover{text-decoration:underline}
            p.instant_site_info{float:left; line-height:2em; padding:12px 0 0 4px}
                           
   /*___GET PHP CSS___*/
      ul.applist li{font-size:1.3em; margin:0 0 5px 20px; text-align:left}
   
               
/*______BLOG BUILDER & PHOTO ALUBM CSS_____*/
   .blog_contain{background:#fff; border:1px solid #8faa53; margin:0 0 0 14px; width:95%}
      .blog_contain p.blog_description{padding:0 10px}
   
   .learnmore{font-size:1.4em; float:right; line-height:2em; margin:0 5px 15px 0}

   #menu{min-height:340px}
      #menu, #menu ul{list-style:none outside}
         #menu li{margin:0}
      #menu a{display:block; margin:0 0 10px; text-decoration:none}
   .arrow{float:right; margin:0 -9px 0 0; padding:10px 0 0}
      
   .blog_builder_lists{margin:0 0 20px}
   .blog_builder_lists li{font-size:.8em; list-style:none outside; margin:10px 0; text-align:center}
      .blog_builder_lists a{color:#515151; text-decoration:underline!important}
   
   .blog_preview{padding:10px}
      .blog_preview h3{font-size:1.4em}
      .blog_preview p{margin:5px 0!important}
   .posted_entries{background:#8faa53; color:#fff; font-size:1.3em; height:26px; line-height:1.8em; padding:0 10px}
      .posted_entries h3{padding:2px 0 0}
      .posted_entries div{float:right}
   .orange_head{background:url(/common/images/bg_orange.jpg) repeat-x; border-top:1px solid #8faa53; border-bottom:1px solid #8faa53; font-size:1.3em; height:26px; line-height:1.8em; padding:0 10px}
      .orange_head span{font-weight:normal}
      
   .blog_preview h3.orange_head{font-size:1.3em; height:23px; line-height:2em; margin:-10px -10px 5px -10px}
   
   .blog_preview ul.comments{list-style:none inside; margin:10px 0 20px}
      .blog_preview ul.comments li{margin:0 0 7px 10px}
      
      div#submission_area{float:right; margin:10px 37px 0 0}
         div#submission_area input, .create_cancel input{border:none; color:#fff; cursor:pointer; display:inline-block; font-size:1.3em; font-weight:bold; height:30px; padding:0 0 2px; text-align:center}
            div#submission_area .blue_button, .create_cancel input.blue_button{background:url(/common/images/btns_create_cancel.jpg) no-repeat; margin:0 2px 0 0; width:124px}
            div#submission_area .cancel_button, .create_cancel input.cancel_button, button.cancel_button{background:url(/common/images/btns_create_cancel.jpg) no-repeat -131px 0; width:109px}
      
   ul.blog_create_and_edit{list-style:none inside; margin:10px; width:620px}
      ul.blog_create_and_edit li{color:#515151; margin:10px 0}
      ul.blog_create_and_edit li label{display:inline-block; margin:0 10px 0 0; text-align:right; width:97px}
         ul.blog_create_and_edit li span.mceEditorContainer{float:right; margin:0 20px 0 0}
         
      ul.blog_create_and_edit.blog_selection li{background:#fffae5; border:1px solid #8faa53; margin:5px 0; padding:4px 0 5px; width:95.5%}
   
   .previous_next_blog{margin-left:14px!important}
   
   .blog_list_checkarea{border-right:none!important; clear:left; height:20px; float:left; width:35px!important}
   .blog_list_column1{border-right:none!important; float:left; height:20px; line-height:1.9em; padding:4px 10px 5px!important; width:215px!important}
   .blog_list_column2{float:left; font-weight:bold; height:20px; line-height:1.9em; padding:4px 5px 5px!important; width:300px!important}
   
      .manage_buddypage_list_holder{background:#FFFAE5; border:#8FAA53 1px solid; margin:5px 0 0 30px; width:545px}
      .manage_buddypage_list{border:none!important; float:left; padding:4px 10px 5px!important; width:215px!important}
         .manage_buddypage_list p{padding:0!important}
      .manage_buddypage_list_col2{border:none!important; border-left:#8FAA53 solid 1px!important; float:left; font-weight:bold; line-height:1.9em; width:300px!important}
         .manage_buddypage_list_col2 p{margin:2px 2px 2px 0!important}
   
   .blog_mod_comments_link{color:#fff!important; font-size:.8em}
   
   .blog_page_indicator{float:right; font-size:1.2em; padding:22px 10px 0 0}
   
   .blog_template-style_holder{border:1px solid #6b68a9; height:300px; overflow:auto; margin:5px auto; width:94%;}
   
   .blog_template-selected_holder{border:1px solid #6b68a9; padding:7px; overflow:auto; margin:5px auto; width:94%}
   
   .tmpl{float:left; font-weight:bold; margin:2px 0 2px 25px; width:115px}
   
   .settings_column_containers{border-bottom:solid 1px #8FAA53}
      .settings_column_containers.last-div{margin:0 0 10px}
         .settings_column_containers.hidden_margin_fix{margin:-10px 0 10px}
      .settings_left_column{float:left; padding:10px 0 10px 10px; width:190px}
         .highlights{background:#fffae5}
            .settings_left_column span, .settings_right_column span{font-size:1.3em; font-weight:bold}
            .settings_left_column p, .settings_right_column p{font-size:1.1em!important; margin:0!important}
         
      .settings_right_column{background:#fff; border-left:solid 1px #8FAA53; float:left; min-height:40px; padding:10px 0 10px 10px; width:404px}
      
   .more_blog_options{padding:10px 0 0 15px}
      .more_blog_options a{background:url(/common/images/btns_create_cancel.jpg) no-repeat; color:#fff!important; display:inline-block; font-size:.9em; font-weight:bold; height:21px; padding:6px 0 4px 11px; width:113px; text-decoration:none}
      
      #overwrite{height:13px; margin-left:10px}

/* rewrites to classes being referenced in blogcfg.css     */
#tab{border-left:1px solid #8FAA53!important; border-right:1px solid #8FAA53!important}
.rule{border-bottom:1px solid #8FAA53!important;}
#tab th{background:#8FAA53!important; font-weight:bold}
.bloginfo{background:#eef4d8!important}

/* rewrite to code in manage.css & blogcfg.css */
.row_highlighted, .bloginfoselect{background:#fff!important}

/* overwrites css from manage.css and album.css */
.fixedTable{width:100%!important}
   .fixedTable td{border-bottom:1px solid#8faa53}
table.frame{background:#8FAA53!important; margin:0 auto}
.purpleBoxNoPad{background:#EEF4D8; border:1px solid #8FAA53!important; border-bottom:none!important; margin:0 auto 10px; width:888px}
.customizeHeading{background:#EEF4D8!important; border-bottom:1px solid #8FAA53!important; border-right:1px solid #8FAA53!important}
table.configBorder{border-right:none!important; border-left:none!important; border-top:1px solid #8FAA53; margin-top:-15px}
td.customizeRow{background:#fff; border-bottom:1px solid #8FAA53}

/*photo album css */
table.upload_box{background:#FFFAE5; border:1px solid #8FAA53; float:left; margin:5px 1px 5px; height:111px; float:left; padding:4px; position:relative; width:298px}

.field_title{font-size:10px; font-weight:bold; margin-right:2px}

.editbox_caption, .editbox_upload, .editbox_title{background:#fff; font-size:10px; margin:0 8px 0 0; width:172px}
   .editbox_caption{font-family:arial, sans-serif; height:40px}
   
div.component{margin:0 0 5px}
   

strong.photo_title{display:inline-block; margin-right:10px; text-align:right; width:70px}
input.photo_input_links{width:280px}

.photo_help_links{float:left; font-size:12px; padding:4px 10px; width:190px}
   .photo_help_links h2{font-size:14px!important; margin:5px 0 3px -3px!important}

/* ______________________ originally from photo album's edit.css ______________________ */
.item_block{background:#eef4d7!important; float:left; margin:0 10px 10px; padding:5px; position:relative; width:260px}
   .item_block td{padding:2px}

.editbox_caption, .editbox_title{font-size:10px; width:125px}
   .editbox_caption{height:50px}

/* ______________________ end originally from photo album's edit.css ______________________ */

/* old blog classes for customize blog stylesheet section */
.notelinklist div.notelink{font-size:12px; margin:0 0 10px}
.note-section{font-size:14px; font-weight:bold; margin:5px 0; text-transform:uppercase}

/*______TRIPOD CLASSIC______*/
.classic_tools_list{list-style:none outside}
      .classic_tools_list li{line-height:1.3em; margin:0 0 3px; padding:5px 0 3px; text-align:center}
         .classic_tools_list a{color:#454545}

.classic_directory{}
   .classic_directory h2{clear:left; font-size:1.8em!important;}
      .classic_directory h2 a{color:#5E6F30}
      
      .classic_directory_column_left ul, .classic_directory_column_right ul{margin:0 0 40px 10px}
      .classic_directory_column_left ul li, .classic_directory_column_right ul li{float:left; font-size:1.2em; list-style:none inside}
      
         .member_directory_site_lists li{font-size:1.2em; list-style:none inside; margin:0 0 7px 14px}
      
   div.classic_directory_column_left{float:left; margin:0 0 0 30px}
   div.classic_directory_column_right{float:left; margin:0 0 0 60px}
   
.classic_directory span.blog_subhead{line-height:1.9em}
            
/*______SITE BUILDER CSS______*/               
      .site_build{padding:0 10px; width:674px}      
         .site_build h2{color:#292929; font-size:2.4em; margin:0 0 6px 10px}   
            .large_green_repeat{background:url(/common/images/bg_g_repeat.jpg) repeat-y; margin:0 0 0 -7px; width:684px}
               .large_green_repeat p{color:#515151; font-size:1.3em; line-height:1.4em; margin:0 0 15px; padding:0 16px}
               .large_green_repeat .tryit{display:block; font-size:18px; font-weight:bold; padding:0 0 15px; text-align:center}
               .large_green_repeat a{color:#2762bf}
               img.pad-right{padding:0 10px 0 0}
               img.pad-left{padding:0 0 0 10px}         
            .large_green_top{background:url(/common/images/bg_g_top.jpg) no-repeat 0 -4px; padding:18px 18px 11px; width:auto}   
               .webonbuild{height:335px}
               .weboninstant{height:280px}
               .weboninstant a.blue_button span{line-height:2em}
               .instant_OL{color:#515151; font-weight:bold; line-height:1.25em; list-style:inside; margin:0 0 10px 20px}
                  .instant_OL li{margin:0 0 10px}
            .large_green_bottom{background:url(/common/images/bg_g_bottom.jpg) no-repeat 0 -7px; height:27px; margin:0 0 10px -7px; width:684px}   
            
            .or{color:#515151; margin:0 12px 0 47px}
            
            .site_builder_side{line-height:1.25em; text-align:left}
               .site_builder_side h3{background:url(/common/images/bg_sitebuild_h3.png) no-repeat; color:#fff; font-size:1.6em; height:31px; line-height:2em; margin:0 0 8px 3px; text-align:center; width:188px}
               .site_builder_side p{line-height:1.2em; padding:0 0 5px}
               .site_builder_side strong.users {display:block; font-size:1.2em; font-style:italic; padding:0 0 8px; text-align:right}
               .quick_facts{list-style:none outside}
                  .quick_facts li{background:url(/common/images/list-check.png) no-repeat; line-height:1.3em; margin:0 0 3px; padding:5px 0 3px 25px}
               div.quick_facts_bottom{background:url(/common/images/cp/bg_slim_column-bottom.jpg) no-repeat 0 -8px; height:25px; margin:0 0 20px}
               .quick_facts_sub{margin:3px 0 0}                  
                  .quick_facts_sub li{background:none; font-size:.8em!important; list-style:disc; margin:0 0 0 15px; padding:0}
                  
            ul.sitebuild_stylenav{background:url(/common/images/site_build_ind.png) no-repeat; float:right; height:17px; list-style:none outside; padding:3px 4px 0 7px}   
               ul.sitebuild_stylenav li{float:left; margin:0 1px 0 0}
               ul.sitebuild_stylenav a{display:block; height:14px; width:14px}
                  ul.sitebuild_stylenav a:hover{background:url(/common/images/site_build_ind.png) no-repeat -7px -24px}
               
         .webon_catalog{color:#515151; font-size:1.1em; line-height:1.75em; padding:0 0 0 25px; position:relative}
         
         .webon_catalog .slider-wrap{width:600px}
         
         ul.webon_slider_pages{float:right; list-style:none outside; margin:0 47px 15px 0; width:515px}
            ul.webon_slider_pages li{float:left; margin:0 5px 0 0}
         
         ul.webon_style_list{list-style:none outside; margin:15px 0 15px 10px; width:600px}
            ul.webon_style_list li{border:3px solid #859950; float:left; height:90px; margin:0 15px 15px 0; width:120px}
               ul.webon_style_list li a{border:0; display:block; height:90px; width:120px}
               
         .webon_catalog div.styles_preview_block{background:url(/common/images/styles_box_mid.jpg) repeat-y; height:auto; padding:20px 25px; position:absolute; right:22px; top:53px; width:259px}
            .styles_preview_block_top{background:url(/common/images/styles_box_top.jpg) no-repeat; height:16px; left:-25px; position:relative; top:-24px; width:308px}
            .styles_preview_block_bottom{background:url(/common/images/styles_box_bottom.jpg) no-repeat; height:42px; left:0; position:absolute; width:308px}
   
     .style_navigation{position:absolute!important; right:0!important; top:0; width:486px!important; z-index:3333}
    
     .styleviewer_body iframe{background:#000; min-height:400px; width:100%; position: absolute; top:31px; bottom:0; left:0; right:0; height:100%; min-height:100%!important;}
     .styleviewer_body{overflow:hidden}
    
     .sample_example{margin:0 30px 0 0}
     .sample_example img{border:3px solid #515151; margin:15px 0 0; width:250px}
   

/* SITE BUILDER - SLIDER CODE */
   .large_green_top div.slider-wrap{margin:10px 0 15px; position:relative; width:99%} /* This div is for getting the side arrows vertically centered */

   /* These 2 lines specify style applied while slider is loading */
   .csw{height:460px; overflow:hidden; width:100%}
      .csw .loading{margin:200px 0 300px 0; text-align:center}

   /* This is the viewing window */
   .large_green_top div.slider-wrap .stripViewer{clear:both; height:160px; margin:auto; overflow:hidden; position:relative; width:550px} /* Also specified in .stripViewer .panelContainer .panel  below */
      .large_green_top div.slider-wrap .stripViewer .panelContainer{list-style-type:none; position:relative; left:0; top:0; width:550px} /* container used to house your end-to-end divs. Width is calculated and specified by the JS */
         .large_green_top div.slider-wrap .stripViewer .panelContainer .pane{ /* Each panel is arranged end-to-end */ float:left; position:relative;  width:550px} /* Also specified in  .stripViewer above */
         
   .large_green_top div.slider-wrap .stripNavL{background:url(/common/images/build_arrows.png) no-repeat; left:0; top:70px; width:18px}
   .large_green_top div.slider-wrap .stripNavR{background:url(/common/images/build_arrows.png) no-repeat right; right:0; top:70px; width:18px}
   .large_green_top div.slider-wrap .stripNavL a, .large_green_top div.slider-wrap .stripNavR a{background:none}
   
   /*webon catalog version of slider */
   .webon_catalog div.slider-wrap .stripViewer{clear:both; height:457px; left:0; margin:auto auto auto 0; overflow:hidden; position:relative; width:610px} /* Also specified in .stripViewer .panelContainer .panel  below */
      .webon_catalog div.slider-wrap .stripViewer .panelContainer{list-style-type:none; position:relative; top:0; width:100%} /* container used to house your end-to-end divs. Width is calculated and specified by the JS */
         .webon_catalog div.slider-wrap .stripViewer .panelContainer .pane{/* Each panel is arranged end-to-end */ float:left; position:relative; overflow:hidden; width:610px} /* Also specified in  .stripViewer above */
   
   .webon_catalog div.slider-wrap .stripNavL{background:url(/common/images/build_arrows.png) no-repeat; left:37px; top:495px; width:18px}
   .webon_catalog div.slider-wrap .stripNavR{background:url(/common/images/build_arrows.png) no-repeat right; right:367px; top:495px; width:18px}
   .webon_catalog div.slider-wrap .stripNavL a, .webon_catalog div.slider-wrap .stripNavR a{background:none}
   
/* INSTANT SITE BUILDER CODE */
ul.bldr_form li{list-style:none outside}
   ul.bldr_form li p.builder_label{float:left; display:inline-block; font-size:1.1em; font-weight:bold; line-height:1.6em; padding:1px 5px 0 0; text-align:right; width:145px}
   ul.bldr_form li p.builder_input{float:left; display:inline-block; }
      ul.bldr_form li p.builder_input input{width:400px}
      ul.bldr_form li p.builder_input textarea{width:400px}
   #templates_Webon{margin:0 auto; width:565px}
      #templates_Webon img{border:3px #5E6F30 solid}
   .tile-images{float:left; margin:0 15px 0 0}
   
/*______FILE MANAGER/PRIVATIZATION/BACKUP-RESTORE CSS______*/
   ul.filemanager_tabs{margin:15px 0 0}
      ul.filemanager_tabs li{background:url(/common/images/file_tabs.jpg) no-repeat; float:left; height:27px; line-height:2.5em; list-style:none outside; text-align:center; width:149px}
         ul.filemanager_tabs li a{color:#6c6b5d; display:block; font-weight:bold; text-decoration:none}
      ul.filemanager_tabs .currentpg{background:url(/common/images/file_tabs.jpg) no-repeat -148px 0}
   
   .filemanager_right p{color:#515151; font-size:12px; text-align:center}
   .filemanager_right h3{font-size:1.4em!important; line-height:2.4em!important}
   .filemanager_right a{color:#2762bf}
   .filemanager_right ul{list-style:none outside; margin:0 0 25px}
   
   .backrestore_bottom{background:url(/common/images/br_bottom.jpg) no-repeat; height:16px; margin-left:-20px; width:687px}
   .backrestore_top{background:url(/common/images/br_top.jpg) no-repeat; height:15px; margin-left:-20px; width:687px}
   .backrestore_repeat{background:url(/common/images/br_repeat.jpg) repeat-y; margin-bottom:25px; padding:0 30px 0 20px; width:646px}   
      .backrestore_repeat p, .backrestore_repeat h4{color:#515151; font-size:1.2em!important; line-height:1.5em}
      .backrestore_repeat h2{color:#5e6f30; font-size:1.8em; margin:0 0 5px}
      .backrestore_repeat hr{background:#afc577; border:#afc577; height:1px; margin:20px auto}
      .backrestore_repeat input{border:0; background:none}
      input.white_shadow{background:url(/common/images/cp/bg_mid_list.jpg) repeat-x #fff}
      input.blue_btn{background:url(/common/images/sprite_btn_blue.png); color:#fff; cursor:pointer; display:block; font-size:1.4em; font-weight:bold; height:41px; line-height:2em!important; margin:15px 15px 15px 0; text-align:left; padding:0 0 4px 10px; text-decoration:none; width:141px}
         .blue_btn.smaller{background:url(/common/images/sprite_btn_blue.png) -234px -209px no-repeat; width:126px!important}
      .backup_warning{background:url(/common/images/cp/bg_mid_list.jpg) repeat-x #fff; border:1px solid #b1ba92; margin:10px auto; padding:10px; width:90%}
      .backup_warning p{font-size:1.2em}
      .center{height:55px; margin:0 auto; width:230px}
   
   /* start privatization list items */
      .filemanager_right ul li{display:block; height:20px; line-height:1.5em; margin:0 0 8px; padding:2px 0 0 30px}
         .filemanager_right ul li.makeprivate{background:url(/common/images/private_icons.png) no-repeat}
         .filemanager_right ul li.makepublic{background:url(/common/images/private_icons.png) no-repeat 0 -29px}
         .filemanager_right ul li.features{background:url(/common/images/private_icons.png) no-repeat 0 -61px}
   /*  end privatization list items ---
   --- start file manager list items */   
      .filemanager_right ul.fmoptions{height:85px}
      .filemanager_right ul.fmoptions li{float:left; line-height:2.1em; margin-bottom:10px; padding:0; width:95px}
         .filemanager_right ul.fmoptions li img{float:left; height:25px; margin:0 7px 0 0; width:25px} /*some icons are being referenced in the cp_icons.png file, while newer icons are referenced in the private_icons.png file*/
            /*below created as img.classname so they can be reused in other areas if need be, more located in the cpanel css area*/
            img.copy{background:url(/common/images/private_icons.png) no-repeat 3px -138px}
            img.editfm{background:url(/common/images/private_icons.png) no-repeat 4px -164px}
            img.move{background:url(/common/images/private_icons.png) no-repeat 2px -112px}
            img.rename{background:url(/common/images/private_icons.png) no-repeat 2px -85px}
            .filemanager_right ul.fmoptions li img.delete{background:url(/common/images/cp/icons_cp.png) no-repeat -327px -3px}
            
/*______WEB HOSTING CSS______*/
   .webhost_typical_styles{color:#515151;}
      .webhost_typical_styles ul{margin:0 39px 0 0}
      .webhost_typical_styles ul.cancel{margin:0!important}
         .webhost_typical_styles li{font-size:1.1em; line-height:1.5em; list-style:none outside}
         .webhost_typical_styles div p{font-size:1.3em; line-height:1.7em; margin:0}
   .feature_grid{float:left; margin:0 0 0 25px; width:300px}
   .word_bubble{background:#fff url(/common/images/word_bubble_mid.png) repeat-y; font-size:1.4em; font-style:italic; margin:0 auto; width:602px}
         .word_bubble p{background:url(/common/images/word_bubble_topquotes.png) no-repeat 0 3px; line-height:1.2em; margin:0; padding:5px 5px 0 40px; position:relative; z-index:999}
            .word_bubble p img{vertical-align:middle}
      .word_bubble_top{background:url(/common/images/word_bubble_top.png) no-repeat; height:6px; margin:0 auto; width:602px}
      .word_bubble_bottom{background:url(/common/images/word_bubble_bottom.png) no-repeat; margin:-27px auto 12px; height:54px; width:602px}
      .word_bubble_bottom_reverse{background:url(/common/images/word_bubble_bottom_reverse.png) no-repeat; height:54px; margin:-27px auto 12px; width:602px}
      .wb_bottom_cancel{margin-bottom:0!important}
   /*compare pricing*/
   .webhosting ul{background:#fff; color:#515151; border:1px #9ea778 solid; border-bottom:none; font-size:10px; list-style:none outside}
      .webhosting ul li ul{border:none!important}
      .webhosting ul li{font-size:1.3em; line-height:1.8em}
   ul.listrow li{border-right:1px #9ea778 solid; border-top:1px #9ea778 solid; color:#515151; float:left; height:26px; text-align:center; width:146px}
      .halfie{width:72px!important}
      .halfie2{width:73px!important}
      li.section_divider{background:url(/common/images/plans_titles_bg.jpg) repeat-x!important; color:#111; border-top:1px #9ea778 solid; font-size:1.5em; font-weight:bold; height:26px; line-height:2.2em!important; padding:0 0 0 10px}
      li.list_title{font-weight:bold; line-height:2.2em!important; padding:0 0 0 10px; text-align:left!important; width:190px!important}
      li.everyother{background:#eaf0c9!important}
      li.last{border-right:none!important}
      li.first_border{border-left:1px #9ea778 solid!important}
   ul.needsbottom li{border-bottom:1px #9ea778 solid!important}
      .plan_push{margin-left:201px}
   p.preferred_plan{background:url(/common/images/prefered_plan_tab.jpg) no-repeat; color:#eaf0c9; display:block; font-size:1.5em; font-weight:bold; height:31px; line-height:2.2em; position:relative; right:-642px; text-align:center; width:149px}
   .plan_types li{background:url(/common/images/plans_top_bg.jpg) repeat-x!important; font-weight:bold; line-height:2.3em!important}
   .all_year_plans{border-left:1px #9ea778 solid!important; height:26px; position:relative; right:-337px; text-align:center; top:-28px; width:587px}
   li.plan_check{background:url(/common/images/list-check.png) no-repeat 63px 2px; text-indent:-9000px}
   /*end compare pricing*/
   
   strong.tool_titles{display:inline-block; font-size:1.3em; margin:10px 0 2px}
   
/*______HELP AND SUPPORT CSS______*/
.help_support h3{font-size:15px; margin:0 0 0 16px}

.help_message_example{background:#fff; border:#ccc solid 1px; margin:0 auto; width:618px}
.help_message_example br { display: none; }
.warning_example{height:33px; margin:0 0 4px}
   .outage_example{background:url(/common/images/cp/icon-warning.jpg) no-repeat; font-size:1.4em; float:left; line-height:2.3em; margin:0 0 0 5px; padding:0 0 0 30px}
   .outage_example_allgreen{background:url(/common/images/cp/icon_nominal.jpg) no-repeat; font-size:1.4em; float:left; line-height:2.3em; margin:0 0 0 5px; padding:0 0 0 30px}
   p.outage_date{float:right; font-size:1.1em; font-weight:bold; line-height:2.9em; margin:0 10px 0 0; padding:0}

.help_bubble_container{background:url(/common/images/help-repeat.png) repeat-y; float:left; width:330px}
.help_bubble_top-content{background:url(/common/images/help_top.png) no-repeat; min-height:120px; width:330px}
.help_bubble_bottom{background:url(/common/images/help_bottom.png) no-repeat; width:330px}

.help_rightside{color:#515151}
.help_rightside p{padding:0 10px 0 15px}
.helpful_resources li{font-size:1.3em; list-style:none inside; margin:10px 0 0; padding:5px 0 5px 15px}
.helpful_h3{font-size:1.3em!important; line-height:2.6em!important}

.quick_help{list-style:none outside}
      .quick_help li{font-size:1.1em; line-height:1.4em; margin:0 0 3px; padding:5px 0 3px 37px}
      .quick_help li h4{font-size:1.25em; line-height:1.3em}
         li.help_knowledge{background:url(/common/images/help_icons.png) no-repeat -5px -63px}
         li.help_club{background:url(/common/images/help_icons.png) no-repeat -6px -94px}
         li.help_ticket{background:url(/common/images/help_icons.png) no-repeat -5px -128px}
         li.help_support{background:url(/common/images/help_icons.png) no-repeat -4px -159px; font-size:1.05em; height:33px}
         li.help_tech{height:14px}
         li.help_chat{background:url(/common/images/help_icons.png) no-repeat -5px -198px; height:34px}
         li.help_phone{background:url(/common/images/help_icons.png) no-repeat -7px -231px; font-size:1.05em}

/*______DOMAINS CSS______*/
input.domains_input{margin:10px 5px 10px 0; width:91px}
ul.domains_list{float:left; margin:0 20px 0 20px; width:280px}
   ul.domains_list li{color:#515151; font-size:1.1em; line-height:1.2em; list-style:none; margin:0 0 10px; padding:0 0 5px 50px}
      ul.domains_list li.privacy{background:url(/common/images/sprites_domains.png) no-repeat -10px -7px}
      ul.domains_list li.subdomains{background:url(/common/images/sprites_domains.png) no-repeat -9px -75px}
      ul.domains_list li.forwarding{background:url(/common/images/sprites_domains.png) no-repeat -11px -136px}
      ul.domains_list li.transfers{background:url(/common/images/sprites_domains.png) no-repeat -9px -193px}
      ul.domains_list li.renewal{background:url(/common/images/sprites_domains.png) no-repeat -11px -277px}

   /* stuff that needs to be repositioned once tripod is completed */
   
   .migration_list{color:#515151; font-size:1.3em; line-height:1.2em; margin:0 0 10px 36px}
      .migration_list li{margin:0 0 8px; padding:0 15px 0 0}
      
   .migrate_styles{float:left}
   
   .select_template #templates_Webon, .select_tamplate #templates_SiteBuilder{padding:0 0 0 32px; width:90%}
      .migrate_styles{margin:0 10px 10px 0}
   
/*_____LEARN MORE MODAL WINDOWS CSS_____*/
.learnmoreHead { position: relative; padding-bottom: 20px; }
.learnmoreHead a { position: absolute; bottom: 27px; right: 0; }

/*____HOLY MOLY OLD IMAGE GALLERY CSS....hey...why you reading my source code?____*/
.image_gallery_thumbs{background:#eeefe1; border:2px solid #515151; float:left; height:145px; margin:0 15px 15px; padding:10px; width:160px}
   .image_gallery_thumbs img{border:2px solid #aaa}

2 Re: I need these colors changed on Mon Apr 05, 2010 11:15 pm

ankillien

avatar
Administrator
Administrator
Hello,

Well, we can't do it by just looking at CSS. We need to see the page and also need to know color of what part you want to make dark.

3 Re: I need these colors changed on Tue Apr 06, 2010 6:26 am

Krazy


Registered Member
Registered Member
I want the whole page dark. The page is Here. I need it more of the actual forum colors on all of those pages. Wink

4 Re: I need these colors changed on Tue Apr 06, 2010 9:15 am

ankillien

avatar
Administrator
Administrator
You need to edit the backgorund images with some graphic software and make them dark, also edit the color codes in the CSS.

You need to try this yourself since it is too much of work for anyone.

5 Re: I need these colors changed on Tue Apr 06, 2010 9:50 am

Krazy


Registered Member
Registered Member
Okay, can you bold parts of the code that I need to change? CSS I'm okay at. :\

6 Re: I need these colors changed on Tue Apr 06, 2010 5:04 pm

ankillien

avatar
Administrator
Administrator
You just need to edit the values of background and color properties.

7 Re: I need these colors changed on Tue Apr 06, 2010 8:49 pm

Krazy


Registered Member
Registered Member
Okay. I think I can figure this out. I have another CSS Question for this code.

Code:
<html>
<head></head>
<title>Nav Bar Test</title>
<style>#nav
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#nav li
{
list-style: none;
margin: 0;
display: inline;
}

#nav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #B2B2B2;
text-decoration: blink;
}

#nav li a:link {
color: #000000;
}

#nav li a:visited {
color: #;
}

#nav li a:active {
color: #;
}

#nav li a:hover
{
color: #FFFFFF;
background: #B2B2B2;
border-color: #000000;
}</style>
<body><ul id="nav">

<li><a href="#">Home</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">Tutorials</a></li>

<li><a href="#">Arcade</a></li>

<li><a href="#">Terms</a></li>

</ul>
</body>
</html>

How do I set the properties for each one to separately blink in. I have seen it done before.

8 Re: I need these colors changed on Wed Apr 07, 2010 9:34 am

ankillien

avatar
Administrator
Administrator
Sorry, I don't get what you are asking.

9 Re: I need these colors changed on Wed Apr 07, 2010 10:54 am

Krazy


Registered Member
Registered Member
How do I make it so that each of the Link Titles wording, Blinks in. Like

Home | Forum | Tutorials | Arcade | Terms Of Service

How do I make each of those blink in when the page is loaded? Paste that code in a HTML Page. Its a Navigation Bar.

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum