YUI CSS Base Source

From Fishcakes Wiki

Jump to: navigation, search
Edit Menu

Image:Icon_Yui_40px.png YUI CSS Base Source


This is the source CSS for the YUI Base version 2.4.1.


Contents

Base Files

Base HTML Codes

You should not link to the /yui/build/base/base-min.css, but should instead add the CSS styles to your site-specific CSS template and modify as required.


Base CSS

/*
Copyright (c) 2007,  Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
 
/* base.css,  part of YUI's CSS Foundation */
 
h1 {
   /* 18px via YUI Fonts CSS foundation */
   font-size:138.5%;
}
 
h2 {
   /* 16px via YUI Fonts CSS foundation */
   font-size:123.1%;
}
 
h3 {
   /* 14px via YUI Fonts CSS foundation */
   font-size:108%;
}
 
h1, h2, h3 {
   /* top & bottom margin based on font size */
   margin:1em 0;
}
 
h1, h2, h3, h4, h5, h6, strong {
   /* bringing boldness back to headers and the strong element */
   font-weight:bold;
}
 
abbr, acronym {
   /* indicating to users that more info is available */
   border-bottom:1px dotted #000;
   cursor:help;
}
 
em {
   /* bringing italics back to the em element */
   font-style:italic;
}
 
blockquote, ul, ol, dl {
   /* giving blockquotes and lists room to breath */
   margin:1em;
}
 
ol, ul, dl {
   /* bringing lists on to the page with breathing room */
   margin-left:2em;
}
 
ol li {
   /* giving OL's LIs generated numbers */
   list-style: decimal outside;   
}
 
ul li {
   /* giving UL's LIs generated disc markers */
   list-style: disc outside;
}
 
dl dd {
   /* giving UL's LIs generated numbers */
   margin-left:1em;
}
 
th, td {
   /* borders and padding to make the table readable */
   border:1px solid #000;
   padding:.5em;
}
 
th {
   /* distinguishing table headers from data cells */
   font-weight:bold;
   text-align:center;
}
 
caption {
   /* coordinated margin to match cell's padding */
   margin-bottom:.5em;
   /* centered so it doesn't blend in to other content */
   text-align:center;
}
 
p, fieldset, table, pre {
   /* so things don't run into each other */
   margin-bottom:1em;
}
 
/* setting a consistent width,  160px;  control of type=file still not possible */
input[type=text], input[type=password], textarea {
   width:12.25em;
   *width:11.9em;
}


Image:Icon Resources 20px.png YUI Resources

Official Resources

Unofficial Resources


Personal tools