|
|
| Zeile 54: |
Zeile 54: |
| border-bottom: 4px solid transparent; | | border-bottom: 4px solid transparent; |
| } | | } |
|
| |
|
| |
| /* Global Button Styles */
| |
| a.drilldown-btn-test:link, a.drilldown-btn-test:visited {
| |
| position: relative;
| |
| display: block;
| |
| margin: 30px auto 0;
| |
| padding: 14px 15px;
| |
| color: #000000;
| |
| font-size:14px;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| text-decoration: none;
| |
| text-transform: uppercase;
| |
| overflow: hidden;
| |
| letter-spacing: .08em;
| |
| border-radius: 0;
| |
| text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
| |
| -webkit-transition: all 1s ease;
| |
| -moz-transition: all 1s ease;
| |
| -o-transition: all 1s ease;
| |
| transition: all 1s ease;
| |
| }
| |
| a.drilldown-btn-test:link:after, a.drilldown-btn-test:visited:after {
| |
| content: "";
| |
| position: absolute;
| |
| height: 0%;
| |
| left: 50%;
| |
| top: 50%;
| |
| width: 150%;
| |
| z-index: -1;
| |
| -webkit-transition: all 0.75s ease 0s;
| |
| -moz-transition: all 0.75s ease 0s;
| |
| -o-transition: all 0.75s ease 0s;
| |
| transition: all 0.75s ease 0s;
| |
| }
| |
| a.drilldown-btn-test:link:hover, a.drilldown-btn-test:visited:hover {
| |
| color: #FFF;
| |
| text-shadow: none;
| |
| }
| |
| a.drilldown-btn-test:link:hover:after, a.drilldown-btn-test:visited:hover:after {
| |
| height: 450%;
| |
| }
| |
| a.drilldown-btn-test:link, a.drilldown-btn-test:visited {
| |
| position: relative;
| |
| display: block;
| |
| margin: 30px auto 0;
| |
| padding: 14px 15px;
| |
| color: #000000;
| |
| font-size:14px;
| |
| border-radius: 0;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| text-decoration: none;
| |
| text-transform: uppercase;
| |
| overflow: hidden;
| |
| letter-spacing: .08em;
| |
| text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
| |
| -webkit-transition: all 1s ease;
| |
| -moz-transition: all 1s ease;
| |
| -o-transition: all 1s ease;
| |
| transition: all 1s ease;
| |
| }
| |
|
| |
| /* Victoria Buttons */
| |
|
| |
| a.drilldown-btn-test.victoria-two {
| |
| border: 2px solid #006B99;
| |
| }
| |
| a.drilldown-btn-test.victoria-two:after {
| |
| background: #006B99;
| |
| -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
| |
| -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
| |
| -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
| |
| transform: translateX(-50%) translateY(-50%) rotate(25deg);
| |
| }
| |
|
| |
|
| |
| </style> | | </style> |
| </head> | | </head> |