|
|
| Line 115: |
Line 115: |
| | cursor: pointer; | | cursor: pointer; |
| | display: block; | | display: block; |
| − | padding: 10px 10px 10px 40px; | + | padding: 10px 10px 10px 10px; |
| | color: #FFF; | | color: #FFF; |
| | font-size: 17px; | | font-size: 17px; |
| Line 206: |
Line 206: |
| | aside nav { | | aside nav { |
| | font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; | | font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; |
| − | padding: 0 0 px; | + | padding:0 0 0 0 px; |
| | } | | } |
| | aside nav a { | | aside nav a { |
| Line 217: |
Line 217: |
| | letter-spacing: 2px; | | letter-spacing: 2px; |
| | } | | } |
| − | aside .contact {
| + | |
| − | font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
| + | |
| − | font-size: 24px;
| + | |
| − | font-weight: 400;
| + | |
| − | font-style: italic;
| + | |
| − | text-align: center;
| + | |
| − | display: block;
| + | |
| − | margin: 0 40px;
| + | |
| − | text-decoration: none;
| + | |
| − | color: #ffffff;
| + | |
| − | }
| + | |
| − | aside .bottom {
| + | |
| − | position: absolute;
| + | |
| − | bottom: 7px;
| + | |
| − | left: 0;
| + | |
| − | right: 0;
| + | |
| − | }
| + | |
| − | aside .bottom .social {
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | aside .bottom .social a {
| + | |
| − | display: inline-block;
| + | |
| − | border: 2px solid #ffffff;
| + | |
| − | margin: 0 1px;
| + | |
| − | margin-bottom: 3px;
| + | |
| − | position: relative;
| + | |
| − | width: 24px;
| + | |
| − | height: 25px;
| + | |
| − | -webkit-transition: all 200ms ease-out;
| + | |
| − | -moz-transition: all 200ms ease-out;
| + | |
| − | -ms-transition: all 200ms ease-out;
| + | |
| − | -o-transition: all 200ms ease-out;
| + | |
| − | transition: all 200ms ease-out;
| + | |
| − | }
| + | |
| − | .no-touch aside nav a:hover {
| + | |
| − | color: #FFFFFF;
| + | |
| − | }
| + | |
| − | .no-touch aside nav a.selected:hover {
| + | |
| − | color: #ddd7d7;
| + | |
| − | }
| + | |
| − | body.opened aside {
| + | |
| − | left: 0px;
| + | |
| − | }
| + | |
| − | body.opened aside #mobileMenuButton span {
| + | |
| − | opacity: 0;
| + | |
| − | filter: alpha(opacity=0);
| + | |
| − | }
| + | |
| − | body.opened aside #mobileMenuButton span:first-child {
| + | |
| − | opacity: 1;
| + | |
| − | filter: alpha(opacity=100);
| + | |
| − | -webkit-transform: translate(0px, 7px) rotate(45deg);
| + | |
| − | -moz-transform: translate(0px, 7px) rotate(45deg);
| + | |
| − | -ms-transform: translate(0px, 7px) rotate(45deg);
| + | |
| − | -o-transform: translate(0px, 7px) rotate(45deg);
| + | |
| − | transform: translate(0px, 7px) rotate(45deg);
| + | |
| − | }
| + | |
| − | body.opened aside #mobileMenuButton span:last-child {
| + | |
| − | opacity: 1;
| + | |
| − | filter: alpha(opacity=100);
| + | |
| − | -webkit-transform: translate(0px, -7px) rotate(-45deg);
| + | |
| − | -moz-transform: translate(0px, -7px) rotate(-45deg);
| + | |
| − | -ms-transform: translate(0px, -7px) rotate(-45deg);
| + | |
| − | -o-transform: translate(0px, -7px) rotate(-45deg);
| + | |
| − | transform: translate(0px, -7px) rotate(-45deg);
| + | |
| − | }
| + | |
| − | body.opened #realcontent {
| + | |
| − | left: 100px;
| + | |
| − | opacity: 0.2 !important;
| + | |
| − | pointer-events: none;
| + | |
| − | }
| + | |
| | * { | | * { |
| | margin: 0; | | margin: 0; |