annotate www/emma/css/menu.css @ 101:52e44ee1c791 tip master

enabled all scores in autostart script
author Rob Canning <rc@kiben.net>
date Tue, 21 Apr 2015 16:20:57 +0100
parents d8f494bdbb18
children
rev   line source
rc-web@66 1 #nav {
rc-web@66 2 margin: 0;
rc-web@66 3 padding: 1px 1px 0;
rc-web@66 4 background: #7d7d7d;
rc-web@66 5 line-height: 100%;
rc-web@66 6 border-radius: 1em;
rc-web@66 7 -webkit-border-radius: 1em;
rc-web@66 8 -moz-border-radius: 1em;
rc-web@66 9 -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
rc-web@66 10 -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
rc-web@66 11 position:absolute;
rc-web@66 12 left: 0px;
rc-web@66 13 bottom: -50px;
rc-web@66 14 }
rc-web@66 15 #nav li {
rc-web@66 16 margin: 0 5px;
rc-web@66 17 padding: 0 0 8px;
rc-web@66 18 float: left;
rc-web@66 19 position: relative;
rc-web@66 20 list-style: none;
rc-web@66 21 }
rc-web@66 22
rc-web@66 23
rc-web@66 24 /* main level link */
rc-web@66 25 #nav a {
rc-web@66 26 font-weight: bold;
rc-web@66 27 color: #e7e5e5;
rc-web@66 28 text-decoration: none;
rc-web@66 29 display: block;
rc-web@66 30 padding: 8px 20px;
rc-web@66 31 margin: 0;
rc-web@66 32
rc-web@66 33 -webkit-border-radius: 1.6em;
rc-web@66 34 -moz-border-radius: 1.6em;
rc-web@66 35
rc-web@66 36 text-shadow: 0 1px 1px rgba(0,0,0, .3);
rc-web@66 37 }
rc-web@66 38 #nav a:hover {
rc-web@66 39 background: #000;
rc-web@66 40 color: #fff;
rc-web@66 41 }
rc-web@66 42
rc-web@66 43 /* main level link hover */
rc-web@66 44 #nav .current a, #nav li:hover > a {
rc-web@66 45 background: #666;
rc-web@66 46 color: #444;
rc-web@66 47 border-top: solid 1px #f8f8f8;
rc-web@66 48
rc-web@66 49 -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
rc-web@66 50 -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
rc-web@66 51 box-shadow: 0 1px 1px rgba(0,0,0, .2);
rc-web@66 52
rc-web@66 53 text-shadow: 0 1px 0 rgba(255,255,255, 1);
rc-web@66 54 }
rc-web@66 55
rc-web@66 56 /* sub levels link hover */
rc-web@66 57 #nav ul li:hover a, #nav li:hover li a {
rc-web@66 58 background: none;
rc-web@66 59 border: none;
rc-web@66 60 color: #666;
rc-web@66 61
rc-web@66 62 -webkit-box-shadow: none;
rc-web@66 63 -moz-box-shadow: none;
rc-web@66 64 }
rc-web@66 65 #nav ul a:hover {
rc-web@66 66 background: #0078ff !important;
rc-web@66 67 color: #fff !important;
rc-web@66 68
rc-web@66 69 -webkit-border-radius: 0;
rc-web@66 70 -moz-border-radius: 0;
rc-web@66 71
rc-web@66 72 text-shadow: 0 1px 1px rgba(0,0,0, .1);
rc-web@66 73 }
rc-web@66 74
rc-web@66 75 /* dropdown */
rc-web@66 76 #nav li:hover > ul {
rc-web@66 77 display: block;
rc-web@66 78 }
rc-web@66 79
rc-web@66 80 /* level 2 list */
rc-web@66 81 #nav ul {
rc-web@66 82 display: none;
rc-web@66 83
rc-web@66 84 margin: 0;
rc-web@66 85 padding: 0;
rc-web@66 86 width: 185px;
rc-web@66 87 position: absolute;
rc-web@66 88 top: -55px;
rc-web@66 89 left: 0;
rc-web@66 90 background: #ddd;
rc-web@66 91 border: solid 1px #b4b4b4;
rc-web@66 92
rc-web@66 93 -webkit-border-radius: 10px;
rc-web@66 94 -moz-border-radius: 10px;
rc-web@66 95 border-radius: 10px;
rc-web@66 96
rc-web@66 97 -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
rc-web@66 98 -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
rc-web@66 99 box-shadow: 0 1px 3px rgba(0,0,0, .3);
rc-web@66 100 }
rc-web@66 101 #nav ul li {
rc-web@66 102 float: none;
rc-web@66 103 margin: 0;
rc-web@66 104 padding: 0;
rc-web@66 105 }
rc-web@66 106
rc-web@66 107 #nav ul a {
rc-web@66 108 font-weight: normal;
rc-web@66 109 text-shadow: 0 1px 0 #fff;
rc-web@66 110 }
rc-web@66 111
rc-web@66 112 /* level 3+ list */
rc-web@66 113 #nav ul ul {
rc-web@66 114 left: 181px;
rc-web@66 115 top: -3px;
rc-web@66 116 }
rc-web@66 117
rc-web@66 118 /* rounded corners of first and last link */
rc-web@66 119 #nav ul li:first-child > a {
rc-web@66 120 -webkit-border-top-left-radius: 9px;
rc-web@66 121 -moz-border-radius-topleft: 9px;
rc-web@66 122
rc-web@66 123 -webkit-border-top-right-radius: 9px;
rc-web@66 124 -moz-border-radius-topright: 9px;
rc-web@66 125 }
rc-web@66 126 #nav ul li:last-child > a {
rc-web@66 127 -webkit-border-bottom-left-radius: 9px;
rc-web@66 128 -moz-border-radius-bottomleft: 9px;
rc-web@66 129
rc-web@66 130 -webkit-border-bottom-right-radius: 9px;
rc-web@66 131 -moz-border-radius-bottomright: 9px;
rc-web@66 132 }
rc-web@66 133
rc-web@66 134 /* clearfix */
rc-web@66 135 #nav:after {
rc-web@66 136 content: ".";
rc-web@66 137 display: block;
rc-web@66 138 clear: both;
rc-web@66 139 visibility: hidden;
rc-web@66 140 line-height: 0;
rc-web@66 141 height: 0;
rc-web@66 142 }
rc-web@66 143 #nav {
rc-web@66 144 display: inline-block;
rc-web@66 145 }
rc-web@66 146 html[xmlns] #nav {
rc-web@66 147 display: block;
rc-web@66 148 }
rc-web@66 149
rc-web@66 150 * html #nav {
rc-web@66 151 height: 1%;
rc-web@66 152 }