diff options
Diffstat (limited to 'media/sass/photos.sass')
| -rw-r--r-- | media/sass/photos.sass | 248 |
1 files changed, 248 insertions, 0 deletions
diff --git a/media/sass/photos.sass b/media/sass/photos.sass new file mode 100644 index 0000000..1c8619a --- /dev/null +++ b/media/sass/photos.sass @@ -0,0 +1,248 @@ +//basic stuff + +@import _reset.sass +@import _grid.sass +@import _mixins.sass +@import _globals.sass + +!luxagraf_brown = #201a11 +!luxagraf_orange = #b53a04 + +ul#breadcrumbs + font-size: 65% + font-family: Hoefler Text,Georgia,Times New Roman,Times,serif + margin: 0 + float: left +ul#instructions + font-size: 70% + font-family: Hoefler Text,Georgia,Times New Roman,Times,serif + text-transform: uppercase + margin: 0 + line-height: 1.2em + visibility: hidden + margin-left: 720px + li + display: inline +.meta + margin: 43px 0 0 37px + color: #000 + dl + font-size: 13px + dt + clear: left + float: left + line-height: 16px + margin: 4px 0 + width= 100px + //border-bottom: 1px solid #999 + + dd + float: left + width= 125px + margin: 4px 0 4px 4px + line-height: 16px + a + color: #000 !important + a:hover + color= !luxagraf_orange !important + +body + background: #000 + +.hide + display: none +.clear + clear: both + +li.activeSlide a img.thumb + border= !luxagraf_orange 3px solid !important +li.jcarousel-item a img.thumb + border: #666 3px solid + +.jcarousel-container + bottom: 0 + margin: 0 auto + padding:0 50px + width: 960px + +.jcarousel-clip + z-index: 2 + padding: 0 + margin: 0 + + overflow: hidden + position: relative + +.jcarousel-list + z-index: 1 + overflow: hidden + position: relative + top: 0 + left: 0 + margin: 0 + padding: 0 + height: 80px + + +.jcarousel-item + float: left + list-style: none + width:80px + height: 80px + + +.jcarousel-next-horizontal + position: absolute + top: 5px + right: 3px + width: 20px + height: 53px + margin-top: 695px + background: transparent url('/media/img/slideshow-arrow-right.png') no-repeat 0 0 + +.jcarousel-next-horizontal:hover + background-position: -20px 0 + +.jcarousel-next-horizontal:active + background-position: -64px 0 + +.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active + cursor: default + background-position: -96px 0 + +.jcarousel-prev-horizontal + position: absolute + top: 5px + left: -6px + width: 20px + height: 53px + margin-left: 7px + margin-top: 695px + background: transparent url('/media/img/slideshow-arrow-left.png') no-repeat 0 0 + +.jcarousel-prev-horizontal:hover + background-position: -20px 0 + +.jcarousel-prev-horizontal:active + background-position: -64px 0 + +.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active + cursor: default + background-position: -96px 0 + +ul#feature_gallery_pager + display: block + margin: auto + overflow: hidden + height: 85px + margin-top: 680px + + +ul#feature_gallery_pager li a + overflow: hidden + width: 80px + height: 80px + padding: 2px + float: left + display: block + +ul#feature_gallery_pager li + margin: 0 2px + padding: 0 + + +#slides img.thumb + width: 65px + height: 65px + +#map-container + width: 469px + height: 392px + position: absolute + right: 10px + bottom: 35px + z-index: 2000 + margin: 0 + padding: 0 + background: url('/media/img/mapbg.png') no-repeat top left +#exif-container + width: 320px + height: 270px + position: absolute + right: 0px + bottom: 26px + z-index: 2000 + background: url('/media/img/exifbg.png') no-repeat top left +#map-wrapper + width: 400px + height: 328px + margin: 37px 0 0 44px + + +#wrapper + width: 1010px + margin: 0 auto + +sm-sans + text-align: left + font-size: 16px + color: #fff + ul#slides li + margin-top: 10px + + a + color: #fff + li.bigimg + width= !col16+!pad*3 + position: relative + display: block + clear: both + margin: 0px + margin-top: 36px + clear: both + margin-bottom: 72px + + div.figure + margin: 0 + padding: 0 + + img + border= none + + div.legend + display: block + margin: 0 + background: #000 + +transparent_class_lighter + position: absolute + bottom: 0 + clear: both + width: 100% + + + div.caption + float: left + padding: 0 8px + line-height: 36px + p + line-height: 14px + font-size: 12px + margin-top: 0 + margin-bottom: 12px + h5 + display: inline + text-transform: uppercase + span + font-weight: normal + color: #999 + div.photo-options + float: right + margin: 0 + a + text-transform: uppercase + font-size: 13px + margin: 0 8px + line-height: 36px + color: #fff + a:hover + color= !luxagraf_orange +
\ No newline at end of file |