...
CSS Stylesheet |
---|
.container { /*display: flex;*/ display: inline; width: 100%; justify-content: space-evenly; } .container>div { flex: 1; /*grow*/ } .menu { float: left; height: 60px; width: 80%90%; background-color: #1870b8; } .menu a { display: block !important; color: #FFF !important; padding: auto !important; text-decoration: none !important; text-align: left !important; white-space: nowrap !important; } button { border: none; font-family: "Georgia"; font-size: 16px; font-style: normal; font-weight: 400; } button:hover { color: #fdce08; } .sectionColumnWrapper { overflow-x: visible !important; } .expand-control { font-size: 16px !important; } #mysection { z-index: 100; /* width: 175px;*/ justify-content: space-between; } .dropdown { display: inline-block; position: relative; white-space: nowrap; /* width: 175px;*/ padding-left: 25px; } button { font-size: 20px; color: #FFF; background-color: #1870b8; padding: 10px; height: 50px; } .center { margin: auto; width: 75%; padding: 0px; } .innerCell { overflow-x: visible !important; } .dropdown-content { display: none; position: absolute; top: 50px; /*right: 35px;*/ left: 0px; width: auto; min-width: 120px; overflow: auto; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4); background-color: #FFFFFF; font-family: "Georgia"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.5em; } .dropdown-content:hover { background: "#fff"; } .dropdown:hover .dropdown-content { display: block; max-height: 550px; animation-name: wfc; animation-duration: 1s; } .dropdown-content a { display: block !important; color: #000000 !important; /*padding: 5px !important;*/ text-decoration: none !important; text-align: left !important; white-space: nowrap !important; height: 100%; padding: 0.6em 20px; white-space: nowrap; } .dropdown-content a:hover { color: #003399; background: #f0f0f0; } @media screen and (max-width: 1525px) { .container { display: table; } @keyframes wfc { from { opacity: 0; transform: scaleX(0.01) } to { opacity: 1; transform: scaleX(1) } } } table.confluenceTable th.confluenceTh { background-color: #FFF !important; } #mysection1 { display: block; } * { box-sizing: border-box; } .right { background-color: #ffffff; float: left; width: 20%10%; padding: 0px; margin-top: 0px; text-align: center; } |
...