Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- }
- header {
- padding: .5em 0 2em 0;
- }
- html {
- background-color: white;
- }
- .sns {
- float: right;
- padding: .2em 4em 0 2em;
- }
- /* the styles for the navigation menu */
- ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- background-color: #333;
- }
- li {
- float: left;
- }
- li a, .dropbtn {
- display: inline-block;
- color: white;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- }
- li a:hover:not(.active), .dropdown:hover .dropbtn {
- background-color: #111;
- }
- .active {
- background-color: #4CAF50;
- }
- li.dropdown {
- display: inline-block;
- }
- .dropdown-content {
- display: none;
- position: absolute;
- background-color: #333;
- min-width: 160px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- z-index: 1;
- }
- .dropdown-content a {
- color: white;
- padding: 12px 16px;
- text-decoration: none;
- display: block;
- text-align: left;
- }
- .dropdown-content a:hover {background-color: #333}
- .dropdown:hover .dropdown-content {
- display: block;
- }
- body {
- padding-top: 20px;
- }
- #custom_carousel .item {
- color:#000;
- background-color:#eee;
- padding:20px 0;
- }
- #custom_carousel .controls{
- overflow-x: auto;
- overflow-y: hidden;
- padding:0;
- margin:0;
- white-space: nowrap;
- text-align: center;
- position: relative;
- background:#ddd;
- }
- #custom_carousel .controls li {
- display: table-cell;
- width: 1%;
- max-width:90px;
- }
- #custom_carousel .controls .active {
- background-color:#eee;
- border-top:3px solid orange;
- }
- #custom_carousel .controls a small {
- overflow:hidden;
- display:block;
- font-size:10px;
- margin-top:5px;
- font-weight:bold;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement