123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- *
- {
- padding: 0px;
- margin: 0px;
- font-family: "Lucida Console", Monaco, monospace;
- font-size: 18px;
- }
- body
- {
- background-color: #303030;
- }
- /*
- --------------------------------------------------------------------------------
- Navbar
- --------------------------------------------------------------------------------
- */
- nav
- {
- background-color: #602020;
- color: #FFFFFF;
- margin-bottom: 10px;
- }
- nav a
- {
- color: #FFFFFF !important;
- }
- nav a:hover
- {
- color: #CCCCCC !important;
- }
- nav button
- {
- border-color: #FFFFFF !important;
- }
- nav button:hover
- {
- background-color: #802525 !important;
- }
- nav button:focus
- {
- background-color: #802525 !important;
- }
- nav .navbar-toggler-icon
- {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
- }
- .navbar-brand
- {
- font-size: 26px;
- }
- @media(max-width: 500px)
- {
- .navbar-brand
- {
- font-size: 22px;
- }
- }
- @media(max-width: 400px)
- {
- .navbar-brand
- {
- font-size: 18px;
- }
- }
- /*
- --------------------------------------------------------------------------------
- Main
- --------------------------------------------------------------------------------
- */
- main
- {
- padding: 0px !important;
- }
- main button
- {
- color: #FFFFFF;
-
- padding: 10px;
-
- background-color: #602020;
- border-color: #000000;
- border-width: 1px;
- border-style: solid;
-
- box-sizing: border-box;
- }
- main button:hover
- {
- background-color: #801010;
- }
- main button:focus
- {
- background-color: #801010;
- }
|