Search

4/01/2008

google's version of grid.css

不是我在講,長得真像yui的grid.css,不過g-tpl-33-67-alt這種比yui-t1, yui-gd這種來得好多了
Virgle: The Adventure of Many Lifetimes
http://www.google.com/css/goog.css


html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, embed, object, applet {
border:0pt none;
margin:0pt;
padding:0pt;
}
body {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
font-family:Arial,sans-serif;
font-size:62.5%;
}
a {
color:#0000CC;
}
a:active {
color:#FF0000;
}
a:visited {
color:#551A8B;
}
table {
border-collapse:collapse;
border-width:0pt;
empty-cells:show;
}
ul {
padding:0pt 0pt 1em 1em;
}
ol {
padding:0pt 0pt 1em 1.3em;
}
li {
line-height:1.5em;
padding:0pt 0pt 0.5em;
}
p {
padding:0pt 0pt 1em;
}
h1, h2, h3, h4, h5 {
padding:0pt 0pt 1em;
}
h1, h2 {
font-size:1.3em;
}
h3 {
font-size:1.1em;
}
h4, h5, table {
font-size:1em;
}
sup, sub {
font-size:0.7em;
}
input, select, textarea, option {
font-family:inherit;
font-size:inherit;
}
.g-doc, .g-doc-1024, .g-doc-800 {
font-size:130%;
}

http://www.google.com/css/gooey.css

/* Copyright 2008 Google, Inc. All Rights Reserved */
.g-doc {
text-align:left;
width:100%;
}
.g-doc-1024 {
margin:0pt auto;
min-width:950px;
text-align:left;
width:73.074em;
}
.g-doc-800 {
margin:0pt auto;
min-width:750px;
text-align:left;
width:57.69em;
}
.g-section:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.g-unit .g-section:after {
clear:none;
}
.g-unit .g-section {
overflow:hidden;
width:100%;
}
.g-section, .g-unit {
}
.g-split .g-unit {
text-align:right;
}
.g-split .g-first {
text-align:left;
}
.g-tpl-25-75 .g-unit, .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit {
display:inline;
float:right;
margin:0pt;
width:74.2%;
}
.g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-tpl-25-75 .g-first, .g-tpl-25-75 .g-first {
display:inline;
float:left;
margin:0pt;
width:24%;
}
.g-tpl-25-75-alt .g-unit, .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit {
display:inline;
float:left;
margin:0pt;
width:24%;
}
.g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-tpl-25-75-alt .g-first, .g-tpl-25-75-alt .g-first {
display:inline;
float:right;
margin:0pt;
width:74.2%;
}
.g-tpl-75-25 .g-unit, .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-unit .g-tpl-75-25 .g-unit {
display:inline;
float:right;
margin:0pt;
width:24%;
}
.g-unit .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-tpl-75-25 .g-first, .g-tpl-75-25 .g-first {
display:inline;
float:left;
margin:0pt;
width:74.2%;
}
.g-tpl-75-25-alt .g-unit, .g-unit .g-tpl-75-25-alt .g-unit, .g-unit .g-unit .g-tpl-75-25-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-75-25-alt .g-unit {
display:inline;
float:left;
margin:0pt;
width:74.2%;
}
.g-unit .g-unit .g-unit .g-tpl-75-25-alt .g-first, .g-unit .g-unit .g-tpl-75-25-alt .g-first, .g-unit .g-tpl-75-25-alt .g-first, .g-tpl-75-25-alt .g-first {
display:inline;
float:right;
margin:0pt;
width:24%;
}
.g-tpl-33-67 .g-unit, .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit {
display:inline;
float:right;
margin:0pt;
width:66%;
}
.g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-tpl-33-67 .g-first, .g-tpl-33-67 .g-first {
display:inline;
float:left;
margin:0pt;
width:32%;
}
.g-tpl-33-67-alt .g-unit, .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit {
display:inline;
float:left;
margin:0pt;
width:32%;
}
.g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-tpl-33-67-alt .g-first, .g-tpl-33-67-alt .g-first {
display:inline;
float:right;
margin:0pt;
width:66%;
}
.g-tpl-67-33 .g-unit, .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit {
display:inline;
float:right;
margin:0pt;
width:32%;
}
.g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-tpl-67-33 .g-first, .g-tpl-67-33 .g-first {
display:inline;
float:left;
margin:0pt;
width:66%;
}
.g-tpl-67-33-alt .g-unit, .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit {
display:inline;
float:left;
margin:0pt;
width:66%;
}
.g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-tpl-67-33-alt .g-first, .g-tpl-67-33-alt .g-first {
display:inline;
float:right;
margin:0pt;
width:32%;
}
.g-tpl-50-50 .g-unit, .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit {
display:inline;
float:right;
margin:0pt;
width:48.1%;
}
.g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-tpl-50-50 .g-first, .g-tpl-50-50 .g-first {
display:inline;
float:left;
margin:0pt;
width:49.1%;
}
.g-tpl-50-50-alt .g-unit, .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit {
display:inline;
float:left;
margin:0pt;
width:49.1%;
}
.g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-tpl-50-50-alt .g-first, .g-tpl-50-50-alt .g-first {
display:inline;
float:right;
margin:0pt;
width:48.1%;
}
.g-tpl-nest .g-unit, .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest .g-unit {
display:inline;
float:left;
margin:0pt;
width:auto;
}
.g-tpl-nest-alt .g-unit, .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit {
display:inline;
float:right;
margin:0pt;
width:auto;
}
.g-tpl-160 .g-unit, .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-tpl-160 .g-unit {
display:block;
float:none;
margin:0pt 0pt 0pt 161px;
width:auto;
}
.g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-tpl-160 .g-first, .g-tpl-160 .g-first {
display:block;
float:left;
margin:0pt;
width:161px;
}
.g-tpl-160-alt .g-unit, .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit {
display:block;
float:none;
margin:0pt 161px 0pt 0pt;
width:auto;
}
.g-unit .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-tpl-160-alt .g-first, .g-tpl-160-alt .g-first {
display:block;
float:right;
margin:0pt;
width:161px;
}
.g-tpl-180 .g-unit, .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-tpl-180 .g-unit {
display:block;
float:none;
margin:0pt 0pt 0pt 181px;
width:auto;
}
.g-unit .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-tpl-180 .g-first, .g-tpl-180 .g-first {
display:block;
float:left;
margin:0pt;
width:181px;
}
.g-tpl-180-alt .g-unit, .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit {
display:block;
float:none;
margin:0pt 181px 0pt 0pt;
width:auto;
}
.g-unit .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-tpl-180-alt .g-first, .g-tpl-180-alt .g-first {
display:block;
float:right;
margin:0pt;
width:181px;
}
.g-tpl-300 .g-unit, .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-tpl-300 .g-unit {
display:block;
float:none;
margin:0pt 0pt 0pt 301px;
width:auto;
}
.g-unit .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-tpl-300 .g-first, .g-tpl-300 .g-first {
display:block;
float:left;
margin:0pt;
width:301px;
}
.g-tpl-300-alt .g-unit, .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit {
display:block;
float:none;
margin:0pt 301px 0pt 0pt;
width:auto;
}
.g-unit .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-tpl-300-alt .g-first, .g-tpl-300-alt .g-first {
display:block;
float:right;
margin:0pt;
width:301px;
}

沒有留言: