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