| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- .page-404 {
- position: relative;
- .searchform {
- position: relative;
- display: block;
- margin: 20px auto 100px auto;
- max-width: 860px;
- box-sizing: border-box;
- }
- input[name=s] {
- box-sizing: border-box;
- z-index: 1;
- padding: 15px 122px 15px 30px;
- width: 100%;
- height: 60px;
- font-size: 18px;
- font-weight: 200;
- &:focus {
- font-style: normal;
- }
- }
- input[type=submit] {
- position: absolute;
- top: 5px;
- right: 5px;
- bottom: 5px;
- z-index: 3;
- padding: 0em 2.2em !important;
- height: 50px;
- font-size: 16px;
- opacity: 0;
- transition: all .3s ease !important;
- box-shadow: none;
- }
- &:hover input[type=submit] {
- opacity: 1;
- }
- }
- #header-404 {
- display: block;
- margin: 0 auto;
- padding: 80px 0px 10px 0px;
- height: auto;
- width: auto;
- max-width: 860px;
- background-size: 120px;
- color: var( --vamtam-accent-color-4 );
- text-align: left;
- .line-1 {
- font: var( --vamtam-h1-font-weight ) var( --vamtam-h1-font-style ) 150px/1.1 var( --vamtam-h2-font-family );
- color: var( --vamtam-accent-color-1 );
- padding-left: 150px;
- padding-bottom: 10px;
- }
- .line-2 {
- font: var( --vamtam-h4-font-weight ) var( --vamtam-h4-font-style ) 54px/1.1 var( --vamtam-h2-font-family );
- color: var( --vamtam-accent-color-6 );
- line-height: 0.8em;
- padding-bottom: 30px;
- }
- .line-3 {
- font: var( --vamtam-h4-font-weight ) var( --vamtam-h4-font-style ) 20px/1.2 var( --vamtam-h2-font-family );
- color: var( --vamtam-accent-color-3 );
- }
- .line-4 {
- margin-top: 30px;
- color: var( --vamtam-accent-color-3 );
- }
- }
|
