notabug.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /* top navbar and buttons */
  2. #header-div { background-color: #428bca ; color: white ; }
  3. #header-div a.item.active { color: #CC0 ; }
  4. #header-logo-img { width: 48px ; height: 48px ; }
  5. /* top navbar right menu */
  6. .ui.menu .dropdown.item .menu { background: #428bca ; }
  7. .notabug-header ,
  8. .notabug-item ,
  9. .ui.menu .ui.dropdown .menu > .notabug-item { color: white !important ; }
  10. div.right.menu { height: 48px ; }
  11. .ui.secondary.menu .item { height: 40px; }
  12. div.dropdown:nth-child(2) > span:nth-child(1) { margin-bottom: 4px ; } /* + btn */
  13. div.right:nth-child(6) > a:nth-child(3) > i:nth-child(1) { margin-left: 6px ; } /* logout btn */
  14. /* top navbar buttons hover */
  15. .ui.dropdown.head.link.jump.item.poping.up:hover ,
  16. .ui.top.secondary.menu a.item:hover { color: #ff0 ; }
  17. .following.bar .top.menu a.item:hover ,
  18. .following.bar .top.menu .dropdown.item:hover { background-color: #244664 ; }
  19. div.right:nth-child(6) > a:nth-child(3):hover { background-color: #244664 ; } /* logout btn */
  20. div.right:nth-child(6) > a:nth-child(3) > i:nth-child(1):hover { color: #ff0 ; } /* logout btn */
  21. /* top navbar right menu hover */
  22. .notabug-item:hover ,
  23. .ui.menu .ui.dropdown .menu > .notabug-item:hover
  24. { background-color: #244664 !important ; color: #ff0 !important ; }
  25. /* static notabug pages */
  26. input { background-color: white ; color: black ; }
  27. #about-div , #help-div , #outages-div , #tos-div { margin: 32px 0px 80px 0px ; }
  28. #home-div { width: 100% ; background-color: #428bca ; }
  29. #home-header-div { padding-top: 10% ; padding-bottom: 10% ; }
  30. #home-logo-div { margin-left: 12% ; width: 128px ; }
  31. #home-login-div { margin-right: 0% ; width: 60% ; }
  32. #home-logo-img { width: 100%; }
  33. #home-title-span { color: #0C0 ; font-family: monospace ; }
  34. #home-title-l-span { color: #00C ; font-family: monospace ; }
  35. #home-title-r-span { color: #CC0 ; font-family: monospace ; }
  36. .home-login-label { float: left ; width: 3em ; }
  37. .home-login-span , .home-login-btn { position: relative ; top: -1.25em ; margin: 0em 0.5em ;
  38. color: white ; height: 24px ; }
  39. .home-login-btn { background-color: rgb(33, 186, 69) ;
  40. box-shadow: 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset ;
  41. border: medium none ; border-radius: 0.285714rem ; }
  42. #home-footer-div { padding: 1em ; z-index: -1 ; background-color: white ;
  43. text-align: center ; }
  44. #home-footer-l-div { width: 50% ; margin-bottom: 1em ; }
  45. #home-footer-r-div { width: 50% ; margin-bottom: 1em ; }