Difference between revisions of "Template:Evans Test Nav CSS"
Jump to navigation
Jump to search
(Created page with "<style> /* html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http: //richclarkdesign.com NOTES: - Using the Richard Clark CSS reset, which is simply a more m...") |
|||
| Line 1: | Line 1: | ||
| − | <style> | + | <html> |
| − | /* | + | <style> |
| − | html5doctor.com Reset Stylesheet | + | /* |
| − | v1.6.1 | + | html5doctor.com Reset Stylesheet |
| − | Author: Richard Clark - http: //richclarkdesign.com | + | v1.6.1 |
| + | Author: Richard Clark - http: //richclarkdesign.com | ||
| − | NOTES: | + | NOTES: |
| − | - Using the Richard Clark CSS reset, which is simply a more modern version of the classic Meyer CSS reset. - EP | + | - Using the Richard Clark CSS reset, which is simply a more modern version of the classic Meyer CSS reset. - EP |
| − | */ | + | */ |
| − | html, body, div, span, object, iframe, | + | html, body, div, span, object, iframe, |
| − | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | + | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
| − | abbr, address, cite, code, | + | abbr, address, cite, code, |
| − | del, dfn, em, img, ins, kbd, q, samp, | + | del, dfn, em, img, ins, kbd, q, samp, |
| − | small, strong, sub, sup, var, | + | small, strong, sub, sup, var, |
| − | b, i, | + | b, i, |
| − | dl, dt, dd, ol, ul, li, | + | dl, dt, dd, ol, ul, li, |
| − | fieldset, form, label, legend, | + | fieldset, form, label, legend, |
| − | table, caption, tbody, tfoot, thead, tr, th, td, | + | table, caption, tbody, tfoot, thead, tr, th, td, |
| − | article, aside, canvas, details, figcaption, figure, | + | article, aside, canvas, details, figcaption, figure, |
| − | footer, header, hgroup, menu, nav, section, summary, | + | footer, header, hgroup, menu, nav, section, summary, |
| − | time, mark, audio, video { | + | time, mark, audio, video { |
| − | + | margin: 0; | |
| − | + | padding: 0; | |
| − | + | border: 0; | |
| − | + | outline: 0; | |
| − | + | font-size: 100%; | |
| − | + | vertical-align: baseline; | |
| − | + | background: transparent; | |
| − | } | + | } |
| − | body { | + | body { |
| − | + | line-height: 1; | |
| − | } | + | } |
| − | article,aside,details,figcaption,figure, | + | article,aside,details,figcaption,figure, |
| − | footer,header,hgroup,menu,nav,section { | + | footer,header,hgroup,menu,nav,section { |
| − | + | display: block; | |
| − | } | + | } |
| − | nav ul { | + | nav ul { |
| − | + | list-style: none; | |
| − | } | + | } |
| − | blockquote, q { | + | blockquote, q { |
| − | + | quotes: none; | |
| − | } | + | } |
| − | blockquote: before, blockquote: after, | + | blockquote: before, blockquote: after, |
| − | q: before, q: after { | + | q: before, q: after { |
| − | + | content: ''; | |
| − | + | content: none; | |
| − | } | + | } |
| − | a { | + | a { |
| − | + | margin: 0; | |
| − | + | padding: 0; | |
| − | + | font-size: 100%; | |
| − | + | vertical-align: baseline; | |
| − | + | background: transparent; | |
| − | } | + | } |
| − | /* change colours to suit your needs */ | + | /* change colours to suit your needs */ |
| − | ins { | + | ins { |
| − | + | background-color: #ff9; | |
| − | + | color: #000; | |
| − | + | text-decoration: none; | |
| − | } | + | } |
| − | /* change colours to suit your needs */ | + | /* change colours to suit your needs */ |
| − | mark { | + | mark { |
| − | + | background-color: #ff9; | |
| − | + | color: #000; | |
| − | + | font-style: italic; | |
| − | + | font-weight: bold; | |
| − | } | + | } |
| − | del { | + | del { |
| − | + | text-decoration: line-through; | |
| − | } | + | } |
| − | abbr[title], dfn[title] { | + | abbr[title], dfn[title] { |
| − | + | border-bottom: 1px dotted; | |
| − | + | cursor: help; | |
| − | } | + | } |
| − | table { | + | table { |
| − | + | border-collapse: collapse; | |
| − | + | border-spacing: 0; | |
| − | } | + | } |
| − | /* change border colour to suit your needs */ | + | /* change border colour to suit your needs */ |
| − | hr { | + | hr { |
| − | + | display: block; | |
| − | + | height: 1px; | |
| − | + | border: 0; | |
| − | + | border-top: 1px solid #cccccc; | |
| − | + | margin: 1em 0; | |
| − | + | padding: 0; | |
| − | } | + | } |
| − | input, select { | + | input, select { |
| − | + | vertical-align: middle; | |
| − | } | + | } |
| − | </style> | + | </style> |
| + | </html> | ||
Revision as of 13:13, 3 June 2024
<html>
<style> /* html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http: //richclarkdesign.com
NOTES: - Using the Richard Clark CSS reset, which is simply a more modern version of the classic Meyer CSS reset. - EP */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote: before, blockquote: after,
q: before, q: after {
content: ;
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
</style>
</html>
