/* styl resetujący */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* layout */
html {
background: white;
color: black;
}
body {
max-width: 800px;
margin: 0 auto;
padding: 0 1.6%;
font-family: sans-serif;
line-height: 1.5em;
}
article {
margin: 5em 0;
text-align: center;
}
footer {
text-align: center;
font-size: .75em;
}
/* nagłówki i akapity */
h1 {
margin: 0.67em 0.34em;
font-size: 2.00em;
font-weight: normal;
}
h1 + p {
margin: -.415em .57em .83em .57em;
font-size: 1.17em;
font-weight: lighter;
}
p {
margin: 1.12em .67em;
}
/* linki */
a:link {
text-decoration: none;
color: #E20800;
}
a:visited {
text-decoration: none;
color: #A3007B;
}
a:link:hover {
text-decoration: underline;
}
/* menu górne */
menu {
margin: 1.50em 0.81em;
list-style: none;
text-align: right;
font-size: .83em;
}
menu li {
display: inline;
}
menu li:after {
content: ' | ';
color: #ddd;
}
menu li:first-child:after,
menu li:last-child:after {
content: '';
}
menu li:first-child {
float: left;
font-size: 1.41em;
}
menu li:first-child strong {
font-weight: normal;
}
/* style formularza uploadu */
#upload-btn {
padding: 1em 2em;
font-size: 1.5em;
}
#upload-btn:not([disabled]) {
cursor: pointer;
}
#upload-filelist {
list-style: none;
margin: 1.25em .75em;
text-align: right;
font-size: .9em;
}
#upload-filelist li {
height: 2em;
line-height: 2em;
}
#upload-filelist .file-name {
float: left;
}
#upload-filelist progress {
margin-left: .5ex;
}
#upload-filelist button {
margin-left: .5ex;
height: 100%;
vertical-align: middle;
}
#upload-filelist button img {
height: 100%;
}
/* style zależne od JavaScript */
#upload-form #upload-btn {
display: none;
}
#upload-form.js #upload-btn {
display: inline-block;
}
#upload-form.js input {
display: none;
}