1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
| body { background-position:top center; background-size: 100% auto; }
#content { position: fixed;
top: 150px; }
.search_bar { box-shadow: 0 0 18px rgba(70,70,40,0.25); backdrop-filter: blur(5px); background-color: rgba(255,255,255,.1); border-radius: 20px; display: table; width: 74%; height: 30px; max-width: 400px; margin: 10px auto; text-align:center; font-size:30px; border:0; outline:none; font-weight:560; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; animation:search-bar 1s; }
@keyframes search-bar { 0% {max-width: 100px;} 100% {max-width: 400px;} }
@keyframes box-container{ 0% {max-width: 100px;} 100% {max-width: 400px;} }
.bdSug_wpr { border:0px none #FFFFFF !important; border-top:11px solid transparent !important; background: rgba(255,255,255,0.2) !important; backdrop-filter: blur(11px); width: 71.5% !important; left: 52px!important; } .bdSug_wpr td { background: transparent !important; color:#FFF; }
.logoL { position: absolute; left: 0; top: 110px; opacity: 0.85; } .logoC { position: relative; opacity: 0.7; } .logoR { position: absolute; right: 0; top: 110px; opacity: 0.85; }
|