MyStyle CSS

Coding
File Name: mystyle.css

 

html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
    width:100%;
    background:black;
    background-size: 10%;
}
ul{
    height:60px;
    width:430px;
   
    border: 0px none;
    padding: 1px;
    margin: 1px;
   
}
ul#places{
    height:200px;
    width:300px;
   
    border: 0px none;
    padding: 1px;
    margin: 1px;
    overflow-y: scroll;
   
}
input
{
    border:1px;
    color:black;
}

input[type='button']
{
    border:solid black 2px;
    border-radius :4px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    height:30px;
    background: blue;
    color:white;
}
#divcenter1
{
    width : 100px;
    height: 100px;
    background-color: red;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#weather, #list
{
    border: 2px solid blue;
    color: white;
}

#caption
{
    color:red;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 1px 1px black;
}

table , td ,th {
    border: 1px solid blue;
    border-collapse: collapse;
    padding:1px;
    backgorund:red;
}
table#t01 , td#t01 {
    border: 1px solid blue;
    border-collapse: collapse;
    padding:1px;
    backgorund:red;
}
td:nth-child(3),td:nth-child(5){
    background:#ffe6e6;
}
td#01{
    width:300px;
    block:inline;
}
table tr:nth-child(even) {
    background-color: #eee;
}
table th#01 {
    color: white;
    background-color: black;
    width:100%;
    height:40px;
}
table#t01 ,tr#t01:nth-child(even),tr#t01:nth-child(odd)
{
    border-collapse: collapse;
    background-color: #eee;
    color:black;
}
#map
{
    position:relative;
    height: 100%;
    top:0px;
}
#play
{
     position:relative;
    height: 98%;
    width: 98%;
    top:0px;
}
#map1
{
    position:absolute;
    height: 40%;
    width: 35%;
    top: 1%;
    margin-left: 65%;
    border: dotted 2px red;
}
#map2
{
    position:relative;
    height: 40%;
    weight: 40%;
    top:-95%;
}

#area
{
    width:100%;
    height:95%;
}

#bottom
{  
    position:relative;
    margin-left:35%;
    background:#300;
    padding:5px;
    border:solid white 1px;
    z-index:5px;
    bottom:30%;
    color:white;
    width:50%;
    height:10%;
}
#bottom2
{  
    position:relative;
    margin-left:30%;
    background:#300;
    padding:5px;
    border:solid white 1px;
    z-index:5px;
    bottom:10%;
    color:white;
    width:20%;
    height:10%;
}
#d01{
    clear:both;
    position:absolute;
    bottom:0;
    text-align:center;
    width:100%;
    height:50px;
    background:#300;
    color:white;
}

#bottom3
{  
    position:relative;
    margin-left:1%;
    background:#300;
    padding:5px;
    border:solid white 1px;
    z-index:5px;
    bottom:22%;
    color:white;
    width:15%;
    height:140px;
}
#directionsPanel
{   background:#f96;
    position:relative;
    float:right;
    top:-100%;
    color:white;
    width:42%;
    height:100%;
}
.labels
{
    color: white;
    background-color: blue;
    font-family:"Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    text-align: center;
    width: 100px;
    white-space: nowrap;
}
#right-panel
{
    font-family: 'Roboto','sans-serif';
    line-height: 24px;
    padding-left: 10px;
    font-size:14px;
}

#zoom,#marker
{   position:relative;
    height:50%;
    width:20%;
    margin-left:90%;
    top:-550px;
    color:red;
    font-weight: bold;
    text-shadow: 1px 1px black;
}
#floating-panel
{
    position: absolute;
    top: 10px;
    left: 25%;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
    text-align: center;
    font-family: 'Roboto','sans-serif';
    line-height: 30px;
    padding-left: 10px;
}
#mainmenu
{
    height: 95%;
}
#right-window
{   position:relative;
    height:35%;
    width:20%;
    margin-left:80%;
    font-size:10px;
    top:-85%;
    color:white;
    text-shadow: 1px 1px blue;
    border: 3px solid blue;
    background: black;
}
#bottom-window
{  
    position:absolute;
    margin-left:0%;
    background:brown;
    bottom:15%;
    color:white;
    width:20%;
    height:10%;
    padding:1px;
    border: 1x solid maroon;
    font-size:12px;
}
#options-bar
{
    background:black;
    border:solid blue 2px;
    text-align:center;
    height:5%;
    bottom:20%;
}
#heading
{
    position:relative;
    margin-left:0%;
    font-size:25px;
    height:50px;
    width:100%;
    color:#f44;
    font-family: "Times New Roman", Times, serif;
    top:-95%;
    text-shadow: 2px 3px black;
    text-align: center;
}
#subheading
{
    position:relative;
    margin-left:30%;
    font-size:25px;
    height:5%;
    width:50%;
    color:#f33;
    font-family: "Times New Roman", Times, serif;
    top:-97%;
    text-shadow: 2px 3px black;
    text-align: center;
}