Advertisement
Guest User

CSS Vertical Menu

a guest
Nov 22nd, 2017
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.17 KB | None | 0 0
  1. title {
  2.     display: none;
  3. }
  4.  
  5. /* General Config */
  6. body {
  7.     background:#fff url("https:url") no-repeat 50% 0; /* Configuration of background */
  8.     font-family: "Times New Roman", Times, Georgia, serif; /* General font config */
  9. }
  10.  
  11. a {
  12.     text-decoration: none;
  13. }
  14.  
  15. a:link {
  16.     color: #069;
  17. }
  18.  
  19. a:active {
  20.     color: #39c;
  21. }
  22.  
  23. a:visited {
  24.     color: #069;
  25. }
  26.  
  27. a:hover {
  28.     color: #EEEEFF;
  29.     background: #069;
  30. }
  31.  
  32. label.error {
  33.     color: #f60;
  34. }
  35.  
  36. input.defaultButton {
  37.     color: #EEEEFF;
  38.     background: #069;
  39. }
  40.  
  41. #container {
  42.     background-color: transparent;
  43.     font-size: 1em;
  44. }
  45.  
  46. #header {
  47.     height:  160px;
  48.     background-color: transparent;
  49. }
  50.  
  51. #headerTitle {
  52.     text-align: center;
  53. }
  54.  
  55. #header h1 {
  56.     line-height: 2.5;
  57.     font-family: 'Product Sans';
  58.     font-style: normal;
  59.     font-weight: 400;
  60.     src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  61.     text-transform: uppercase;
  62.     letter-spacing: 10px;
  63.     font-size: 2em;
  64.     background-color: transparent;
  65.     color:  transparent;
  66. }
  67.  
  68. #footer {
  69.     background-color: #069;
  70.     color:  #fff;
  71. }
  72.  
  73. #footerContent {
  74.     color:  #fff;
  75. }
  76.  
  77. #main {
  78.     background-color: #fff;
  79.     border-bottom: 1px dotted #069;
  80.     margin-top: 15px;
  81. }
  82.  
  83. #main h2 {
  84.     font-family: 'Product Sans';
  85.     font-style: normal;
  86.     font-weight: 400;
  87.     src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  88.     text-transform: uppercase;
  89.     margin-left: 220px;
  90. }
  91.  
  92. #main h3 {
  93.     font-family: "Times New Roman", Times, Georgia, serif;
  94.     text-transform: uppercase;
  95. }
  96.  
  97. /* Start of Navbar */
  98. #navbar {
  99.     text-align: center;
  100.     display: block;
  101.     color: white;
  102.     border-bottom: none;   
  103.     font-family: 'Product Sans';
  104.     font-style: normal;
  105.     font-weight: 700;
  106.     src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  107.     font-size: 1.2em;
  108.     width: 200px; /* Set a width if you like */
  109. }
  110.  
  111. ul.menu {
  112.     list-style-type: none;
  113.     margin: 0;
  114.     padding: 0;
  115.     overflow: auto;
  116.     background-color: #069;
  117.     width: 200px; /* Set a width if you like */
  118. }
  119.  
  120. ul.menu li {
  121.     width: 200px; /* Set a width if you like */
  122. }
  123.  
  124. ul.menu li a {
  125.     background-color: #eee; /* Grey background color */
  126.     color: black; /* Black text color */
  127.     display: block; /* Make the links appear below each other */
  128.     padding: 12px; /* Add some padding */
  129.     text-decoration: none; /* Remove underline from links */
  130. }
  131.  
  132. ul.menu li a:hover {
  133.     background-color: #154156;
  134.     color: white;
  135. }
  136. /* End of Navbar */
  137.  
  138.  
  139.  
  140. /* Location bar*/
  141. #breadcrumb {
  142.     height: 18px;
  143.     line-height: 1.5em;
  144.     text-align: right;
  145.     border-bottom: 1px dotted transparent;
  146.     padding: 0;
  147.     /* Start font sec */
  148.     font-family: 'Product Sans';
  149.     font-weight: 300;
  150.     src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  151.     font-style: normal;
  152.     font-size: 75%;
  153.     /* End font sec */
  154.     margin-left: 220px;
  155. }
  156.  
  157. #content {
  158.     border-top: 1px dotted #069;
  159.     margin-left: 220px;
  160. }
  161.  
  162. #content h3 {
  163.     font-family:  "Times New Roman", Times, Georgia, serif;
  164.     text-transform: uppercase;
  165. }
  166.  
  167. #content h4 {
  168.     font-family:  "Times New Roman", Times, Georgia, serif;
  169.     text-transform: uppercase;
  170. }
  171.  
  172. #content h5 {
  173.     text-transform: uppercase;
  174. }
  175.  
  176. span.highlight {
  177.     border-bottom: 1px dotted #069;
  178. }
  179.  
  180. table.listing tr.highlight {
  181.     background: #fcff64;
  182. }
  183.  
  184. table.listing tr.fastTracked {
  185.     background-color: #EEEEFF;
  186. }
  187.  
  188. table.listing td.headseparator {
  189.     border-top: 1px dotted #069;
  190. }
  191.  
  192. table.listing td.endseparator {
  193.     border-top: 1px dotted #069;
  194. }
  195.  
  196. span.formError {
  197.     color: #f60;
  198. }
  199.  
  200. ul.formErrorList {
  201.     color: #f60;
  202. }
  203.  
  204. div.separator {
  205.     border-bottom: 1px dotted #069;
  206. }
  207.  
  208. #rightSidebar ul, #leftSidebar ul {
  209.     margin-left: 0px;
  210.     padding-left: 0px;
  211. }
  212.  
  213. #rightSidebar li, #leftSidebar li {
  214.     list-style-type: none;
  215. }
  216.  
  217. #rightSidebar, #leftSidebar {
  218.     margin-top: 5px;
  219.     border-bottom: 1px dotted #069;
  220. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement