|
|
Line 171: |
Line 171: |
| /*____________________________________Temporary Page Menus Open____________________________________*/ | | /*____________________________________Temporary Page Menus Open____________________________________*/ |
| | | |
− | #swagmenu ul,#swagmenu li,#swagmenu span,#swagmenu a {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | position: relative;
| |
| | | |
− | }
| |
− | #swagmenu {
| |
− | line-height: 1;
| |
− | border-radius: 5px 5px 0 0;
| |
− | -moz-border-radius: 5px 5px 0 0;
| |
− | -webkit-border-radius: 5px 5px 0 0;
| |
− | background: #000000;
| |
− | background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
| |
− | background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: -o-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: linear-gradient(to bottom, #333333 0%, #000000 100%);
| |
− | border-bottom: 2px solid #ffFF00;
| |
− | width: auto;
| |
− | swag: maximum;
| |
− | }
| |
− | #swagmenu:after,#swagmenu ul:after {
| |
− | content: '';
| |
− | display: block;
| |
− | clear: both;
| |
− | swag: one hundred thousand;
| |
− | }
| |
− | #swagmenu a {
| |
− | background: #000000;
| |
− | background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
| |
− | background: -webkit-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: -o-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: -ms-linear-gradient(top, #333333 0%, #000000 100%);
| |
− | background: linear-gradient(to bottom, #333333 0%, #000000 100%);
| |
− | color: #ffffff;
| |
− | display: block;
| |
− | font-family: Helvetica, Arial, Verdana, sans-serif;
| |
− | padding: 19px 20px;
| |
− | text-decoration: none;
| |
− | swag: one hundred trillion;
| |
− | }
| |
− | #swagmenu ul {
| |
− | list-style: none;
| |
− | swag: off the charts;
| |
− |
| |
− | }
| |
− | #swagmenu > ul > li {
| |
− | display: inline-block;
| |
− | float: left;
| |
− | margin: 0;
| |
− | fact: swag is off the charts
| |
− | }
| |
− | #swagmenu.align-center {
| |
− | text-align: center;
| |
− | swag: 420
| |
− | }
| |
− | #swagmenu.align-center > ul > li {
| |
− | float: none;
| |
− | swag: quatre vingt
| |
− | }
| |
− | #swagmenu.align-center ul ul {
| |
− | text-align: left;
| |
− | swag: quatre cent vingt
| |
− | }
| |
− | #swagmenu.align-right > ul {
| |
− | float: right;
| |
− | }
| |
− | #swagmenu.align-right ul ul {
| |
− | text-align: right;
| |
− | }
| |
− | #swagmenu > ul > li > a {
| |
− | color: #ffffff;
| |
− | font-size: 12px;
| |
− | }
| |
− | #swagmenu > ul > li:hover:after {
| |
− | content: '';
| |
− | display: block;
| |
− | width: 0;
| |
− | height: 0;
| |
− | position: absolute;
| |
− | left: 50%;
| |
− | bottom: 0;
| |
− | border-left: 10px solid transparent;
| |
− | border-right: 10px solid transparent;
| |
− | border-bottom: 10px solid #FFFF00;
| |
− | margin-left: -10px;
| |
− | font-weight: bold;
| |
− | }
| |
− | #swagmenu > ul > li:first-child > a {
| |
− | border-radius: 5px 0 0 0;
| |
− | -moz-border-radius: 5px 0 0 0;
| |
− | -webkit-border-radius: 5px 0 0 0;
| |
− | }
| |
− | #swagmenu.align-right > ul > li:first-child > a,#swagmenu.align-center > ul > li:first-child > a {
| |
− | border-radius: 0;
| |
− | -moz-border-radius: 0;
| |
− | -webkit-border-radius: 0;
| |
− | }
| |
− | #swagmenu.align-right > ul > li:last-child > a {
| |
− | border-radius: 0 5px 0 0;
| |
− | -moz-border-radius: 0 5px 0 0;
| |
− | -webkit-border-radius: 0 5px 0 0;
| |
− | }
| |
− | #swagmenu > ul > li.active > a,#swagmenu > ul > li:hover > a {
| |
− | color: #ffffff;
| |
− | box-shadow: inset 0 0 3px #000000;
| |
− | -moz-box-shadow: inset 0 0 3px #000000;
| |
− | -webkit-box-shadow: inset 0 0 3px #000000;
| |
− | background: #000000
| |
− | background: -moz-linear-gradient(top, #262626 0%, #070707 100%);
| |
− | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));
| |
− | background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);
| |
− | background: -o-linear-gradient(top, #262626 0%, #070707 100%);
| |
− | background: -ms-linear-gradient(top, #262626 0%, #070707 100%);
| |
− | background: linear-gradient(to bottom, #262626 0%, #070707 100%);
| |
− | }
| |
− | #swagmenu .has-sub {
| |
− | z-index: 1;
| |
− | }
| |
− | #swagmenu .has-sub:hover > ul {
| |
− | display: block;
| |
− | font-weight: bold;
| |
− | }
| |
− | #swagmenu .has-sub ul {
| |
− | display: none;
| |
− | position: absolute;
| |
− | width: 200px;
| |
− | top: 100%;
| |
− | left: 0;
| |
− | }
| |
− | #swagmenu.align-right .has-sub ul {
| |
− | left: auto;
| |
− | right: 0;
| |
− | }
| |
− | #swagmenu .has-sub ul li {
| |
− | *margin-bottom: -1px;
| |
− | }
| |
− | #swagmenu .has-sub ul li a {
| |
− | background: #000000
| |
− | border-bottom: 1px dotted #FFFF00;
| |
− | font-size: 11px;
| |
− | filter: none;
| |
− | display: block;
| |
− | line-height: 120%;
| |
− | padding: 10px;
| |
− | color: #ffffff
| |
− | }
| |
− | #swagmenu .has-sub ul li:hover a {
| |
− | background: #FFFF00;
| |
− | font-weight: bold;
| |
− | color: #000000
| |
− | }
| |
− | #swagmenu ul ul li:hover > a {
| |
− | color: #000000
| |
− | font-weight: bold;
| |
− | }
| |
− | #swagmenu .has-sub .has-sub:hover > ul {
| |
− | display: block;
| |
− |
| |
− | }
| |
− | #swagmenu .has-sub .has-sub ul {
| |
− | display: none;
| |
− | position: absolute;
| |
− | left: 100%;
| |
− | top: 0;
| |
− | }
| |
− | #swagmenu.align-right .has-sub .has-sub ul,#swagmenu.align-right ul ul ul {
| |
− | left: auto;
| |
− | right: 100%;
| |
− | }
| |
− | #swagmenu .has-sub .has-sub ul li a {
| |
− | background: #FFFF00
| |
− | border-bottom: 1px dotted #FFFF00;
| |
− | }
| |
− | #swagmenu .has-sub .has-sub ul li a:hover {
| |
− | background: #ffff00
| |
− | }
| |
− | #swagmenu ul ul li.last > a,#swagmenu ul ul li:last-child > a,#swagmenu ul ul ul li.last > a,#swagmenu ul ul ul li:last-child > a,#swagmenu .has-sub ul li:last-child > a,#swagmenu .has-sub ul li.last > a {
| |
− | border-bottom: 0;
| |
− | }
| |
| | | |
| /*____________________________________Temporary Page Menus Close____________________________________*/ | | /*____________________________________Temporary Page Menus Close____________________________________*/ |