770 lines
19 KiB
Plaintext
770 lines
19 KiB
Plaintext
/*
|
|
Copyright (c) Ascensio System SIA 2019. All rights reserved.
|
|
https://www.onlyoffice.com
|
|
|
|
@import "base.less";
|
|
|
|
nav {
|
|
height: 71px;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0;
|
|
width: 100%;
|
|
|
|
& > div {
|
|
> ul,
|
|
> ul > li {
|
|
display: inline-block;
|
|
list-style-type: none;
|
|
}
|
|
|
|
& > ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 71px;
|
|
display: inline-block;
|
|
position: relative;
|
|
|
|
&.all-menu-items {
|
|
display: grid;
|
|
display: -ms-grid;
|
|
grid-template-columns: auto auto auto auto auto auto;
|
|
-ms-grid-columns: auto 32px auto 32px auto 32px auto 32px auto 32px auto;
|
|
width: 100%;
|
|
}
|
|
// For IE 11 header style
|
|
li:first-child {
|
|
-ms-grid-column: 1;
|
|
}
|
|
|
|
li:nth-child(2) {
|
|
-ms-grid-column: 3;
|
|
}
|
|
|
|
li:nth-child(3) {
|
|
-ms-grid-column: 5;
|
|
}
|
|
|
|
li:nth-child(4) {
|
|
-ms-grid-column: 7;
|
|
}
|
|
|
|
li:nth-child(5) {
|
|
-ms-grid-column: 9;
|
|
}
|
|
|
|
li:nth-child(6) {
|
|
-ms-grid-column: 11;
|
|
}
|
|
|
|
> li {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 71px;
|
|
|
|
> a {
|
|
padding: 21px 0;
|
|
display: inline-block;
|
|
height: 29px;
|
|
border-bottom-color: @redColor;
|
|
letter-spacing: 0.08em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
> ul {
|
|
> li {
|
|
text-transform: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
a.singin {
|
|
border: 1px solid #aaa;
|
|
.borderRadius(3px);
|
|
.transition3(background, .3s, color, .3s, border, .3s);
|
|
margin: -18px 0 0 15px;
|
|
padding: 13px 25px;
|
|
height: auto;
|
|
|
|
&:hover {
|
|
color: @redColor;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.active {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
|
|
&:hover {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
}
|
|
}
|
|
|
|
.nav-down-triangle {
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0 4px;
|
|
border-color: #999 transparent transparent transparent;
|
|
display: inline-block;
|
|
margin: 0 0 4px 6px;
|
|
}
|
|
|
|
.pushy-content {
|
|
margin: 0 auto;
|
|
max-width: 768px;
|
|
width: 58vw;
|
|
}
|
|
}
|
|
.menuitem {
|
|
white-space: nowrap;
|
|
}
|
|
.phone_wrapper {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
left: auto;
|
|
bottom: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
z-index: 1;
|
|
|
|
.call_phone {
|
|
margin-right: 60px;
|
|
padding: 21px 0;
|
|
}
|
|
}
|
|
.call_phone {
|
|
text-decoration: none;
|
|
color: @textColor;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
letter-spacing: 0.02em;
|
|
line-height: 29px;
|
|
vertical-align: middle;
|
|
display: none;
|
|
padding-top: 22px;
|
|
|
|
&:before {
|
|
//display: inline-block;
|
|
display: none;
|
|
margin: 0 13px 4px 0;
|
|
padding: 0;
|
|
width: 18px;
|
|
height: 18px;
|
|
content: '';
|
|
background-image: url(/images/phone.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: 18px 18px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
&:hover, &:focus, &:active {
|
|
color: @textColor;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
.header_button {
|
|
display: inline-block;
|
|
float: right;
|
|
margin: 12px 10px 0 0;
|
|
text-align: center;
|
|
}
|
|
a.btn_top_sign {
|
|
text-decoration: none;
|
|
color: @textColor;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.2em;
|
|
text-align: center;
|
|
padding: 0 13px;
|
|
height: 44px;
|
|
width: 120px;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
border: 1px solid #aaa;
|
|
.borderRadius(3px);
|
|
.transition3(background, .3s, color, .3s, border, .3s);
|
|
|
|
&:hover {
|
|
border-color: @redHoverColor;
|
|
color: @redHoverColor;
|
|
}
|
|
}
|
|
|
|
#latest_release_div {
|
|
cursor: pointer;
|
|
margin: 16px 19px 0 32px;
|
|
|
|
#latest_release_date {
|
|
color: #808080;
|
|
font-size: 13px;
|
|
line-height: 1.6em;
|
|
padding-right: 36px;
|
|
padding-top: 16px;
|
|
}
|
|
|
|
#latest_release_header {
|
|
color: #444444;
|
|
font-size: 14px;
|
|
line-height: 1.6em;
|
|
padding-right: 36px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#latest_release_img {
|
|
background-size: contain;
|
|
height: 88px;
|
|
width: 180px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1190px) {
|
|
.BaseSide {
|
|
&.default {
|
|
.call_phone.default {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
&.eu {
|
|
.call_phone.eu {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
&.sg {
|
|
.call_phone.sg {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
&.ru {
|
|
.call_phone.ru {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
#navitem_solutions_apps_editors_overview,
|
|
#navitem_solutions_apps_collaboration_overview,
|
|
#navitem_solutions_apps_comparison_overview,
|
|
#navitem_solutions_saas_mobile,
|
|
#navitem_solutions_server_enterprice_mobile,
|
|
#navitem_solutions_connectors_mobile,
|
|
#navitem_solutions_integration_mobile {
|
|
display: none;
|
|
}
|
|
#navitem_features_menu,
|
|
#navitem_server_menu,
|
|
#navitem_desktop_menu,
|
|
#navitem_mobile_menu,
|
|
#navitem_integration_menu,
|
|
#navitem_administration_menu,
|
|
#navitem_saas_menu {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 1999;
|
|
border: 0 none;
|
|
top: 71px;
|
|
.shadowFullCustomizable(0,20px,50px,rgba(85, 85, 85, 0.15));
|
|
|
|
.dropdown-content {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 27px 0;
|
|
display: block;
|
|
min-width: 190px;
|
|
background: #fff;
|
|
text-align: left;
|
|
|
|
& > li {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: top;
|
|
|
|
b {
|
|
color: #444444;
|
|
}
|
|
|
|
&.nowrap-link {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:before {
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
content: "";
|
|
height: 1px;
|
|
background-color: @redColor;
|
|
transition: width .2s ease-in-out, left .2s ease-in-out;
|
|
left: 50%;
|
|
top: 0;
|
|
}
|
|
|
|
&:after {
|
|
display: block;
|
|
position: absolute;
|
|
width: 0;
|
|
content: "";
|
|
height: 1px;
|
|
background-color: @redColor;
|
|
transition: width .2s ease-in-out;
|
|
left: 50%;
|
|
top: 0;
|
|
}
|
|
|
|
&.top_border {
|
|
&:before {
|
|
width: 50%;
|
|
left: 0;
|
|
}
|
|
|
|
&:after {
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
#navitem_solutions_menu {
|
|
left: calc(~"50% - 426px");
|
|
|
|
.dropdown-content {
|
|
> li {
|
|
display: table-cell;
|
|
width: 25%;
|
|
border-right: 1px solid #CCCCCC;
|
|
&:last-of-type {
|
|
border-right: 0 none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#navitem_features_menu {
|
|
width: 820px;
|
|
left: calc(~"50% - 322px");
|
|
|
|
.dropdown-content {
|
|
> li {
|
|
display: table-cell;
|
|
width: 295px;
|
|
border-right: 1px solid #CCCCCC;
|
|
&:last-of-type {
|
|
border-right: 0 none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#navitem_about_menu,
|
|
#navitem_download_menu,
|
|
#navitem_partnership_menu,
|
|
#navitem_prices_menu {
|
|
left: calc(~"50% - 102px");
|
|
}
|
|
|
|
.all-menu-items {
|
|
> li:nth-of-type(3), > li:nth-of-type(4), > li:nth-of-type(5), > li:nth-of-type(6) {
|
|
position: relative;
|
|
}
|
|
}
|
|
.all-menu-items {
|
|
> li:nth-of-type(1), > li:nth-of-type(2) {
|
|
position: static;
|
|
}
|
|
}
|
|
|
|
|
|
.latest_releases {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
|
|
&:before {
|
|
width: 95%;
|
|
height: 0;
|
|
margin: 0 auto;
|
|
border-top: 1px solid #CCCCCC;
|
|
display: block;
|
|
content: '';
|
|
}
|
|
}
|
|
}
|
|
.accented {
|
|
color: @redColor;
|
|
}
|
|
#navitem_features_menu,
|
|
#navitem_server_menu,
|
|
#navitem_desktop_menu,
|
|
#navitem_mobile_menu,
|
|
#navitem_integration_menu,
|
|
#navitem_administration_menu,
|
|
#navitem_saas_menu {
|
|
padding: 0;
|
|
}
|
|
a.dropdown-item {
|
|
display: block;
|
|
background: none;
|
|
border: 0;
|
|
color: #444444;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
line-height: 36px;
|
|
margin: 0;
|
|
padding: 0 32px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
|
|
&:hover {
|
|
color: @redColor;
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
}
|
|
|
|
&#navitem_download_signin {
|
|
display: inline-block;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
&#navitem_download_signup {
|
|
display: inline-block;
|
|
padding-left: 4px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1600px) {
|
|
#navitem_solutions_menu {
|
|
left: 0;
|
|
}
|
|
#navitem_features_menu {
|
|
left: 0;
|
|
}
|
|
.all-menu-items {
|
|
> li:nth-of-type(1), > li:nth-of-type(2) {
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|
|
.navitem_description {
|
|
color: @lightGrayTextColor;
|
|
font-size: 13px;
|
|
line-height: 1.4em;
|
|
text-transform: none;
|
|
padding: 0 32px 20px;
|
|
}
|
|
ul.navitem_2nd_menu {
|
|
padding: 0 0 10px;
|
|
margin: 0;
|
|
|
|
li {
|
|
|
|
a.nav_2nd_menu_link {
|
|
display: block;
|
|
background: none;
|
|
border: 0;
|
|
color: #333;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
line-height: 1.4em;
|
|
margin: 0;
|
|
padding: 8px 25px;
|
|
text-decoration: none;
|
|
border-right: 1px solid #ccc;
|
|
|
|
&:hover, &.redirect {
|
|
background-color: #F7F7F7;
|
|
color: @redColor;
|
|
}
|
|
|
|
&#navitem_solutions_signin {
|
|
color: @redColor;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#navitem_about,
|
|
#navitem_features,
|
|
#navitem_download,
|
|
#navitem_partners,
|
|
#navitem_solutions,
|
|
#navitem_prices,
|
|
a.singin {
|
|
//color: @gray4;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
line-height: 29px;
|
|
font-weight: 600;
|
|
vertical-align: middle;
|
|
|
|
&:hover {
|
|
border-color: @redColor;
|
|
}
|
|
|
|
&.active {
|
|
border-color: @redColor;
|
|
color: @redColor;
|
|
|
|
&:hover {
|
|
border-color: @redColor;
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
}
|
|
}
|
|
}
|
|
#navitem_blockchain {
|
|
color: @redColor;
|
|
}
|
|
|
|
#officesuitemainpage #navitem_features,
|
|
#officesuitedoceditorpage #navitem_features,
|
|
#officesuitespeditorpage #navitem_features,
|
|
#officesuitepreditorpage #navitem_features,
|
|
#collaborationmainpage #navitem_features,
|
|
#collaborationdocmanagepage #navitem_features,
|
|
#collaborationcommunitypage #navitem_features,
|
|
#collaborationcalendarpage #navitem_features,
|
|
#collaborationcrmpage #navitem_features,
|
|
#collaborationprojectspage #navitem_features,
|
|
#collaborationmailpage #navitem_features,
|
|
#desktopmobileappspage #navitem_features,
|
|
#officeforiospage #navitem_features,
|
|
#officeforandroidpage #navitem_features,
|
|
#mobileprojectspage #navitem_features,
|
|
#editorcomparisonpage #navitem_features,
|
|
#editorcomparisonmsofficepage #navitem_features,
|
|
#editorcomparisongoogledocspage #navitem_features,
|
|
#editorcomparisonzohodocspage #navitem_features,
|
|
#editorcomparisoncollaborapage #navitem_features,
|
|
#editorcomparisonlibreofficepage #navitem_features,
|
|
#comparesolutionspage #navitem_features,
|
|
#newspage #navitem_features,
|
|
#downloadenterprisepage #navitem_download,
|
|
#downloadspage #navitem_download,
|
|
#downloaddesktoppage #navitem_download,
|
|
#downloadbuilderpage #navitem_download,
|
|
#integrationdownloadspage #navitem_download,
|
|
#downloadconnectorspage #navitem_download,
|
|
#integrationrequest #navitem_download,
|
|
#connectorsrequestpage #navitem_download,
|
|
#enterpriseeditionfreepage #navitem_download,
|
|
#cloudofficepage #navitem_solutions,
|
|
#serversolutionspage #navitem_solutions,
|
|
#connectorsmainpage #navitem_solutions,
|
|
#connectorsalfrescopage #navitem_solutions,
|
|
#connectorsconfluencepage #navitem_solutions,
|
|
#connectorsnextcloudpage #navitem_solutions,
|
|
#connectorsowncloudpage #navitem_solutions,
|
|
#connectorssharepointpage #navitem_solutions,
|
|
#connectorsthirdpartypage #navitem_solutions,
|
|
#securitypage #navitem_solutions,
|
|
#nonprofitpage #navitem_solutions,
|
|
#compareeditionspage #navitem_solutions,
|
|
#comparedocumenteditionspage #navitem_solutions,
|
|
#signinpage #navitem_download,
|
|
#signuppage #navitem_download,
|
|
#fordeveloperspage #navitem_solutions,
|
|
|
|
#saaspricespage #navitem_prices,
|
|
#solutionspage #navitem_prices,
|
|
#servereditorspricespage #navitem_prices,
|
|
#desktoppricespage #navitem_prices,
|
|
#integrationpricespage #navitem_prices,
|
|
#resellerspage #navitem_partners,
|
|
#partnerspage #navitem_partners,
|
|
#partnerdeveloperspage #navitem_partners,
|
|
#findpartnerspage #navitem_partners,
|
|
#partnershiprequestpage #navitem_partners,
|
|
#affiliatespage #navitem_partners,
|
|
#onlyofficeblockchainpage #navitem_blockchain,
|
|
#whowearepage #navitem_about,
|
|
#contributepage #navitem_about,
|
|
#casestudiespage #navitem_about,
|
|
#customerspage #navitem_about,
|
|
#awardspage #navitem_about,
|
|
#eventspage #navitem_about,
|
|
#pressdownloadspage #navitem_about,
|
|
#contactuspage #navitem_about,
|
|
#signinpage a.singin {
|
|
color: @redColor;
|
|
border-color: @redColor;
|
|
}
|
|
|
|
#forsmallbusinesspage,
|
|
#forenterprises,
|
|
#fordeveloperspage,
|
|
#forhostingproviders,
|
|
#governmentpage,
|
|
#healthcarepage,
|
|
#forresearchpage,
|
|
#educationpage,
|
|
#nonprofitspage,
|
|
#homeusepage
|
|
{
|
|
#navitem_solutions {
|
|
color: @redColor;
|
|
}
|
|
}
|
|
|
|
#workspacepage #navitem_features,
|
|
#newintegrationpricespage #navitem_prices,
|
|
#workspacepricingpage #navitem_prices
|
|
{
|
|
color: @redColor;
|
|
}
|
|
|
|
#newspage #navitem_latest_releases,
|
|
#securitypage #navitem_solutions_security,
|
|
#officeforiospage #navitem_solutions_clients_mobile_ios,
|
|
#officeforandroidpage #navitem_solutions_clients_mobile_android,
|
|
#mobileprojectspage #navitem_solutions_clients_mobile_projects,
|
|
#desktopmobileappspage #navitem_solutions_clients_apps,
|
|
|
|
#downloaddesktoppage #navitem_download_desktop,
|
|
#downloadbuilderpage #navitem_download_docbuilder,
|
|
#integrationdownloadspage #navitem_download_integration,
|
|
#integrationrequest #navitem_download_integration,
|
|
#downloadconnectorspage #navitem_download_connectors,
|
|
#connectorsrequestpage #navitem_download_connectors,
|
|
#partnerdeveloperspage #navitem_developers,
|
|
#findpartnerspage #navitem_find_partners,
|
|
#partnershiprequestpage #navitem_submit_request,
|
|
#resellerspage #navitem_resellers,
|
|
#partnerspage #navitem_hosters,
|
|
#affiliatespage #navitem_hosters,
|
|
#mobileprojectspage #navitem_clients_third_level_menu,
|
|
#desktopmobileappspage #navitem_clients_third_level_menu,
|
|
#integrationeditionpage #navitem_solutions_integration,
|
|
#serversolutionspage #navitem_solutions_server_enterprice,
|
|
#cloudofficepage #navitem_solutions_saas,
|
|
#desktoppricespage #navitem_prices_desktop,
|
|
#saaspricespage #navitem_prices_saas,
|
|
#newintegrationpricespage #navitem_prices_server_enterprice,
|
|
#integrationpricespage #navitem_prices_integration,
|
|
#workspacepricingpage #navitem_prices_enterprise,
|
|
#servereditorspricespage #navitem_prices_server_enterprice,
|
|
#connectorsmainpage #navitem_solutions_connectors,
|
|
#enterpriseeditionfreepage #navitem_download_enterprise,
|
|
#downloadenterprisepage #navitem_download_enterprise,
|
|
#downloadspage #navitem_download_community,
|
|
#nonprofitpage #navitem_solutions_nonprofit,
|
|
#signinpage #navitem_solutions_signin,
|
|
|
|
#editorcomparisonpage #navitem_solutions_compare,
|
|
#editorcomparisonmsofficepage #navitem_features_compare_msoffice,
|
|
#editorcomparisongoogledocspage #navitem_features_compare_google,
|
|
#editorcomparisonzohodocspage #navitem_features_compare_zoho,
|
|
#editorcomparisoncollaborapage #navitem_features_compare_collabora,
|
|
#editorcomparisonlibreofficepage #navitem_features_compare_libreoffice,
|
|
#comparesolutionspage #navitem_features_compare_office365_gsuite,
|
|
#compareeditionspage #navitem_solutions_enterprise_compare,
|
|
#comparedocumenteditionspage #navitem_solutions_integration_compare,
|
|
#documentBuilderLanding #navitem_solutions_docbuilder,
|
|
|
|
#officesuitemainpage #navitem_features_editors,
|
|
#officesuitedoceditorpage #navitem_features_document_editor,
|
|
#officesuitespeditorpage #navitem_features_spreadsheet_editor,
|
|
#officesuitepreditorpage #navitem_features_presentation_editor,
|
|
|
|
#collaborationmainpage #navitem_features_comserver,
|
|
#collaborationdocmanagepage #navitem_features_documents,
|
|
#collaborationcommunitypage #navitem_features_network,
|
|
#collaborationcalendarpage #navitem_features_calendar,
|
|
#collaborationcrmpage #navitem_features_crm,
|
|
#collaborationprojectspage #navitem_features_projects,
|
|
#collaborationmailpage #navitem_features_mail,
|
|
|
|
#whowearepage #navitem_about_about,
|
|
#contributepage #navitem_about_contribute,
|
|
#customerspage #navitem_about_customers,
|
|
#awardspage #navitem_about_awards,
|
|
#eventspage #navitem_about_events,
|
|
#newwebinarspage #navitem_about_webinars,
|
|
#pressdownloadspage #navitem_about_pressdownloads,
|
|
#contactuspage #navitem_about_contacts,
|
|
|
|
|
|
#connectorsalfrescopage #navitem_solutions_connector_alfresco,
|
|
#connectorsconfluencepage #navitem_solutions_connector_confluence,
|
|
#connectorsnextcloudpage #navitem_solutions_connector_nextcloud,
|
|
#connectorsowncloudpage #navitem_solutions_connector_owncloud,
|
|
#connectorssharepointpage #navitem_solutions_connector_sharepoint,
|
|
#connectorsthirdpartypage #navitem_solutions_connector_thirdparty {
|
|
background: #F7F7F7;
|
|
}
|
|
|
|
a#banners {
|
|
display: none;
|
|
}
|
|
|
|
.banners a#banners {
|
|
display: block;
|
|
}
|
|
#landing_enterprise,
|
|
#serverlandingpreoderpage,
|
|
#owncloudlandingpage,
|
|
#nextcloudlandingpage {
|
|
.partnership_menu_item,
|
|
.cookie_mess {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1500px) {
|
|
|
|
nav {
|
|
& > div {
|
|
& > ul {
|
|
&.all-menu-items {
|
|
max-width: 650px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 1369px) {
|
|
|
|
nav {
|
|
margin-right: 30%;
|
|
width: 50vw;
|
|
|
|
.pushy-content {
|
|
max-width: 950px;
|
|
}
|
|
}
|
|
|
|
.narrowheader {
|
|
width: 100%;
|
|
|
|
.logo {
|
|
margin-left: 60px;
|
|
z-index: 10000000;
|
|
height: 40px;
|
|
width: 50px;
|
|
|
|
a {
|
|
width: 50px;
|
|
}
|
|
}
|
|
}
|
|
}
|