|
|
| Line 194: |
Line 194: |
| | } | | } |
| | | | |
| − | .dropotron {
| |
| − | text-align: left;
| |
| − | border: solid 1px #e5e5e5;
| |
| − | border-radius: 4px;
| |
| − | background: #fff;
| |
| − | background: rgba(255, 255, 255, 0.965);
| |
| − | box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
| |
| − | padding: 0.75em 0 0.5em 0;
| |
| − | min-width: 12em;
| |
| − | margin-top: calc(-0.5em + 1px);
| |
| − | margin-left: -2px;
| |
| − | }
| |
| − |
| |
| − | .dropotron.level-0 {
| |
| − | margin-top: 1.5em;
| |
| − | margin-left: -1em;
| |
| − | }
| |
| − |
| |
| − | .dropotron.level-0:after {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | left: 1.25em;
| |
| − | top: calc(-0.75em + 1px);
| |
| − | border-left: solid 0.75em rgba(255, 255, 255, 0);
| |
| − | border-right: solid 0.75em rgba(255, 255, 255, 0);
| |
| − | border-bottom: solid 0.75em #fff;
| |
| − | }
| |
| − |
| |
| − | .dropotron.level-0:before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | left: 1.25em;
| |
| − | top: -0.75em;
| |
| − | border-left: solid 0.75em rgba(255, 255, 255, 0);
| |
| − | border-right: solid 0.75em rgba(255, 255, 255, 0);
| |
| − | border-bottom: solid 0.75em #ccc;
| |
| − | }
| |
| − |
| |
| − | .dropotron span, .dropotron a {
| |
| − | display: block;
| |
| − | padding: 0.3em 1em 0.3em 1em;
| |
| − | border: 0;
| |
| − | border-top: solid 1px #f0f0f0;
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − | .dropotron li:first-child > span, .dropotron li:first-child > a {
| |
| − | border-top: 0;
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | .dropotron li:hover > span, .dropotron li:hover > a {
| |
| − | -moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
| |
| − | -webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
| |
| − | -ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
| |
| − | transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
| |
| − | color: #ed786a;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |