247 styles/header.css
View file
@@ -1,138 +1,139 @@
#mainHeader {
height: 127px;
height: 127px;
}

#mainHeader a {
text-decoration: none;
color: black;
}

#mainHeader a:hover {
}

#mainHeader > ul {
height: 100%;
}

#mainHeader > ul > li {
float: left;
list-style-type: none;
position: relative;
top: 0;
}

#mainHeader .logo-container {
width: 40%;
height: 100%;
}

#mainHeader .phone-container,
#mainHeader .auth-container {
width: 15%;
padding-top: 35px;
}

#mainHeader > ul > li > ul {
list-style-type: none;
font-size: 14px;
}

#mainHeader > ul > li > ul > li {
margin: 10px 0;
}

#mainHeader > ul > li > .phones .phone {
}

#mainHeader > ul > li > .phones .phone:before {
content: "";
background-size: contain;
padding-left: 20px;
}

#mainHeader > ul > li > .phones .phone.velcom:before {
background: url('../images/velcom-logo.png') 0 1px no-repeat;
}

#mainHeader > ul > li > .phones .phone.mts:before {
background: url('../images/mts-logo.png') 0 1px no-repeat;
}

#mainHeader > ul > li > .phones .phone.home:before {
background: url('../images/home-logo.png') 0 1px no-repeat;
}

#mainHeader > ul > li > .phones .phone.skype:before {
background: url('../images/skype-logo.png') 0 1px no-repeat;
}

#mainHeader .auth-container {
padding-left: 40px;
background: url('../images/login-ico.png') 0 47px no-repeat;
background-size: auto;
box-sizing: border-box;
}

#mainHeader .auth-container li a:hover {
color: #0096e1;
}
#mainHeader a {
text-decoration: none;
color: black;
}

#mainHeader a:hover {
}

#mainHeader > ul {
height: 100%;
}

#mainHeader > ul > li {
float: left;
list-style-type: none;
position: relative;
top: 0;
}

#mainHeader .logo-container {
width: 40%;
height: 100%;
}

#mainHeader .phone-container,
#mainHeader .auth-container {
width: 15%;
padding-top: 35px;
}

#mainHeader > ul > li > ul {
list-style-type: none;
font-size: 14px;
}

#mainHeader > ul > li > ul > li {
margin: 10px 0;
}

#mainHeader > ul > li > .phones .phone {
}

#mainHeader > ul > li > .phones .phone:before {
content: "";
background-size: contain;
background-repeat: no-repeat;
padding-left: 18px;
}

#mainHeader > ul > li > .phones .phone.velcom:before {
background-image: url('../images/velcom-logo.png');
}

#mainHeader > ul > li > .phones .phone.mts:before {
background-image: url('../images/mts-logo.png');
}

#mainHeader > ul > li > .phones .phone.home:before {
background-image: url('../images/home-logo.png');
}

#mainHeader > ul > li > .phones .phone.skype:before {
background-image: url('../images/skype-logo.png');
}

#mainHeader .auth-container {
padding-left: 40px;
background: url('../images/login-ico.png') 0 47px no-repeat;
background-size: auto;
box-sizing: border-box;
}

#mainHeader .auth-container li a:hover {
color: #0096e1;
}

.nav-wrapper {
background-color: black;
background-color: black;
}

.navbar {
height: 44px;
padding-left: 20px;
height: 44px;
padding-left: 20px;
}

.navbar a {
text-decoration: none;
color: white;
margin: 12px 10px;
display: inline-block;
}
.navbar a {
text-decoration: none;
color: white;
margin: 12px 10px;
display: inline-block;
}

.navbar a:hover {
color: #0093dd;
}
.navbar a:hover {
color: #0093dd;
}

.search-box {
float: right;
background: white;
margin-top: 8px;
border: 1px inset;
margin-right: 20px;
position: relative;
float: right;
background: white;
margin-top: 8px;
border: 1px inset;
margin-right: 20px;
position: relative;
}

.search-box input[type="search"] {
height: 22px;
margin-right: 20px;
width: 250px;
background: white url('../images/search.png') 3px 3px no-repeat;
padding-left: 25px;
border: none;
}

.search-box input[type="search"]:focus {
outline-width: 0;
}

.search-box .search-button {
background-color: black;
height: 24px;
width: 64px;
float: right;
text-align: center;
color: white;
cursor: pointer;
}

.search-box .search-button > div {
margin-top: 2px;
}

.search-box .search-button:hover {
box-shadow: rgba(0,0,0,0.5) 3px 3px inset;
}
.search-box input[type="search"] {
height: 22px;
margin-right: 20px;
width: 250px;
background: white url('../images/search.png') 3px 3px no-repeat;
padding-left: 25px;
border: none;
}

.search-box input[type="search"]:focus {
outline-width: 0;
}

.search-box .search-button {
background-color: black;
height: 24px;
width: 64px;
float: right;
text-align: center;
color: white;
cursor: pointer;
}

.search-box .search-button > div {
margin-top: 2px;
}

.search-box .search-button:hover {
box-shadow: rgba(0,0,0,0.5) 3px 3px inset;
}
2 styles/main-page.css
View file
@@ -16,7 +16,7 @@
}

