WEB/Praktikum2/ppm1/static/style.css

<<<<<<< HEAD
body{font-family:"Open Sans",sans-serif;font-size:12pt;padding:0;margin:0;}.clSiteHeader{position:absolute;top:0;left:0;right:0;height:100px;line-height:100px;margin:0;padding:5px;font-size:40pt;text-align:center;text-shadow:black 3px 2px;font-family:"Open Sans",sans-serif;background-color:#084791;border:none;border-radius:60px;}.clSiteHeader a{text-decoration:none;color:white;}.clSiteHeader:hover{background-color:#0D71E4;cursor:pointer;}.clSiteHeader a:visited,a:active{color:white;text-decoration:none;}.clContent{position:absolute;top:150px;left:0;right:0;bottom:0;margin:0;padding:5px;background-repeat:no-repeat;background-position:bottom left;}.clContentHeader{position:absolute;top:20px;left:0;right:0;height:30px;line-height:30px;margin:0;padding:5px;font-size:18pt;text-align:center;}.clContentArea{position:absolute;top:80px;left:0;right:0;bottom:0px;margin:10px 0;margin-left:10px;padding:5px;background-attachment:#819FF7;}.clButtonArea{position:absolute;left:0;right:0;bottom:0;height:80px;line-height:80px;margin:0;padding:5px;text-align:center;background-color:#FFFFFF;}.clButtonArea a,input[type="submit"]{margin:0 5px;padding:3px 6px;font-size:14pt;text-decoration:none;border:2px solid;color:white;background-color:#084791;}.clButtonArea a:hover{color:white;background-color:#0D71E4;cursor:pointer;}.clButtonArea a:visited,a:active{color:white;}.clNavButton{display:inline-block;text-align:center;background-color:#084791;border:1px solid black;color:white;padding:15px 32px;text-decoration:none;font-size:16px;cursor:pointer;float:left;clear:left;width:20%;margin-left:38%;margin-right:30%;}.clNavButton:hover{background-color:#0D71E4;}#idList{table-layout:fixed;width:auto;border:2px solid;border-collapse:collapse;margin:auto;}#idList th{text-align:center;padding-left:5px;background-color:white;padding:3px;border:2px solid;}#idList td{padding:3px;border:2px solid;cursor:pointer;}#idForm .clContentArea{width:500px;margin:auto;}.selected{background-color:#0D71E4;color:white;}.clFormRow{position:relative;height:30px;margin-bottom:10px;}.clFormRow label{position:absolute;top:0;left:0;width:240px;text-align:center;}.clFormRow input{position:absolute;top:0;left:250px;width:250px;}.clFormRow select{position:absolute;top:0;left:250px;width:250px;}h3{text-align:center;}
=======
body {
   font-family: "Open Sans", sans-serif;
   font-size: 12pt;

   padding: 0;
   margin: 0;
}

.clSiteHeader {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 100px;
   line-height: 100px;
   margin: 0;
   padding: 5px;
   font-size: 40pt;
   text-align: center;
   text-shadow:black 3px 2px;
   font-family: "Open Sans", sans-serif;
   background-color: #084791;
   border: none;
   border-radius: 60px;
}

.clSiteHeader a {
   text-decoration: none;
   color: white;
}

.clSiteHeader:hover {
   background-color: #0D71E4;
   cursor: pointer;
}

.clSiteHeader a:visited, a:active {
   color: white;
   text-decoration: none;
}

.clContent {
   position: absolute;
   top: 150px;  /* height, padding, border, margin von idSiteHeader beachten */
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0;
   padding: 5px;
   /*background-image: url("/img/logo.png");*/
   background-repeat: no-repeat;
   background-position: bottom left;
}

.clContentHeader {
   position: absolute;
   top: 20px;
   left: 0;
   right: 0;
   height: 30px;
   line-height: 30px;
   margin: 0;
   padding: 5px;
   font-size: 18pt;
   text-align: center;

}

.clContentArea {
   position: absolute;
   top: 80px; /* height, padding, border, margin von idContentHeader beachten */
   left: 0;
   right: 0;
   bottom: 0px;  /* height, padding, border, margin von idButtonArea beachten */
   margin: 10px 0;
   margin-left: 10px;
   padding: 5px;
   background-attachment: #819FF7 ;
}


.clButtonArea {
   position: absolute;
   left: 0;
   right: 0;
   /*float: left; width: 10px:*/
   bottom: 0;
   height: 80px;
   line-height: 80px;
   margin: 0;
   padding: 5px;
   text-align: center;
   background-color: #FFFFFF;
}

.clButtonArea a, input[type="submit"] {
   margin: 0 5px;
   padding: 3px 6px;
   font-size: 14pt;
   text-decoration: none;
   border: 2px solid;
   color: white;
   background-color: #084791;
   
}

.clButtonArea a:hover {
   color: white;
   background-color: #0D71E4;
   cursor: pointer;
}

.clButtonArea a:visited, a:active {
   color: white;
}

.clNavButton {
   display: inline-block;
   text-align: center;
   background-color: #084791;
   border: 1px solid black;
   color: white;
   padding: 15px 32px;
   text-decoration: none;
   font-size: 16px;
   cursor: pointer;
   float: left;
   clear: left;
   width:20%;
   margin-left: 38%;
   margin-right: 30%;
}

.clNavButton:hover {
   background-color: #0D71E4;
}


#idList {
   table-layout: fixed;
   width: auto;
   border: 2px solid;
   border-collapse: collapse;
   margin:auto;
}

#idList th {
   text-align: center;
   padding-left: 5px;
   background-color: white;
   padding: 3px;
   border: 2px solid;
}

#idList td {
   padding: 3px;
   border: 2px solid;
   cursor: pointer;
}

#idForm .clContentArea {
   width: 500px;
   margin: auto;
}

.selected {
   background-color: #0D71E4;
   color: white;
}

.clFormRow {
   position: relative;
   height: 30px;
   margin-bottom: 10px;
}

.clFormRow label {
   position: absolute;
   top: 0;
   left: 0;
   width: 240px;
   text-align: center;
}

.clFormRow input {
   position: absolute;
   top: 0;
   left: 250px;
   width: 250px;
}

.clFormRow select {
   position: absolute;
   top: 0;
   left: 250px;
   width: 250px;
}

h3 {
   text-align: center;
}
/* EOF */
>>>>>>> 8825fc510535fc545cb82dcdf3e43792144e6d2e