Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2

Thread: The Best CSS

  1. #1
    Junior Member hollen949b's Avatar
    Join Date
    Dec 2009
    Location
    Woodland, CA
    Posts
    15
    Member #
    20562
    To avoid headaches I try to keep my CSS pretty consistent. So for every site I design I usually work off of a template I have created.

    My questions are. How would you organize this style sheet.
    and what are some common things you would add to this or take out.

    Also if you have any CSS templates you work off of please post the link.

    Just Looking for new ways to improve my CSS, Thanks :-D

    Basic Html template Link:
    http://www.hollen-b.com/csslayouts/

    CSS:
    Code:
    /* *** OVERALL *** */
    *    { margin: 0; padding: 0; }
    body { background-color:  #FFF; font: 12px Arial, Helvetica, sans-serif; text-align: center; }
    
    /* *** HEADINGS *** */
    h1, h2, h3 { margin: 0; padding: 0; }
    h1 { font-size: 18px; }
    h2 { font-size: 14px; }
    h3 { font-size: 13px; }
    
    /* *** START Structure *** */
    
    /* *** WRAPPER *** */
    #outer_wrapper    { background:url(../images/wrapper_bg.gif) repeat-y; width: 840px; margin: 0 auto; }
    #wrapper          { background-color:#FFFFFF; width: 800px; margin: 0 auto; border: 1px #002B5F solid; text-align: justify; }
    
    /* *** CONTAINER STRUCTURES *** */
    #container_header { background-color: #376B9A; color: #FFFFFF; }
    #container_content{ background-color: #FFFFFF; color: #002B5F; }
    #container_footer { background-color: #376B9A; color: #FFFFFF; }
    
    /* *** CONTAINER STYLESS *** */
    #container_header a { color:#FFFFFF; }
    #container_footer a { color:#FFFFFF; }
    
    
    /* *** COLUMN STRUCTURES *** */
    #leftcol     { background-color:#E9E9E9; width: 25%; float: left; }
    #rightcol    { background-color:#E9E9E9; width: 25%; float: right;}
    #center_1col { background-color:#F0F0F0; width:100%; float: left; }
    #center_2col { background-color:#F0F0F0; width: 75%; float: left; }
    #center_3col { background-color:#F0F0F0; width: 50%; float: left; } 
    #error       { background-color:#FFFFFF; width: 400px; margin: 150px auto; border: 1px #990000 solid;}
    
    /* *** STRUCTURE STYLES *** */
    .contact		      { margin: auto; padding:10px; width: 380px; border:10px solid;}
    .contact_title    { background: #E6E6E6; padding: 4px 8px; font-weight: bold;}
    .contact ul       { margin: 0; padding: 0; list-style: none;}
    .contact li       { margin: 0; padding: 10px 0; clear: both;}
    .contact label    { float:left; display:block; font-weight: bold; }
    .contact input    { float: right;}
    .contact textarea { width: 99%; }
    .button				{ border:1px #666666 solid; background-color: #E2E2E2; line-height: 16px; font-size: 14px; color: #666666;}
    
    /* *** END Structure *** */
    
    /* *** PSEUDO *** */
    a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #376B9A; }
    
    /* *** COMMON *** */
    p           { margin: 0; padding: 0 0 10px 0;}
    img         { border: none; }
    ul          { margin: 0; padding: 0; list-style: outside;}
    li          { margin: 0 0 0 18px; padding: 0; }
    	
    .error      { color: #990000; border-color:#990000; }
    
    .clr        { clear: both; }
    
    .content    { padding: 10px; line-height: 1.8; text-align: left; }
    
    .blue_block { background-color: #002B5F; font-weight: bold; padding: 2px 10px; }

  2.  

  3. #2
    Member
    Join Date
    Jan 2010
    Posts
    30
    Member #
    20780
    I coded for 0 every templates who I made.

    But many thanks for this css file with global variables declared - I will use it.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:09 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com