Permalink
Browse files

WEB-60 - View image styles

  • Loading branch information...
mgallego committed Feb 17, 2013
1 parent b3d5af7 commit 71d7e507f38e934e67fa7c1013a9f6b4b41331ad
@@ -25,3 +25,9 @@ input[type="text"], select, textarea, input[type="password"],input[type="email"]
background: @textareaBackgroundColor;
.textareaBackground;
}
+
+.fake-input {
+ background: @header-background-color !important;
+ border: 0 !important;
+ width: 20px;
+}
@@ -1,149 +0,0 @@
-@import url('variables.less');
-
-.img-box {
- background: @header-background-color;
- border: 1px solid @boxBorderColor;
- margin-bottom: 10px;
-}
-
-.img-box {
- padding: 0 15px;
-}
-
-.img-box p {
- padding-bottom: 10px;
-}
-
-
-
-// ////////////////////////////////////
-// img-author
-// ////////////////////////////////////
-
-#img-author {
- padding: 5px 5px 50px 0;
-}
-
-#img-author h2 {
- font-weight: normal;
- padding-left: 20px;
-}
-
-#img-author img {
- float: right;
- margin: -55px 5px;
- height: 100px;
- width: 100px;
-}
-
-#img-author a {
- color: black;
-}
-
-#img-author a:hover {
- color: @p-letter-color;
-}
-
-
-// ////////////////////////////////////
-// img-actions
-// ////////////////////////////////////
-
-#img-actions {
- padding-top: 5px;
- padding-bottom: 5px;
-}
-
-
-#img-actions ul {
- list-style: none;
-}
-
-#img-actions ul li {
- display: inline;
- padding: 0 5px 0 0;
-}
-
-// ////////////////////////////////////
-// sliders
-// ////////////////////////////////////
-
-.slider {
- background: white;
- width: 190px;
- margin: 0 auto;
-}
-
-.slider:last-child {
- margin: 0 auto;
- margin-bottom: 20px;
-}
-
-#img-controls div.control-data {
- padding: 10px 0;
-}
-
-#img-controls span.control-title {
- color: @darkGrey;
-}
-
-#img-controls input.slider-data {
- background: @header-background-color;
- border: 0;
- width: 20px;
-}
-
-// ////////////////////////////////////
-// img-info
-// ////////////////////////////////////
-
-#img-info ul {
- padding: 0;
- list-style: none;
-}
-
-#img-info ul li .info-key {
- color: @darkGrey;
-}
-
-// ////////////////////////////////////
-// img-sucks-rocks
-// ////////////////////////////////////
-
-/* #img-sucks-rocks ul { */
-/* padding: 0; */
-/* margin: 0; */
-/* } */
-
-/* #img-sucks-rocks ul li { */
-/* display: inline; */
-/* } */
-
-/* #img-sucks-rocks ul li a { */
-/* background-repeat: no-repeat; */
-/* background-image: url('/bundles/sfmpicmnt/images/like_dislike_sprite.png'); */
-/* margin-right: 10px; */
-/* padding-top: 60px; */
-/* padding-left: 53px; */
-/* } */
-
-
-/* #img-sucks-rocks ul li a.like{ */
-/* float: left; */
-/* margin: 5px 0 5px 60px; */
-/* background-position: -104px top; */
-/* } */
-
-/* #img-sucks-rocks ul li a.like:hover{ */
-/* background-position: 0px top; */
-/* } */
-
-/* #img-sucks-rocks ul li a.dislike{ */
-/* float: right; */
-/* margin: 5px 60px 5px 0; */
-/* background-position: -158px top; */
-/* } */
-
-/* #img-sucks-rocks ul li a.dislike:hover{ */
-/* background-position: -52px top; */
-/* } */
@@ -6,20 +6,20 @@
@import 'forms.less';
@import 'buttons.less';
+@import 'sliders.less';
@import 'thumbs.less';
-
@import 'header.less';
-
@import 'footer.less';
@import 'edit_image.less';
+@import 'alert.less';
-@import 'img_box.less';
+//@import 'img_box.less';
@import 'user.less';
-@import 'alert.less';
+
@import 'uploads.less';
@import 'profile.less';
@@ -48,27 +48,37 @@
}
.row {
- margin-bottom: 20px;
+ margin-top: 20px;
}
.row_1 {
- margin-bottom: 40px;
+ margin-top: 40px;
+}
+
+.span {
+ margin-left: 5px;
+ margin-right: 5px;
}
.span_1 {
- margin: 0 5px;
+ margin-left: 5px;
+ margin-right: 5px;
}
.span_2 {
- margin: 0 10px;
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+.span-medium {
+ padding-bottom: 50px !important;
}
.minor-import {
color: @darkGrey;
font-size: 0.9em;
}
-
.accent:hover {
background: @accentColor;
}
@@ -85,6 +95,17 @@
display: inline;
}
-li.large {
- min-height: 60px;
+
+
+
+/////// IMG BOX
+.img-box {
+ background: @header-background-color;
+ border: 1px solid @boxBorderColor;
+ margin-bottom: 10px;
+ padding: 5px;
+}
+
+.inline {
+ display: inline-block !important;
}
@@ -0,0 +1,6 @@
+.slider {
+ background: white;
+ width: 190px;
+ margin: 0 auto;
+ margin-bottom: 20px;
+}
@@ -6,8 +6,8 @@
.img-thumb {
position: relative;
margin: 8px;
- height: @thumbMediumHeight;
- width: @thumbMediumWidth;
+ height: @thumbLargeHeight;
+ width: @thumbLargeWidth;
}
@@ -53,3 +53,8 @@
height: @thumbSmallHeight;
width: @thumbSmallWidth;
}
+
+.thumb-medium {
+ height: @thumbMediumHeight;
+ width: @thumbMediumWidth;
+}
@@ -16,6 +16,11 @@ li {
line-height: @baseLineHeight;
}
+li.large {
+ min-height: 60px;
+}
+
+
// Remove default list styles
ul.unstyled,
ol.unstyled {
@@ -55,5 +55,7 @@
//thumbnails
@thumbSmallWidth: 50px;
@thumbSmallHeight: 50px;
-@thumbMediumWidth: 180px;
-@thumbMediumHeight: 180px;
+@thumbMediumWidth: 100px;
+@thumbMediumHeight: 100px;
+@thumbLargeWidth: 180px;
+@thumbLargeHeight: 180px;
@@ -1,38 +0,0 @@
-#image-to-modify {
- margin-left: 20px;
- max-width: 800px;
-}
-
-#image-title > .button {
- font-size: 10px
-}
-
-
-#separator {
- margin: 60px auto 10px auto;
- width: 960px;
-}
-
-#previous-link, #next-link {
- font-size: 20px;
- margin-top: 200px;
- font-weight: bold;
-}
-
-#previous-link a, #next-link a {
- color: #FFF !important;
- -moz-text-shadow: 0px 3px 5px @darkGrey;
- -webkit-text-shadow: 0px 3px 5px @darkGrey;
- -o-text-shadow: 0px 3px 5px @darkGrey;
- -ms-text-shadow: 0px 3px 5px @darkGrey;
- text-shadow: 0px 3px 5px @darkGrey;
-}
-
-#next-link {
- float: right;
- margin-right: 15px;
-}
-
-#previous-link {
- float: left;
-}
Oops, something went wrong.

0 comments on commit 71d7e50

Please sign in to comment.