mirror of
https://github.com/moodle/moodle.git
synced 2025-02-21 01:48:45 +01:00
148 lines
4.7 KiB
CSS
148 lines
4.7 KiB
CSS
/* --------------------------------------------------------------
|
|
|
|
Boilerplate reset.css
|
|
* Resets default browser CSS.
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
|
|
body { line-height: 1.5; background: #fff; margin: 0; }
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
|
caption, th, td { text-align: left; font-weight:400; }
|
|
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
|
|
blockquote, q { quotes: "" ""; }
|
|
a img { border: none; }
|
|
input,textarea { margin: 0; }
|
|
|
|
/* Removes Firefox imposed outline */
|
|
a { outline: none; }
|
|
|
|
/* Clearing floats without extra markup */
|
|
.wrapper { display: inline-block; }
|
|
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
|
* html .wrapper { height: 1%; }
|
|
.wrapper { display: block; }
|
|
|
|
/* --------------------------------------------------------------
|
|
|
|
Boilerplate typography.css
|
|
* Sets up some sensible default typography.
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
/* This is where you set your desired font size. The line-heights
|
|
and vertical margins are automatically calculated from this.
|
|
The percentage is of 16px (0.75 * 16px = 12px). */
|
|
body { font-size: 85%; }
|
|
|
|
|
|
/* Default fonts and colors. */
|
|
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }
|
|
|
|
|
|
/* Headings
|
|
-------------------------------------------------------------- */
|
|
|
|
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
|
|
|
|
h1 { font-size: 2.25em; line-height: 1; margin-bottom: 0.5em; }
|
|
h2 { font-size: 1.75em; margin-bottom: 0.5em; }
|
|
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
|
|
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1em; }
|
|
h5 { font-size: 1em; margin-bottom: 1.5em; }
|
|
h6 { font-size: 1em; }
|
|
|
|
|
|
/* Text elements
|
|
-------------------------------------------------------------- */
|
|
|
|
p { margin: 0 0 1em; }
|
|
|
|
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
|
|
ul { list-style-type: circle; }
|
|
ol { list-style-type: decimal; }
|
|
|
|
dl { margin: 0 0 1.5em 0; }
|
|
dl dt { font-weight: bold; }
|
|
dl dd { margin-left: 1.5em; }
|
|
|
|
abbr, acronym { border-bottom: 1px dotted #000; }
|
|
address { margin-top: 1.5em; font-style: italic; }
|
|
del { color: #000; }
|
|
|
|
a { color: #009; text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|
|
|
|
blockquote { margin: 1.5em; }
|
|
strong { font-weight: bold; }
|
|
em, dfn { font-style: italic; }
|
|
dfn { font-weight: bold; }
|
|
pre, code { margin: 1.5em 0; white-space: pre; }
|
|
pre, code, tt { font: 1.2em monospace; line-height: 1.5; }
|
|
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
|
|
|
|
|
|
/* Tables
|
|
-------------------------------------------------------------- */
|
|
|
|
th { border-bottom: 2px solid #ddd; font-weight: bold; }
|
|
th,td { padding: 4px;vertical-align: middle }
|
|
tfoot { font-style: italic; }
|
|
caption { background: #ffc; }
|
|
|
|
|
|
/* Some default classes
|
|
-------------------------------------------------------------- */
|
|
|
|
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
|
|
.large { font-size: 1.25em; line-height:1.5em; margin-bottom: 1em; }
|
|
.quiet { color: #999; }
|
|
|
|
.hide { display: none; }
|
|
.highlight { background: #ffc; }
|
|
|
|
.top { margin-top: 0; padding-top: 0; }
|
|
.bottom { margin-bottom: 0; padding-bottom: 0; }
|
|
|
|
/* --------------------------------------------------------------
|
|
|
|
Boilerplate forms.css
|
|
* Sets up some default styling for forms
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
label { font-weight: bold; }
|
|
|
|
/* Fieldsets */
|
|
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
|
|
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
|
|
|
|
/* Textareas */
|
|
textarea { margin: 0.5em 0.5em 0 0; }
|
|
textarea { padding: .4em; }
|
|
|
|
|
|
/* hForm
|
|
-------------------------------------------------------------- */
|
|
form.hform p { margin: 0 0 .5em; }
|
|
form.hform p label { float: left; width: 100px; }
|
|
|
|
form.hform p input { width: 200px; }
|
|
form.hform p select { width: 200px; }
|
|
|
|
form.hform p input.button { width: auto; }
|
|
form.hform p input.checkbox { width: auto; }
|
|
form.hform p input.radio { width: auto; }
|
|
|
|
form.hform p.checkbox { margin-left: 100px; }
|
|
form.hform p.checkbox label { float: none; }
|
|
form.hform p.checkbox input { width: auto; }
|
|
|
|
|
|
/* vForm
|
|
-------------------------------------------------------------- */
|
|
form.vform p { margin: 0 0 .5em; }
|
|
form.vform p label { display: block; }
|
|
|
|
form.vform p.checkbox label { display: inline; }
|