Файл: apwa/styles/prosilver/theme/resposive.css
Строк: 365
body { background: #777777; }
@font-face {
font-family: 'oswaldbook';
src: url('fonts/oswald-regular-webfont.eot');
src:
url('fonts/oswald-regular-webfont.eot?#iefix')
format('embedded-opentype'),
url('fonts/oswald-regular-webfont.woff') format('woff'),
url('fonts/oswald-regular-webfont.ttf') format('truetype'),
url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
font-weight: normal;
font-style: normal;
}
/* =============== DEFAULT
HTML - LIST STYLES =============== */
ul, ul li,
ol, ol li,
p, form, input
{
margin: 0;
padding: 0;
}
p {
margin-bottom: 10px;
}
ul, ul li
{
list-style: none;
}
ol li,
ul li {
list-style-position: inside;
}
/*
============================== MENU ============================== */
/*
=============== ICONS MAIN MENU ===============
*/
[class*="avatar-main-menu"] [class*="icons-"]
{
background:
none;
}
[class*="avatar-main-menu"].avatar-menu-icons > li
{
padding: 18px 12px;
}
/* =============== MAIN MENU ===============
*/
#avatar-header-inside-block {
background: #4FB4F3;
padding: 20px
0px;
}
#avatar-pos-top-left {
width: 72%;
float:
left;
}
#avatar-tool-block {
background: #0A659E;
position:
absolute;
height: 180px;
display: block;
}
.clearbreak, .clear {
clear:
both;
}
.avatar-wrapper {
margin: auto;
width: 960px;
display:
block;
}
.clearfix::after {
clear: both;
}
.clearfix::before,
.clearfix::after {
content: "";
display: table;
line-height:
0;
}
.avatar-nav-responsive .pull,
.avatar-nav-responsive .pull-main
{
display: none;
}
#avatar-pos-top-right ._menu ,
#avatar-pos-top-right
[class*="avatar-module"] > div {
padding: 0;
margin:
0;
}
[class*="avatar-main-menu"],
[class*="avatar-main-menu"]
ul {
list-style: none;
margin: 0;
font-family:
"oswaldbook",Arial,Helvetica,sans-serif;
}
[class*="avatar-main-menu"]
li span {
cursor: default;
}
ul[class*="avatar-main-menu"] >
li > a,
ul[class*="avatar-main-menu"] > li > span
{
margin: 0;
padding: 0;
line-height: 24px;
text-transform:
uppercase;
font-weight: bold;
}
[class*="avatar-main-menu"] >
li:hover > span,
[class*="avatar-main-menu"] > li:hover
> a,
[class*="avatar-main-menu"] > li.active >
span,
[class*="avatar-main-menu"] > li.active > a {
color:
#C5FFFF;
}
ul[class*="avatar-main-menu"] > li >
a.icons-home,
ul[class*="avatar-main-menu"].avatar-menu-icons.white
> li > a.icons-home {
background: url(./images/icons/icons-home.png)
center center no-repeat;
width: 26px;
height: 24px;
text-indent:
-99999em;
padding-left: 0;
}
[class*="avatar-main-menu"] > li
{
float: left;
font-size: 14px;
padding: 18px
22px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all
.4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition:
all .4s ease-in-out;
transition: all .4s
ease-in-out;
}
[class*="avatar-main-menu"] > li:hover
{
background: rgba(255, 255, 255,
0.2);
}
[class*="avatar-main-menu"] li.parent {
position:
relative;
}
[class*="avatar-main-menu"] li
span,
[class*="avatar-main-menu"] li a {
color: #fff;
display: block;
line-height: 40px;
padding: 0
10px;
text-transform: capitalize;
text-decoration:
none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all
.2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition:
all .2s ease-in-out;
transition: all .2s
ease-in-out;
}
[class*="avatar-main-menu"] ul {
opacity:
0;
position: absolute;
top: 100%;
left: 0;
width: 250px;
background:
#4CA7E0;
z-index: 9999;
margin-left: -99999em;
-webkit-transition:
opacity .2s ease 0s;
-moz-transition: opacity .2s ease 0s;
-o-transition: opacity .2s ease 0s;
-ms-transition: opacity .2s ease
0s;
transition: opacity .2s ease
0s;
}
[class*="avatar-main-menu"] li:hover > ul {
opacity:
1;
margin-left: auto;
}
[class*="avatar-main-menu"] ul li
{
border-top: 1px solid rgba(255, 255, 255, 0.15);
margin:
0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s
ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all
.4s ease-in-out;
transition: all .4s
ease-in-out;
}
[class*="avatar-main-menu"] ul li:first-child
{
border-top: none;
}
[class*="avatar-main-menu"] ul li.parent
{
background-image:
url("images/icons/white-arrow.png");
background-repeat:
no-repeat;
background-position: 96% center;
position:
relative;
}
[class*="avatar-main-menu"] ul li:hover
{
background-color: rgba(0, 0, 0,
0.2);
}
[class*="avatar-main-menu"] ul li ul {
left: 100%;
top:
0;
}
[class*="avatar-main-menu"] ul li.current >
span,
[class*="avatar-main-menu"] ul li:hover >
span,
[class*="avatar-main-menu"] ul li.current >
a,
[class*="avatar-main-menu"] ul li:hover > a {
color:
#C5FFFF;
}
[class*="avatar-main-menu"] ul li:hover >
a,
[class*="avatar-main-menu"] ul li:hover > span
{
margin-left: 10px;
}
/* ============================== RESPONSIVE
============================== */
/* Default color
*/
.avatar-template-logo {
background: url('images/logo.png')
no-repeat;
min-height: 40px;
width: 100%;
}
.avatar-template-logo a
{
min-height: 45px;
width: 100%;
display: block;
text-indent:
-99999em;
}
@media (max-width: 1024px)
{
/*
* Responsive Header
*/
body.avatar-responsive #avatar-header-inside-block {
padding: 20px
10px;
}
body.avatar-responsive #avatar-header-inside-block
.avatar-module {
padding: 10px 0;
margin: 0;
}
/*
* Responsive
Menu
*/
body.avatar-responsive [class*="avatar-main-menu"]
{
margin: 10px 0;
float: none;
}
body.avatar-responsive
[class*="avatar-main-menu"] > li {
padding: 3px
0;
}
body.avatar-responsive [class*="avatar-main-menu"]
li:hover {
background: none;
}
body.avatar-responsive
ul[class*="avatar-main-menu"] > li > a,
body.avatar-responsive ul[class*="avatar-main-menu"] > li
> span {
min-height: 0;
}
body.avatar-responsive
.avatar-nav-responsive .pull {
background:
url("images/icons/nav-pull.png") no-repeat scroll center center
transparent;
cursor: pointer;
display: block;
height:
18px;
position: absolute;
right: 0;
width: 40px;
border:
none;
padding: 0;
z-index: 9999;
}
body.avatar-responsive
.avatar-nav-responsive > ul ul .pull {
height: 40px;
}
body.avatar-responsive .avatar-nav-responsive > ul > li
{
display: block;
width: 100%;
float: left;
margin-bottom:
5px;
}
body.avatar-responsive .avatar-nav-responsive li.parent
{
background-image: none;
}
body.avatar-responsive
.avatar-nav-responsive li:hover > ul {
display:
none;
}
body.avatar-responsive .avatar-nav-responsive li ul {
position:
relative;
display: none;
background: none;
margin: auto;
opacity:
1;
}
body.avatar-responsive .avatar-nav-responsive ul {
width:
auto;
padding: 0 0 0 8px;
left: 0;
top: 0;
}
body.avatar-responsive
[class*="avatar-main-menu"] > li:hover
>span,
body.avatar-responsive [class*="avatar-main-menu"]
> li:hover >a,
body.avatar-responsive
[class*="avatar-main-menu"] >li.active
>span,
body.avatar-responsive [class*="avatar-main-menu"]
>li.active >a {
color: #fff;
}
/* END MODULE */
}
@media
(max-width: 480px)
{
.avatar-template-logo {
background-position:
center top;
}
/*
* Responsive Menu
*/
.avatar-nav-responsive
{
position: relative;
}
body.avatar-responsive .avatar-nav-responsive
> ul > li {
display: block;
width: 100%;
float:
none;
}
body .contact .contact-details .contact-image {
float:
none;
}
body.avatar-responsive [id*="avatar-pos-content"]
{
float: none !important;
}
/* END MODULE */
}