Skip to content
This repository has been archived by the owner on Jan 15, 2021. It is now read-only.

WIP Responsive Design Website #42

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

WIP Responsive Design Website #42

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
12e3b3b
Split out responsive styles into own file
bholdt Jun 30, 2014
89a3f3a
Bundle responsive.css and order stylesheet
bholdt Jul 2, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions source/Glimpse.Site/App_Start/BundleConfig.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ public static void RegisterBundles(BundleCollection bundles)

bundles.Add(new StyleBundle("~/content/sitecss").Include(
"~/Content/bootstrap.css",
"~/Content/responsive.css",
"~/Content/site.css"));
}
}
Expand Down
66 changes: 0 additions & 66 deletions source/Glimpse.Site/Content/Site.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -569,12 +569,6 @@ h4 { font-weight: bold; }
margin-bottom: 3px;
}

@media (min-width: 768px) {
.listing-data-community .col-sm-3 {
height: 200px
}
}

.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
Expand Down Expand Up @@ -606,63 +600,3 @@ h4 { font-weight: bold; }
}


@media (min-width: 768px) {
.navbar_home .glyphicon {
font-size: 2em;
display: block;
margin: 0 0 0.25em;
}
.navbar_home > ul > li {
text-align: center;
}
.navbar_home > ul > li > a {
padding-top: 2px;
padding-bottom: 4px;
}

#tweets {
margin-top: -47px;
}
}

@media (max-width: 992px) {
.float_md_img {
position: relative;
left: -15px;
width: 100%;
width: calc(100% + 30px);
}
}

@media (max-width: 768px) {
.float_sm_img {
position: relative;
left: -15px;
width: 100%;
width: calc(100% + 30px);
}

.community_listing_outer {
height: 100px;
}
.community_listing {
height: 100px;
width: 1200px;
margin-left: -600px;
}
.community_listing img{
height: 100px;
}
}

@media (max-width: 435px) {
.carousel-summary .carousel-subject {
height: 230px;
}
}

@media (min-width: 1200px) {
.carousel-container {
padding: 0 8.333333333333332%;
}
}
83 changes: 83 additions & 0 deletions source/Glimpse.Site/Content/responsive.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
@media only screen and (min-width: 480px) {
.carousel-summary .carousel-subject {
height: 230px;
}

.screenshot-preview {
display: none;
}
}

@media only screen and (min-width: 600px) {
.screenshot-preview {
display: block;
}
}

@media only screen and (min-width: 768px) {

.listing-data-community .col-sm-3 {
height: 200px
}

.navbar_home .glyphicon {
font-size: 2em;
display: block;
margin: 0 0 0.25em;
}
.navbar_home > ul > li {
text-align: center;
}
.navbar_home > ul > li > a {
padding-top: 2px;
padding-bottom: 4px;
}

#tweets {
margin-top: -47px;
}

.float_sm_img {
position: relative;
left: -15px;
width: 100%;
width: calc(100% + 30px);
}

.community_listing_outer {
height: 100px;
}
.community_listing {
height: 100px;
width: 1200px;
margin-left: -600px;
}
.community_listing img{
height: 100px;
}
}

@media only screen and (min-width: 992px) {

.float_md_img {
position: relative;
left: -15px;
width: 100%;
width: calc(100% + 30px);
}
}

@media only screen and (min-width: 1382px) {

.carousel-container {
padding: 0 8.333333333333332%;
}
}

@media only screen and
(-webkit-min-device-pixel-ratio: 1.5), only screen and
(-o-min-device-pixel-ratio: 3/2), only screen and
(min-device-pixel-ratio: 1.5) {

}

1 change: 1 addition & 0 deletions source/Glimpse.Site/Glimpse.Site.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -213,6 +213,7 @@
<Content Include="Content\favicon.ico" />
<Content Include="Content\favicon.png" />
<Content Include="Content\glimpse100.png" />
<Content Include="Content\responsive.css" />
<Content Include="Content\_v1\app-sprite-new.png" />
<Content Include="Content\_v1\app-sprite.png" />
<Content Include="Views\Docs\Wiki\Content\Heads-up-Display.md" />
Expand Down