Permalink
Browse files

fixing image widths

  • Loading branch information...
1 parent f4f3366 commit 4369f9930072d369bc230434fa4483b515e45701 @kimballfrank kimballfrank committed Nov 3, 2012
@@ -402,6 +402,16 @@
.row-fluid .thumbnails {
margin-left: 0;
}
+ .result-main-img-contain {
+ height: mainImgContainWidth;
+ width: mainImgContainWidth;
+ overflow: hidden;
+ }
+ .result-main-img {
+ max-height: 270px;
+ min-height: 270px;
+ min-width: 270px;
+ }
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
@@ -718,6 +728,16 @@
input.span1, textarea.span1, .uneditable-input.span1 {
width: 28px;
}
+ .result-main-img-contain {
+ height: mainImgContainWidth;
+ width: mainImgContainWidth;
+ overflow: hidden;
+ }
+ .result-main-img {
+ max-height: 166px;
+ min-height: 166px;
+ min-width: 166px;
+ }
}
@media (max-width: 767px) {
body {
@@ -24,5 +24,21 @@
.row-fluid .thumbnails {
margin-left: 0;
}
+
+@mainImgColWidth: (@gridColumnWidth1200 * 3);
+@mainImgGutWidth: (@gridGutterWidth1200 * 2);
+@mainImgContainWidth: (@mainImgColWidth + @mainImgGutWidth);
+
+.result-main-img-contain {
+ height: mainImgContainWidth;
+ width: mainImgContainWidth;
+ overflow: hidden;
+}
+
+.result-main-img {
+ max-height: @mainImgContainWidth;
+ min-height: @mainImgContainWidth;
+ min-width: @mainImgContainWidth;
+}
}
@@ -15,5 +15,21 @@
#grid > .input(@gridColumnWidth768, @gridGutterWidth768);
// No need to reset .thumbnails here since it's the same @gridGutterWidth
+
+ @mainImgColWidth: (@gridColumnWidth768 * 3);
+ @mainImgGutWidth: (@gridGutterWidth768 * 2);
+ @mainImgContainWidth: (@mainImgColWidth + @mainImgGutWidth);
+
+.result-main-img-contain {
+ height: mainImgContainWidth;
+ width: mainImgContainWidth;
+ overflow: hidden;
+}
+
+.result-main-img {
+ max-height: @mainImgContainWidth;
+ min-height: @mainImgContainWidth;
+ min-width: @mainImgContainWidth;
+}
}
@@ -1,4 +1,4 @@
-body.has-bg-photo {
+/*body.has-bg-photo {
position: relative;
min-width: 420px;
width: 100%;
@@ -9,8 +9,8 @@ body.has-bg-photo {
-o-background-size: cover;
background-size: cover;
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
- -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
-}
+ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*!/
+}*/
.bg-img {
position: absolute;
@@ -92,10 +92,7 @@ h2.description {
color: #333;
}
-img.result-main-img{
- width: 100%;
- border-bottom: 1px solid #676767;
-}
+
.host-user-img {
border-radius: 3px;
@@ -290,14 +287,12 @@ a:hover.social-link {
font-size: 16px;
line-height: 32px;
height: 32px;
-
}
.typeahead.dropdown-menu li a:hover {
color: #fff;
text-decoration: none;
background: #44A1E1;
-
}
.typeahead.dropdown-menu li.active a {
@@ -316,6 +311,7 @@ a:hover.social-link {
width: 230px;
padding: 0px;
}
+
#date-picker .popover-title {
display: none;
}
@@ -345,21 +341,9 @@ a.day.today {
color: #fff;
}
-.result-main-img-contain {
- height: 270px;
- width: 270px;
- overflow: hidden;
-}
-
-.result-main-img {
- min-height: 270px;
- min-width: 270px;
-}
-
a:hover.day {
text-decoration: none;
display: block;
background: #44A1E1;
color: #fff;
-
}

0 comments on commit 4369f99

Please sign in to comment.