|
Home - Old Man Programmer
| Displaying webapps/scheduler/style.css
body {
font-family: "Arial";
font-size: 14pt;
background: #243441;
}
.center {
text-align: center;
}
.content {
background: white;
border-radius: 5px;
box-shadow: 3px 3px gray;
padding: 10px;
}
#tabs {
font-size: 14pt;
}
#tabs .tab {
margin: 1px 0px -1px 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 5px 10px;
float: left;
border: 1px solid gray;
background: #CCCDD0;
}
#tabs .tab:hover {
background: #DDDEE0;
cursor: pointer;
}
#tabs .activetab {
margin: 1px 0px -1px 10px;
padding: 5px 10px;
float: left;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid white;
background: white;
}
input[type='textbox'], .color{
padding: 1px 4px 1px 4px;
border: 1px solid gray;
border-radius: 4px;
font-size: 16pt;
}
select, button {
font-size: 16pt;
padding: 5px;
}
button.on {
color: black;
text-shadow: 2px 1px 1px #888888;
}
button.off {
color: #BBBBBB;
}
.event {
border: 1px solid lightgray;
box-shadow: 4px 4px 4px lightgray;
margin:10px;
padding: 5px;
}
.alert {
background: red;
}
#mt {
margin-left: 20px;
float: left;
}
#mt td {
font-size: 16pt;
}
#mt input {
font-size: 18pt;
}
#mt button {
font-size: 13pt;
padding: 5px;
}
#body {
clear: both;
padding: 10px;
border: 1px solid gray;
border-radius: 4px;
background: white;
}
.popup {
border: 1px solid lightgray;
border-radius: 4px;
box-shadow: 4px 4px 4px lightgray;
position: absolute;
background: white;
z-index: 1;
min-width: 350px;
min-height: 200px;
/* padding-left: 10px;*/
}
.popup button {
float: right;
}
.popup table {
padding: 0px 10px 10px 10px;
clear: both;
}
.popup tbody tr:hover {
background: lightgray;
cursor: pointer;
}
#schedule {
margin: auto;
background: white;
border-collapse: separate;
border-spacing: 0px;
border: 1px solid black;
border-radius: 4px;
padding: 20px;
margin-bottom: 10px;
}
#schedule td, #schedule tbody th {
min-width: 100px;
border-bottom: 1px solid black;
border-right: 1px solid black;
text-align: center;
}
#schedule tbody th {
border-left: 1px solid black;
}
#schedule tbody tr:first-child th:first-child {
border-top: 1px solid black;
}
#schedule tr:first-child td {
border-top: 1px solid black;
}
#legend {
margin: auto;
background: white;
border-collapse: separate;
border-spacing: 1px;
border: 1px solid black;
border-radius: 4px;
padding: 20px;
margin-bottom: 10px;
}
|