engelsystem/public/css/base.css

229 lines
2.5 KiB
CSS
Raw Normal View History

2011-06-01 13:36:24 +02:00
* {
margin: 0;
padding: 0;
}
2011-06-01 14:30:29 +02:00
body {
2011-06-01 17:41:49 +02:00
font-family: Arial;
sans-serif;
font-size:
14px;
2011-06-01 14:30:29 +02:00
}
2011-06-01 13:36:24 +02:00
header {
2011-06-01 17:41:49 +02:00
display: block;
width: 100%;
2011-06-01 13:36:24 +02:00
}
2011-06-03 05:12:50 +02:00
article, details {
clear: none;
display: block;
float: none;
}
2011-06-01 13:36:24 +02:00
footer {
2011-06-01 17:41:49 +02:00
clear: both;
display: block;
font-size: 12px;
text-align: center;
width: 100%;
2011-06-01 13:36:24 +02:00
}
footer p {
2011-06-01 17:41:49 +02:00
margin: 10px auto;
2011-06-01 13:36:24 +02:00
}
#logo {
background: url('../pic/himmel.png') top left no-repeat;
display: block;
2011-06-01 17:41:49 +02:00
height: 32px;
margin: 10px auto;
2011-06-01 13:36:24 +02:00
width: 380px;
}
#body {
2011-06-01 17:41:49 +02:00
margin: 0 5%;
}
#menu {
float: left;
width: 200px;
}
#content {
margin-left: 200px;
}
a {
color: #000;
2011-06-01 13:36:24 +02:00
}
2011-06-01 14:48:31 +02:00
td, dt, dd {
2011-06-01 17:41:49 +02:00
padding: 4px;
2011-07-12 16:28:17 +02:00
vertical-align: top;
2011-06-01 13:36:24 +02:00
}
2011-06-01 15:25:05 +02:00
dt {
2011-06-01 17:41:49 +02:00
font-weight: bold;
2011-06-01 15:25:05 +02:00
}
2011-06-01 17:28:03 +02:00
dd {
2011-06-01 17:41:49 +02:00
margin-left: 20px;
2011-06-01 17:28:03 +02:00
}
2011-06-03 05:12:50 +02:00
h1, h2, h3, h4 {
2011-06-01 17:41:49 +02:00
font-size: 16px;
padding: 0 4px;
2011-06-01 15:25:05 +02:00
}
2011-06-02 17:48:27 +02:00
hr {
2011-06-03 05:12:50 +02:00
margin: 10px 0;
2011-06-02 17:48:27 +02:00
}
2011-06-01 15:25:05 +02:00
ul {
2011-06-01 17:41:49 +02:00
padding: 5px 0 5px 20px;
}
nav {
margin: 0 10px 10px 0;
}
2011-06-03 05:12:50 +02:00
#content > article {
2011-06-01 17:41:49 +02:00
padding: 10px;
}
2011-06-02 00:48:29 +02:00
p {
padding: 0 0 10px 0;
}
#menu p {
padding: 4px;
}
2011-06-01 17:28:03 +02:00
a.sprache img {
2011-06-02 00:48:29 +02:00
margin-right: 5px;
2011-06-01 17:28:03 +02:00
}
2011-06-01 17:51:39 +02:00
2011-06-02 16:56:45 +02:00
table {
2011-06-03 05:12:50 +02:00
border-collapse: collapse;
2011-06-02 16:56:45 +02:00
}
2011-07-11 20:40:27 +02:00
fieldset table {
margin: 4px;
}
fieldset p {
2011-07-13 15:17:15 +02:00
clear: both;
margin: 4px;
}
fieldset p label {
display: block;
float: left;
width: 200px;
}
2011-06-02 16:56:45 +02:00
th {
2011-06-03 05:12:50 +02:00
background: #f0f0f0;
2011-06-02 16:56:45 +02:00
}
td, th {
2011-06-03 05:12:50 +02:00
border: 1px solid #888;
2011-06-02 16:56:45 +02:00
}
2011-06-03 01:03:39 +02:00
textarea {
2011-07-13 15:59:35 +02:00
font-family: inherit;
font-size: inherit;
2011-06-03 05:12:50 +02:00
height: 200px;
2011-07-13 15:59:35 +02:00
padding: 2px;
2011-06-03 05:12:50 +02:00
width: 300px;
}
2011-06-03 06:40:29 +02:00
.hidden {
background: #fff;
border: 1px solid #888;
display: none;
font-size: 12px;
padding: 4px;
}
td .hidden {
position: absolute;
}
tr:hover .hidden {
display: block;
}
2011-06-03 05:12:50 +02:00
.clear {
clear: both;
}
.pagination {
text-align: center;
2011-06-03 01:03:39 +02:00
}
2011-06-01 17:51:39 +02:00
.background {
background: #f0f0f0;
}
.container {
border: 1px solid #888;
}
.content {
background: #fff;
}
2011-06-02 00:48:29 +02:00
.error {
2011-06-03 05:12:50 +02:00
color: #f00;
2011-06-02 00:48:29 +02:00
}
.success {
2011-06-03 05:12:50 +02:00
color: #090;
2011-06-02 00:48:29 +02:00
}
2011-06-02 21:38:19 +02:00
.notice {
2011-06-03 05:12:50 +02:00
background: #f0f0f0;
border: 2px solid #888;
margin: 10px;
padding: 10px;
2011-06-02 21:38:19 +02:00
}
.new_message {
2011-06-03 05:12:50 +02:00
font-weight: bold;
}
.news_comment, .news {
border: 1px solid #888;
margin: 10px 0;
}
.news_comment details, .news details {
background: #f0f0f0;
padding: 4px;
}
.news_comment p, .news p, h3 {
padding: 4px;
}
.news_comment p, .news_comment details {
margin-left: 72px;
}
.avatar {
float: left;
margin: 4px;
max-width: 64px;
}
.news.meeting {
border: 1px solid #000;
box-shadow: 1px 1px 5px #888;
2011-06-02 21:38:19 +02:00
}
2011-07-19 19:12:36 +02:00
.done {
text-decoration: line-through;
}