hserver-fahrradboerse/hServer/packages/derkleinebasar/templates/layout.css

181 lines
2.2 KiB
CSS

<%
request.setResponseHeader("Content-Type","text/css")
%>
<%include ("common_css",self)%>
body,div,section {
font-family: DejaVu Sans, Sans;
font-size: 14px;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
td {
padding: 4px;
padding-right: 10px;
height: auto;
overflow: scroll;
vertical-align: top;
border-bottom: 1px dotted gray;
}
td textarea {
width: 95%;
height: 80px;
}
input[type="number"] {
text-align: right;
}
#header {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 40px;
border-bottom: 2px solid black;
background-color: #60FF80;
}
#header > div {
position: absolute;
top: 5px;
right: 15px;
font-size: 24px;
font-style: italic;
}
#search {
border-radius: 8px;
border: 1px solid black;
margin-top: 5px;
padding: 8px;
width: 90%;
font-size: 12px;
font-style: italic;
background-color: #60FF80;
}
#search input[type=text] {
border-radius: 5px;
padding: 2px;
width: 160px;
margin-top: 4px;
margin-bottom: 4px;
}
#menu {
float: left;
position: absolute;
top: 50px;
left: 0px;
padding-left: 20px;
padding-right: 10px;
border-right: 2px solid #60FF80;
min-height: 400px;
min-width: 180px;
}
#menu > a {
display: block;
padding: 10px;
margin: 5px;
border: 2px solid #60FF80;
border-radius: 8px;
font-size: 24px;
text-align: center;
}
#menu > a:link {
font-style: normal;
text-decoration: none;
color: blue;
background-color: #A0FFD0;
}
#menu > a:visited {
font-style: normal;
text-decoration: none;
color: blue;
}
#menu > a:hover {
background-color: #40DF60;
font-style: italic;
}
#page {
display: block;
margin-left: 240px;
margin-top: 50px;
}
thead > tr {
padding-bottom: 2px;
border-bottom: 1px solid black;
font-style: italic;
font-weight: bold;
}
thead > tr > td {
padding-right: 40px;
}
a {
font-style: italic;
}
td > input {
width: 95%;
min-width: 60px;
}
.big {
font-size: 150%;
}
.wide {
width: 240px;
}
.space {
padding-top: 8px;
padding-bottom: 8px;
}
.pre {
white-space: pre;
}
.indent {
margin-left: 1cm;
}
.stroke {
text-decoration: line-through;
}
.gray {
color: gray;
}
@media print {
#menu, #search {
visibility: hidden;
display: none;
}
#page {
margin-left: 0px;
}
}