Файловый менеджер - Редактировать - /www/wwwroot/gamenworld.store/themes/blogcurated/css/nav.css
�азад
label.mobile_menu span { margin-left: 10px; color:#FFF; font-size:1em; display: none; } .navigation{ float:left; margin-top: -0.8em; } .nav { /* General Font */ /* General Shape */ position: relative; margin: 0; } ul.nav{ padding: 0; list-style: none; background: #272727; } /* Main element of the naviagtion */ .nav > li { display: inline-block; float: left; background: url(../images/ar.png) no-repeat 100px 4px; margin: 0; border-right: solid 1px rgba(120, 120, 120, 0.27); } .nav li.active, .nav li a:hover { color: #bbbbbb; } .nav > li:nth-child(6){ border-right: none; } .nav > li:nth-child(4){ background: url(../images/ar.png) no-repeat 113px 4px; } .nav > li:nth-child(1) { font-family: 'Georgia Italic'; font-style: italic; padding: 0px 15px; display: block; color: #787878; margin: 0; font-size: 11px; border: none; letter-spacing: 1px; background: none; } .banner-nav > li:nth-child(1) { display: none; } .banner-nav > li { background: none; border-right: solid 1px rgba(120, 120, 120, 0.1); } .banner-nav > li:nth-child(7) { background: #272727; border: none; } .banner-nav > li:nth-child(7):hover { background: #212121; } .banner-nav > li:nth-child(4) { background:none; } .banner-nav > li:nth-child(4):hover{ background:none; } .banner-nav > li:nth-child(6) { border-right: solid 1px rgba(120, 120, 120, 0.1); } .banner-nav > li > a { font-weight: 600; font-style: normal !important; font-family: 'Open Sans', sans-serif !important; padding: 11px 29px !important; color: #FFF !important; margin: 0 !important; font-size: 13px !important; background: #272727; letter-spacing: 0px !important; } .banner-nav> li > ul { top: 60px !important; width: 190px !important; } /* Link Style */ .nav > li > a { font-family: 'Georgia Italic'; font-style: italic; padding: 0px 26px 0 15px; display: block; color: #787878; margin: 0; font-size: 11px; letter-spacing: 1px; } .nav > li > a span{ font-family: 'Georgia Italic'; font-style: italic; padding: 0; display: block; color: #787878; margin: .5em 0 0 0; font-size: 11px; letter-spacing: 0px; } } .nav > li:nth-child(1) > a,.nav > li:nth-child(5) > a,.nav > li:nth-child(6) > a, .nav > li:nth-child(7) > a{ background:none; } .nav > li:nth-child(1) > a:hover, .nav > li:nth-child(5) > a:hover, .nav > li:nth-child(6) > a:hover, .nav > li:nth-child(7) > a:hover{ } .nav > li:hover > a{ color: #bbbbbb; } .nav li > ul li a:hover{ text-decoration:none; color: #bbbbbb; } /* Simple multilevel dropdown */ .nav > li > ul { opacity: 0; visibility: hidden; position: absolute; list-style: none; top: 20px; width: 160px; text-align: left; margin-top:30px; padding: 0px; z-index: 99; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -ms-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; -o-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -ms-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -o-border-bottom-left-radius: 6px; } /* First level appear */ .nav > li:hover > ul { opacity: 1; visibility: visible; margin-top: 0px; background-color: #212121; padding: 10px; } /* Style for dropdown links */ .nav li > ul li{ position: relative; border-bottom: solid 1px rgba(120, 120, 120, 0.27); } .nav li > ul li:nth-child(4){ border-bottom: none; } .nav li > ul li a{ color: #7e7f84; font-size: 11px; font-family: Georgia; font-style: italic; display: block; background-color: #212121; padding: 7px 10px; position: relative; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; } .nav li > ul li a span.arrow{ width:15px; height:10px; position:absolute; right:5px; top:15px; background:url(../images/ar.png) no-repeat center; } .nav > li > ul li:hover a span.arrow{ background:url(../images/ar.png) no-repeat center } .nav > li > ul li:hover { color:#000; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; } .nav ul.dropdown2 { color: #FFF; } .nav ul li:hover > a { color: #787878; background:#212121; } /* Second and third dropdown level */ .nav > li > ul li ul { opacity: 0; visibility: hidden; position: absolute; list-style: none; top:0px; left: 200px; width: 200px; text-align: left; padding: 0px; margin-left: 30px; } .nav > li > ul li ul li:hover { background-color:#FFF; } input#mobile_menu { display: none; } .nav > li > ul li ul li ul { background-color:#FFF; } .nav > li > ul li ul li ul li:hover { color:#0572B8; } /* Second and third level appears */ .nav > li ul li:hover > ul { opacity: 1; visibility: visible; margin-left: 0px; } /* Full width dropdown */ .nav > li > .fulldrop { opacity: 0; visibility: hidden; position: absolute; list-style: none; top:118px; left: 0px; background-color: #0078b3; width: 100%; min-height: 100px; text-align: left; margin-top:30px; padding: 0; z-index: 99; overflow: hidden; } /* Full dropdown appears */ .nav > li:hover .fulldrop { opacity: 1; visibility: visible; margin-top: 0px; } .nav ul li:hover:after { color: white; } /* coldrop based dropdown */ .nav .coldrop { opacity: 0; visibility: hidden; position: absolute; list-style: none; top:118px; background-color: #0078b3; min-height: 100px; text-align: left; margin-top:30px; padding: 0; padding: 0 10px; z-index: 99; } .nav > li:hover .coldrop { opacity: 1; visibility: visible; margin-top: 0px; } .nav .coldrop .column {width: 130px;margin:0 9px;} /* coldrop for full width dropdown */ .nav .column { width: 14.1%; float: left; color:white; margin: 0 0 0 2.2%; } .nav .column ul { padding: 0; margin: 0; } .nav .column ul li { padding: 0; list-style: none; font-size: 11px; } .nav .column h3 { font-size: 14px; padding: 14px 0; font-weight: 400; margin: 5px 0 5px 0; } .nav .column ul li a { display: block; padding: 0 0 15px 0; } .nav > li > ul li ul, .nav li >ul li, .nav > li > .fulldrop, .nav > li > .coldrop, .nav > li > ul, .nav > li { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */ -o-transition: all 0.3s ease-in-outs; /* Opera */ } @media all and (max-width:1280px) { .nav > li > a { 4font-size: 13px; letter-spacing: 0; } .navigation { margin-top: -10px; } } @media all and (max-width:1024px) { .nav > li > ul { width: 155px !important; } .nav > li { margin: 0; } .nav > li > a span { font-size: 11px; } .banner-nav > li > a { padding: 11px 15px !important; } .banner-nav > li:nth-child(7) { padding-right: 4px; } .nav > li { background: url(../images/ar.png) no-repeat 89px 4px; } .nav > li:nth-child(4) { background: url(../images/ar.png) no-repeat 104px 4px; } } @media only screen and (max-width: 959px) { .nav > li > a{ padding:10px 12px; } } @media only screen and (max-width:800px) { .nav { display: none; } .nav > li:nth-child(4) { background: none; } .nav > li:nth-child(4):hover { background: none; background: none; } label.mobile_menu span { display: inline; } label.mobile_menu { width: 100%; } label.mobile_menu { position: relative; display: block; width: 100%; background-color:#454B50; padding: 10px 0; border-bottom: 1px solid white; margin-top: 10px; cursor: pointer; } .nav { padding: 0; } ul.nav { padding: 0; list-style: none; padding: 0; margin: 0; z-index: 9999; position: absolute; width: 100%; left: 0; } .nav > li > a { border-width:0; } .nav li { width: 100%; text-align: left; margin-left: 0; } .nav > li { border-right: none; padding:5px 0px; position: relative; } .nav > li > a { display:block; font-size:0.85em; } .nav li > ul li a span.arrow { right:20px; background: url(../images/nav-arrow2.png) no-repeat center; } .nav li ul, .nav li .fulldrop, .nav li .coldrop { top:45px; } .nav > li { background:none; } .nav li ul { padding: 0; } .nav > li:hover > a { background-color:#CACACA; } .nav > li > a { background: url(../images/menu-arrow.png) no-repeat 97% 48%; } .nav > li:hover > a{ background:url(../images/menu-arrow.png) no-repeat 97% 48%; } .nav .fulldrop, .nav .coldrop { width:95%; padding: 0 2.5%; } .nav li > ul li { padding: 18px 0px; } .nav .column, .nav .coldrop .column { width: 94%; padding: 0 3%; } .nav > li > ul { width: 100%; } .nav > li > ul li ul { width: 100%; top:36px; left: 0; margin-top: 30px; z-index: 2; } .nav > li > ul > li:hover ul { margin-top: 0; } #mobile_menu:checked+.nav { display: block } label.mobile_menu:after { position: absolute; top:-2px; right: 10px; content: "\2261"; font-size: 30px; color: white; } .nav > li > ul li ul li ul { width: 100%; top:43px; left: 0px; margin-left: 0; margin-top: 30px; } .nav > li > ul > li ul li:hover ul{ margin-top: 0; } .nav > li > ul li{ padding:0px 0 0px 0%; width:100%; } .nav > li > ul li ul { margin-left:0; } .nav > li > ul li ul li{ padding: 5px 0 5px 0%; width:100%; } .nav > li > ul li ul li ul li{ padding: 15px 0 15px 0%; width:100%; } .nav ul li.dropdown:after { left: 90%; } /* Disable animation on mobile device */ .nav > li > ul li ul, .nav li >ul li, .nav > li > .fulldrop, .nav > li > .coldrop, .nav > li > ul, .nav > li { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .navigation { margin-top: 0; } } @media only screen and (max-width:768px) { .nav > li > ul { width: 100% !important; } ul.nav { background-color: #2c2c2c; } } @media only screen and (max-width:480px) { label.mobile_menu { padding: 7px 0; margin-top: 8px; } label.mobile_menu:after { font-size: 25px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.26 | Генераци� �траницы: 0 |
proxy
|
phpinfo
|
�а�тройка