.border {
width: 1400px;
width: 100%;
height: 20px;
margin: 0 auto;
}
266 styles/portfolio.css
View file
@@ -1,135 +1,153 @@
#instagram {
margin: 0;
padding: 0;
overflow: hidden;
margin: 0;
padding: 0;
overflow: hidden;
}

#instagram li {
list-style: none;
float: left;
margin: 0;
width: 20%;
border: 2px solid #b0b0b0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: black;
}

#instagram li:hover {
border-color: #00aaff;
cursor: pointer;
}

#instagram li img {
width: 100%;
vertical-align: middle;
}

#instagram li:hover img {
opacity: 0.7;
}
#instagram li {
list-style: none;
float: left;
margin: 0;
width: 20%;
border: 2px solid #b0b0b0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: black;
}

#instagram li:hover {
border-color: #00aaff;
cursor: pointer;
}

#instagram li img {
width: 100%;
vertical-align: middle;
}

#instagram li:hover img {
opacity: 0.7;
}

.pager {
text-align: center;
margin: 0 auto;
padding: 10px 0;
background-color: white;
text-align: center;
margin: 0 auto;
padding: 10px 0;
background-color: white;
}

.pager a {
color: #868686;
margin: 2px 2px;
font-size: 17px;
text-decoration: none;
vertical-align: middle;
}

.pager a:hover {
cursor: pointer;
}

.pager .jp-previous {
background-image: url('../images/portfolio/left-arrow.png');
width: 8px;
height: 17px;
display: inline-block;
}

.pager .jp-next {
background-image: url('../images/portfolio/right-arrow.png');
width: 8px;
height: 17px;
display: inline-block;
}

.pager .jp-current {
color: #61c5fc;
}
.pager a {
color: #868686;
margin: 2px 2px;
font-size: 17px;
text-decoration: none;
vertical-align: middle;
}

.pager a:hover {
cursor: pointer;
}

.pager .jp-previous {
background-image: url('../images/portfolio/left-arrow.png');
width: 8px;
height: 17px;
display: inline-block;
}

.pager .jp-next {
background-image: url('../images/portfolio/right-arrow.png');
width: 8px;
height: 17px;
display: inline-block;
}

.pager .jp-current {
color: #61c5fc;
}

#fullImageContainer {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 20;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 20;
}

#fullImageContainer .image-wrapper {
width: 650px;
height: 650px;
margin: auto;
padding: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #e7e8e9;
}

#fullImageContainer .image-wrapper img {
position: relative;
}

#fullImageContainer .underlay {
background-color: black;
width: 100%;
height: 100%;
opacity: 0.7;
position: absolute;
cursor: pointer;
}

#fullImageContainer #description {
padding: 10px 5px;
font-size: 18px;
position: absolute;
bottom: 5px;
background-color: rgba(119,112,115,0.8);
width: 630px;
color: white;
}

#fullImageContainer .arrow {
width: 24px;
height: 48px;
position: absolute;
top: 307px;
cursor: pointer;
}

#fullImageContainer .left.arrow {
background-image: url('../images/portfolio/full-left-arrow.png');
right: 101%;
}

#fullImageContainer .right.arrow {
background-image: url('../images/portfolio/full-right-arrow.png');
left: 101%;
}
#fullImageContainer .image-wrapper {
width: 650px;
height: 650px;
margin: auto;
padding: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #e7e8e9;
}

#fullImageContainer .image-wrapper img {
position: relative;
}

#fullImageContainer .underlay {
background-color: black;
width: 100%;
height: 100%;
opacity: 0.7;
position: absolute;
cursor: pointer;
}

#fullImageContainer #description {
padding: 10px 5px;
font-size: 18px;
position: absolute;
bottom: 5px;
background-color: rgba(119,112,115,0.8);
width: 630px;
color: white;
}

#fullImageContainer .arrow {
width: 16%;
height: 100%;
position: absolute;
cursor: pointer;
top: 0;
background-repeat: no-repeat;
background-position-y: 307px;
}

#fullImageContainer .left.arrow {
background-image: url('../images/portfolio/full-left-arrow.png');
right: 100.8%;
background-position-x: right;
}

#fullImageContainer .right.arrow {
background-image: url('../images/portfolio/full-right-arrow.png');
left: 101%;
}

#fullImageContainer .close-button {
background-image: url('../images/portfolio/cross.png');
position: absolute;
top: 2%;
right: 2%;
width: 33px;
height: 33px;
cursor: pointer;
}

#fullImageContainer .arrow:hover,
#fullImageContainer .close-button:hover {
opacity: 0.6;
}
4 website.publishproj
View file
@@ -20,8 +20,8 @@ Copyright (C) Microsoft Corporation. All rights reserved.
<SourceWebPhysicalPath>$(MSBuildThisFileDirectory)</SourceWebPhysicalPath>
<SourceWebVirtualPath>/graver-by</SourceWebVirtualPath>
<TargetFrameworkVersion>v4.0</TargetFrameworkVersion>
<SourceWebProject>http://localhost:60675</SourceWebProject>
<SourceWebMetabasePath>/IISExpress/7.5/LM/W3SVC/20/ROOT</SourceWebMetabasePath>
<SourceWebProject>http://localhost:7034</SourceWebProject>
<SourceWebMetabasePath>/IISExpress/7.5/LM/W3SVC/2/ROOT</SourceWebMetabasePath>
</PropertyGroup>
<PropertyGroup>
<VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">10.0</VisualStudioVersion>