style.styl 1.65 KB
body




a
  color: gray;

ul.sidenav
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 15%;
    background-color: #f1f1f1;
    height: 100%;
    position : fixed;
    overflow : auto;

ul.sidenav li a
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;


ul.sidenav li a.active
    background-color: #4CAF50;
    color: white;


ul.sidenav li a:hover:not(.active)
    background-color: #555;
    color: white;


#title
    text-align : center;
    width : 100%
    font-size : 50px;
    padding-bottom : 30px;

#content

    margin-left: 25%;
    padding: 10px 16px;
    height: 100%;

table
    width : 70%;
    border-collapse: collapse;
    text-align : center;
    vertical-align : middle;
td
    vertical-align: middle;
    text-align : center;
    border: 1px solid #ddd;
    width : 10%;
    height : 0%;
    padding-bottom: 20%;
    background-image : url("/images/stamp.jpg");
    background-repeat: no-repeat;
    background-position: center top;

.bold
    color : pink;
    font-size : 100%;
.small
    color : grey;
    font-size : 8pt;
#show
    width: 15%;
    display : inline-block;
    float : left;
    overflow : auto;
    position : fixed;
    background-image : url("/images/menu_icon.png");
    background-repeat: no-repeat;
    background-position: center top;

#maintitle
    text-align : center;
    background : black;
    color : white;
    padding: 80px 16px;
    margin-left : 15%;

#mynav
    display: block;
    margin-left: -250px;
    transition:all 0.4s ease-in-out 0s;

#mynav.open
    transition:all 0.4s ease-in-out 0s;
    float:left;
    margin-left : 0px;
#map
    height: 400px;
    width: 100%;