Difference between revisions of "JQuery General Examples"
From Organic Design wiki
m |
m |
||
| Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | body, p, blockquote { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | a img, iframe { border: none; } | ||
| + | |||
| + | /* Headers | ||
| + | ------------------------------*/ | ||
| + | |||
| + | h1, h2, h3, h4, h5, h6 { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| − | border:1px solid # | + | h1 { font-size: 150%; } |
| − | margin: | + | h2 { font-size: 140%; } |
| + | h3 { font-size: 130%; } | ||
| + | h4 { font-size: 120%; } | ||
| + | h5 { font-size: 110%; } | ||
| + | |||
| + | /* Lists | ||
| + | ------------------------------*/ | ||
| + | |||
| + | ul, ol, dl, li, dt, dd { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | /* Links | ||
| + | ------------------------------*/ | ||
| + | |||
| + | a, a:link {} | ||
| + | a:visited {} | ||
| + | a:hover {} | ||
| + | a:active {} | ||
| + | |||
| + | /* Forms | ||
| + | ------------------------------*/ | ||
| + | |||
| + | form, fieldset { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | fieldset { border: 1px solid #000; } | ||
| + | |||
| + | legend { | ||
| + | padding: 0; | ||
| + | color: #000; | ||
| + | } | ||
| + | |||
| + | input, textarea, select { | ||
| + | margin: 0; | ||
| + | padding: 1px; | ||
| + | font-size: 100%; | ||
| + | font-family: inherit; | ||
| + | } | ||
| + | |||
| + | select { padding: 0; } | ||
| + | |||
| + | p { margin: 10px 0; } | ||
| + | |||
| + | li { margin-left: 10px; } | ||
| + | |||
| + | h3 { margin: 5px 0; } | ||
| + | |||
| + | .red { background-color: red; } | ||
| + | .blue { color: blue; } | ||
| + | .green { color: green; } | ||
| + | |||
| + | #rating { | ||
| + | border: 1px solid black; | ||
| + | margin: 5px; | ||
| + | padding: 5px; | ||
| + | } | ||
table { | table { | ||
| − | border:1px solid # | + | border: 1px solid #666; |
| − | margin:20px 0 !important; | + | margin: 20px 0 20px 0 !important; |
} | } | ||
| + | |||
| + | th, td { | ||
| + | padding: 2px 4px 2px 4px !important; | ||
| + | text-align: left; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | |||
th { | th { | ||
| − | background-color:# | + | background-color: #fc0; |
| + | } | ||
| + | |||
| + | th:hover { | ||
| + | background-color: #fc7; | ||
| + | } | ||
| + | |||
| + | tbody tr.even { | ||
| + | background-color: #fea | ||
| + | } | ||
| + | |||
| + | tr a { | ||
| + | color: rgb(102, 102, 102); | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | tr a:hover { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | |||
| + | dl dd { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | |||
| + | dl dt { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | dl { | ||
| + | border: 1px solid black; | ||
| + | margin: 5px; | ||
| + | } | ||
| + | |||
| + | .highlight { | ||
| + | border: 5px dotted #eee; | ||
} | } | ||
| − | + | ||
| − | + | .error { | |
| − | + | background-color: #fee; | |
| − | |||
| − | |||
} | } | ||
| + | |||
</style> | </style> | ||
Revision as of 20:49, 31 October 2010
