/*----------------------------------------------------------------------------------- Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } a { } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /* HTML5 reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*--------------------------- Transitions ---------------------------*/ *, *:link, *:visited, *:hover, *:active, *:focus { transition: color 0.1s linear, background-color 0.1s linear/* , border-color 0.1s linear */; -moz-transition: color 0.1s linear, background-color 0.1s linear/* , border-color 0.1s linear */; -webkit-transition: color 0.1s linear, background-color 0.1s linear/* , border-color 0.1s linear */; } /*--------------------------- Elements ---------------------------*/ body { background: #ECEAE6 url(../images/bg_main.png) repeat top center; color: #191813; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; overflow-y: scroll; *overflow-y: auto; padding: 0 0 120px; position: relative; min-width: 1024px; user-select: text; -moz-user-select: text; -webkit-user-select: text; -o-user-select: text; -khtml-user-select: text; } h1, h2, h3, h4, h5, h6 { font-family: "WaltersGothicRegular", sans-serif; font-weight: normal; text-transform: uppercase; margin: 0 0 5px; } h1 { color: #E56442; font-size: 42px; line-height: 42px; } h2 { color: #9F907D; font-size: 26px; line-height: 30px; } h3 { color: #9F907D; font-size: 16px; line-height: 18px; } h4 { } h5 { } a { color: #E56442; text-decoration: none; } a:hover { /* text-decoration: underline; */ } em { font-style: italic; } strong { font-style: bold; } p { margin: 0 0 20px 0; } ol, ul { margin: 0 0 20px 40px; } ol { list-style: decimal outside; } ul { list-style: disc outside; } hr { border: 1px solid #ECEAE6; border-top: 1px solid #D9D4CC; border-bottom: 1px solid #F7F6F4; } img.preload { opacity: 0; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .block_left { float: left; margin: 0 20px 20px 0; } .right { float: right; } .block_right { float: right; margin: 0 0 20px 20px; } .center { text-align: center; } .clear { clear: both; } .contain { overflow: hidden; } .hide { display: none; } a.tan { color: #A0907D; } a.rss { background: url(../images/icon_rss.png) no-repeat left top; padding: 0 0 0 20px; } .container { margin: 0 auto; overflow: hidden; padding: 0 5px; width: 995px; } .button { background: #E56442; border: none; color: #fff; cursor: pointer; display: block; float: left; font-family: "WaltersGothicRegular", sans-serif; font-size: 16px; height: 35px; line-height: 34px; padding: 0 12px; text-transform: uppercase; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .button:hover { text-decoration: none; } .button.arrow { background: #E56442 url(../images/icon_button_arrow_right.png) no-repeat right center; } .button.back { background: #E56442 url(../images/icon_button_arrow_left.png) no-repeat left center; } .button.social.small { height: 35px; margin-top: 7px; margin-left: 5px; padding: 0; text-indent: -99999px; width: 35px; } .social.facebook.small { background: #E56442 url(../images/icon_facebook.png) no-repeat center; } .social.twitter.small { background: #E56442 url(../images/icon_twitter.png) no-repeat center; } .button:hover, .button.arrow:hover, .button.back:hover, .button.social:hover { background-color: #9F907D; } .button.right { float: right; } input.button { padding-bottom: 3px; } .pager_nav { bottom: -70px; height: 35px; overflow: hidden; padding: 0 0 35px; position: absolute; width: 995px; } .button.pager { display: block; width: 100px; } .button.pager.hide { display: none; } .button.pager.left { padding-left: 30px; text-align: right; } .button.pager.right { padding-right: 30px; } .pagination { margin: 7px 0 0; } .pagination span.button { background: rgba(229, 100, 66, 1) url(../images/icon_pagination.png) no-repeat 0 0; cursor: pointer; height: 19px; padding: 0; text-indent: -99999px; width: 19px; } .pagination span.button:hover { background-color:rgba(159, 144, 125, 1); } .pagination span.button.previous { background-position: 0 0; margin: 0 3px 0 0; } .pagination span.button.next { background-position: -19px 0; } .pagination span.button.disabled { cursor: default; background-color:rgba(229, 100, 66, .5); } .pagination span.button.disabled:hover { background-color:rgba(229, 100, 66, .5); } /* REVOLVERS */ .revolver .barrel { position: relative; } .revolver .barrel .cylinder { left: 0; position: absolute; top: 0; width: 10000px; } .revolver .barrel .chamber { float: left; } #loading { background: url(../images/loading-dark.gif) no-repeat center; background-color: rgba(0, 0, 0, 0.75); display: none; height: 50px; position: fixed; width: 50px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 10000; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000075,endColorstr=#00000075); } .no_select { user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -khtml-user-select: none; } .script_hide { display: none; } /*------------------------------------------- Header -------------------------------------------*/ header#tray { bottom: 0; height: 126px; left: 0; position: fixed; width: 100%; z-index: 1000; } header#tray .container { overflow: visible; } header#tray .shadow { box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } header#tray .bar.dark { background: #333; height: 96px; } header#tray .bar.light { background: #A0907D; height: 30px; } header#tray .logo { background: url(../images/logo_main.png) no-repeat center; display: block; height: 66px; padding: 15px; text-indent: -99999px; width: 90px; } header#tray .jumper { margin: 23px 0 0 0; } header#tray .jumper .browse { margin: 0; transition: none; -moz-transition: none; -webkit-transition: none; } header#tray .jumper form { margin: 0 0 0 15px; } header#tray .jumper form a { color: #7E7E7E; display: block; font-size: 10px; margin: 0 0 2px; text-transform: uppercase; } header#tray .jumper form a:hover { color: #ccc; } header#tray .jumper input.text { background: #fff; border: none; color: #333; float: left; font-size: 14px; height: 35px; line-height: 33px; padding: 0 10px; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -moz-border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; } header#tray .jumper input.button { border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -moz-border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; } header#tray .browse_options { height: 35px; margin: 20px 0 0; position: relative; } header#tray .browse_options.user { margin-right: 10px; } header#tray .browse_options nav { background: #9F907D; bottom: 32px; display: none; left: 0; position: absolute; width: 100%; z-index: 2; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } header#tray .browse_options nav div { padding: 5px; } header#tray .browse_options nav a { display: block; color: #fff; font-family: "WaltersGothicRegular", sans-serif; font-size: 12px; height: 28px; line-height: 26px; padding: 0 8px; text-decoration: none; text-transform: uppercase; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } header#tray .browse_options nav a:hover { background: #333; } header#tray .browse_options:hover nav { display: block; } header#tray .browse_options:hover > a { background: #9F907D; position: relative; z-index: 3; } header#tray .light nav a { border-right: 1px solid #AA9B8A; color: #E7E3DE; display: block; float: left; height: 30px; line-height: 28px; padding: 0 15px; } header#tray .light nav a.home { background: #AA9B8A; border: none; color: #EAE6E2; } header#tray .light nav a:hover { background: #ECE9E5; color:#A0907D; text-decoration:none; } /*------------------------------------------- LAYOUTS -------------------------------------------*/ #wrapper { margin: 0 auto; position: relative; z-index: 1; } #content { position: relative; } /* LAYOUT - HOME */ #content.home { background: url(../images/bg_vr.png) repeat-y 375px 0; float: left; margin: 60px 0; } #content.home .column_left { width: 340px; } #content.home .column_right { width: 575px; } #content.home .intro { margin: 0 0 20px; } #content.home .intro p { font-size: 16px; line-height: 24px; } #content.home .browse { margin: 0 0 40px; width: 324px; } #content.home .browse .button { margin: 0 0 5px; width: 130px; } #content.home .browse .button.right { float: right; } #content.home .categories { width: 324px; } #content.home .categories .barrel { height: 605px; } #content.home .categories .cylinder { height: 605px; } #content.home .categories .chamber { width: 344px; } #content.home .categories figure { background: #D9D4CC; float: left; margin: 0 20px 20px 0; width: 152px; } #content.home .categories figure img { float: left; height: 152px; width: 152px; } #content.home .categories figcaption { background: #9F907D; color: #EBEAE5; clear: both; font-size: 11px; height: 30px; line-height: 28px; padding: 0 10px; } #content.home .categories a:hover figcaption { background: #333; } #content.home .categories .button { float: none; } #content.home .categories .pagination .button { float: left; } #content.home .artwork { margin: 0 0 35px; } #content.home .artwork .date { margin: 7px 10px 0 0; } #content.home .artwork .wrapper { background: #D9D4CC url(../images/loading-image-large.gif) no-repeat center; } #content.home .artwork a { display: none; } #content.home .artwork a.selected { display: block; } #content.home .artwork figure { line-height: 1px; position: relative; text-align: center; } #content.home .artwork figure img { max-width: 575px; } #content.home .artwork figure figcaption { background: #333; font-size: 12px; height: 30px; left: 0; line-height: 28px; padding: 0 12px; position: absolute; top: 0; width: 390px; text-align: left; } #content.home .artwork figure .title { color: #EBEAE5; } #content.home .artwork figure .artist { color: #9F907D; font-style: italic; } #content.home .artwork .rss { margin: 15px 0 0; position: static; } #content.home .artwork footer a { display: block; } #content.home .collections a.tan { margin: 10px 0 0; } #content.home .collections .title { background: #BEB4A7; height: 30px; line-height: 30px; padding: 0 10px; } #content.home .collections .title a { background: url(../images/icon_collection_arrow.png) no-repeat right center; color: #fff; display: block; float: left; font-size: 11px; padding: 0 12px 0 0; } #content.home .collections .thumbnails { margin: 15px 0 0; } #content.home .collections figure { float: left; margin: 0 15px 0 0; overflow: hidden; } #content.home .collections figure img { float: left; max-width: 150px; } #content.home .collections figure.user { margin: 0; } #content.home .collections figure.user img { width: 80px; } #content.home .collections figure.user figcaption { background: #E56442 url(../images/icon_button_arrow_right.png) no-repeat right center; color: #FFF; clear: both; font-size: 11px; font-style: italic; line-height: 14px; overflow: hidden; padding: 7px 20px 7px 10px; width: 50px; } /* LAYOUT - BROWSING LISTING */ #content.browse { margin: 17px 0 0; } #content.browse header { margin: 0 0 15px; } #content.browse header a.breadcrumb { color: #9F907D; display: block; float: left; font-size: 11px; margin: 0 0 5px 0; text-transform: uppercase; } menu#browse_menu { margin: 0 0 20px; } menu#browse_menu ul { margin: 0; padding: 0; } menu#browse_menu li { background: url(../images/bg_vr.png) repeat-y right top; float: left; list-style: none; padding: 0 15px 2px; } menu#browse_menu li.first { padding-left: 0; } menu#browse_menu li.last { background: none; padding-right: 0; } menu#browse_menu a { color: #9F907D; cursor: pointer; display: block; float: left; font-family: "WaltersGothicRegular", sans-serif; font-size: 22px; font-weight: normal; line-height: 20px; text-transform: uppercase; } menu#browse_menu a:hover { color: #E56442; text-decoration: none; } menu#browse_menu a.selected { color: #333; } #browse_listing { margin: 30px 0 20px; } #browse_listing a { color: none; height: 1%; } #browse_listing figure { background: #D9D4CC; float: left; margin: 0 18px 40px 0; width: 235px; } #browse_listing figure.edge { margin-right: 0; } #browse_listing figure img { float: left; height: 235px; width: 235px; } #browse_listing figcaption { background: #A0907D; color: #EBEAE5; clear: both; font-size: 11px; height: 30px; overflow:hidden; padding: 0 10px; } #browse_listing a:hover figcaption { background: #333; } #browse_listing h2, #browse_listing h4 { color: #FFF; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 18px; margin: 6px 0 0 0; text-transform: none; } #browse_listing h2 .count { color: rgba(255, 255, 255, 0.5); *color: #fff; } #browse_listing p { color: #9F907D; font-style: italic; font-size: 11px; line-height: 18px; margin: 0; padding: 0; } #browse_listing figure.thumbnails { background: none; } #browse_listing figure.thumbnails .image { background: #D9D4CC; display: block; float: left; height: 75px; line-height: 73px; margin: 0 5px 5px 0; overflow: hidden; text-align: center; width: 75px; } #browse_listing figure.thumbnails .image.last { margin-right: 0; } #browse_listing figure.thumbnails img { display: inline-block; float: none; vertical-align: middle; height: auto; width: auto; max-height: 75px; max-width: 75px; } #browse_listing figure.museum_location figcaption { height: 50px; } #browse_listing figure.title { margin-bottom: 20px; } #browse_listing figure.community figcaption { height: 50px; line-height: 20px; } #browse_listing figure.community figcaption img.block_left { float: left; height: 30px; margin: 10px 10px 10px 0; width: 30px; } #browse_listing figure.community figcaption h2 { float: left; margin: 8px 0 0; } #browse_listing figure.community figcaption h4 { color: rgba(255, 255, 255, 0.5); *color: #fff; clear: both; float: left; font-size: 8px; line-height: 10px; margin: 0; } /* LAYOUT - OBJECT BROWSING */ #content.browse .intro { margin: 20px 0 0; } #content.browse .description.thin { width: 740px; } #content.browse .description, #content.browse .description p { font-size: 14px; line-height: 22px; } #content.browse .description .user .block_left { margin-right: 10px; } #content.browse .description .user h4 { color: #BDB2A4; margin: 0; } #content.browse .description .user h2 { margin: 0; } #content.browse aside { padding: 20px; width: 195px; background: -moz-linear-gradient(rgba(219, 214, 206,1), rgba(219, 214, 206, 0)); /* FF 3.6+ */ background: -webkit-linear-gradient(rgba(219, 214, 206, 1), rgba(219, 214, 206, 0)); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(rgba(219, 214, 206, 1), rgba(219, 214, 206, 0)); /* Opera 11.10 */ background: -ms-linear-gradient(rgba(219, 214, 206, 1), rgba(219, 214, 206, 0)); /* IE10 */ background: linear-gradient(rgba(219, 214, 206, 1), rgba(219, 214, 206, 0)); /* the standard */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219, 214, 206, 1)), color-stop(100%, rgba(219, 214, 206, 0))); /* Safari 4+, Chrome 2+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBD6CE', endColorstr='#ECEAE6'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBD6CE', endColorstr='#ECEAE6')"; /* IE8+ */ } #content.browse aside img { margin: 0 0 10px; } #content.browse aside h3 { color: #9F907D; font-family: "WaltersGothicRegular", sans-serif; font-size: 22px; line-height: 26px; margin: 0 0 8px; } #content.browse aside p { color: #666; font-size: 12px; margin: 0 0 10px; } #content.browse aside .button { padding-right: 25px; } #object_listing { margin: 28px 0 0 -2px; padding: 2px 2px 80px 2px; width: 1013px; } #object_listing a.object { display: block; float: left; margin: 0 18px 18px 0; overflow: visible; margin: 0 17px 19px 0; position: relative; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } #object_listing figure { background: #D9D4CC; float: left; } #object_listing figure.edge { margin-right: 0; } #object_listing figure img { float: left; width: 235px; } #object_listing figcaption { position: absolute; top: 0; left: -100000px; } .controls span.divider { color: #BDB2A4; display: block; float: left; font-family: "WaltersGothicRegular", sans-serif; font-size: 22px; height: 40px; line-height: 40px; margin: 6px 10px; padding: 0 5px; text-align: center; } .controls input.text { background: #fff; border: none; color: #333; float: left; font-size: 14px; height: 40px; line-height: 38px; margin: 6px 0 0 0; padding: 0 10px; width: 100px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .controls input.button { height: 40px; line-height: 38px; margin: 6px 0 0 10px; padding-right: 25px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* LAYOUT - OBJECT DETAIL */ .detail { padding-top: 10px; } .detail .button.back { height: 38px; line-height: 38px; margin-right: 15px; margin-top: 7px; margin-bottom: 13px; padding-left: 25px; } #object_detail { margin: 40px 0; position: relative; } #object_detail .image figure { background: #D9D4CC url(../images/loading-image-large.gif) no-repeat center; line-height: 1px; overflow: hidden; position: relative; text-align: center; } #object_detail .image figure img { } #object_detail .image figcaption { left: 0; overflow: hidden; position: absolute; top: 0; } #object_detail .image figcaption span { cursor: pointer; display: block; float: left; height: 30px; line-height: 28px; padding: 0 10px; } #object_detail .image figcaption .views { background: #A0907D; color: #E7E3DE; } #object_detail .image figcaption .views:hover { color: #fff; } #object_detail .image figcaption .larger { background: #333; color: #A0907D; } #object_detail .image figcaption .larger:hover { color: #E3D0BB; } #object_detail .issuu embed, #object_detail .issuu object { width: 995px; } #object_detail .image .additional { background: #A0907D; left: 0; padding: 10px 5px 5px 10px; position: absolute; top: 30px; max-width: 275px; } #object_detail .image .additional.hidden { display: none; } #object_detail .image .additional span { background: #fff; cursor: pointer; display: block; float: left; height: 50px; line-height: 48px; margin: 0 5px 5px 0; overflow: hidden; text-align: center; width: 50px; } #object_detail .image .additional span:hover, #object_detail .image .additional span.selected { border: 3px solid #ECEAE6; height: 44px; line-height: 42px; width: 44px; } #object_detail .image .additional span.selected { border-color: #333; } #object_detail .image .additional span img { display: inline-block; float: none; max-height: 50px; max-width: 50px; vertical-align: middle; } #object_detail .image .additional span:hover img, #object_detail .image .additional span.selected img { margin: -3px; } #object_detail a.creative_commons { background: url(../images/icon_creative_commons.png) no-repeat left top; color: #8E8070; display: none; float: left; line-height: 20px; margin: 15px 0 0; padding: 0 0 0 25px; } #object_detail h1 { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; margin: 5px 0 10px; text-transform: none; } #object_detail h6 { color: #9F907D; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 9px; margin: 0 8px 0 0; padding: 5px 0; text-transform: uppercase; } #object_detail .wall_text { width: 410px; } #object_detail .tabbed { margin: 25px 0 0; } #object_detail .tabbed .tabs { border-bottom: 1px dashed #D9D4CC; overflow: hidden; margin: 0 0 10px; padding: 0 0 5px; } #object_detail .tabbed .tabs span { color: #9F907D; cursor: pointer; display: block; float: left; font-size: 9px; margin: 0 9px 0 0; padding: 5px 0; text-transform: uppercase; } #object_detail .tabbed .tabs span:last-child, #object_detail .tabbed .tabs span.last { margin: 0; } #object_detail .tabbed .tabs span:hover, #object_detail .tabbed .tabs span.selected { color: #333; } #object_detail .tabbed .panes { margin: 0 0 15px; overflow: hidden; position: relative; } #object_detail .tabbed .panes .pane { max-height: 265px; min-height: 100px; position: absolute; left: -100000px; top: 0; width: 410px; } #object_detail .tabbed .panes .pane.selected { position: static; } #object_detail .tabbed .panes .pane .scrollbar { max-height: 250px; min-height: 100px; } #object_detail .tabbed .panes .pane .title { display: none; } #object_detail .tabbed .panes table { width: 100%; } #object_detail .tabbed .panes table thead th { background: #D9D4CC; color: #ECEAE6; font-size: 10px; font-weight: normal; padding: 2px 5px 0; text-align: left; text-transform: uppercase; } #object_detail .tabbed .panes table tr { border-bottom: 1px solid #D9D4CC; } #object_detail .tabbed .panes table tr:last-child { border: none; } #object_detail .tabbed .panes table td { font-size: 12px; padding: 10px 5px; } #object_detail .tabbed .panes table .date { width: 70px; } #object_detail .tabbed .panes table .description { width: 90px; } #object_detail .tabbed .panes table .narrative { } #object_detail .tabbed, #object_detail .tabbed p { font-size: 12px; line-height: 18px; } #object_detail .tabbed ul { margin: 0 0 0 15px; } #object_detail .tabbed li { margin: 0 0 8px; } #object_detail .actions { padding: 9px 0 10px; } #object_detail .actions .button.download { background-image: url(../images/icon_download.png); background-position: 135px center; background-repeat: no-repeat; margin: 0 5px 0 0; width: 136px; } #object_detail .actions .button.add { background-image: url(../images/icon_add.png); background-position: 143px center; background-repeat: no-repeat; margin: 0 5px 0 0; width: 139px; } #object_detail .actions .button.social { margin: 0; } #object_detail .actions .button.social.twitter { margin: 0 5px 0 0; } #object_detail .column { border-bottom: 1px dashed #D9D4CC; padding: 10px 10px 15px; width: 215px; } #object_detail .column:last-child { border: none; } #object_detail .column.creator ul { margin: 0 0 0 13px; } #object_detail .column.creator li { margin: 0 0 5px 0; } #object_detail .tags { padding: 15px 0; width: 160px; } #object_detail .tags h3 { background: url(../images/icon_tags.png) no-repeat left center; line-height: 18px; margin: 0 0 10px; padding: 0 0 2px 21px; } #object_detail .tags a { background: #D7D3CC; color: #333; display: block; float: left; font-size: 11px; height: 25px; line-height: 23px; margin: 0 5px 5px 0; padding: 0 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #object_detail .tags a:hover { background: #CBC5BE; } #object_detail .tags form { margin: 10px 0 0; overflow: hidden; } #object_detail .tags label { color: #9F907D; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; display: block; font-size: 9px; margin: 0 8px 0 0; padding: 0 0 5px; text-transform: uppercase; } #object_detail .tags input { background: #fff; border: none; float: left; font-size: 14px; height: 32px; line-height: 30px; padding: 0 10px; width: 108px; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -moz-border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; } #object_detail .tags input.submit { background: #fff url(../images/icon_add_tag.png) no-repeat center; cursor: pointer; height: 32px; text-indent: -99999px; width: 32px; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -moz-border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; } #object_detail .tags fieldset ul { background: #BDB2A4; clear: both; margin: 0 0 5px 0; list-style: none; width: 128px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); } #object_detail .tags fieldset ul li { border-bottom: 1px solid #A0907D; color: #ECE9E5; cursor: pointer; padding: 4px 10px 6px; } #object_detail .tags fieldset ul li:last-child { border: none; } #object_detail .tags fieldset ul li:hover, #object_detail .tags fieldset ul li.selected { background: #A0907D; } #object_detail .related { margin: 20px 0 0; padding: 20px 0; } #object_detail .related h3 { margin: 20px 0 12px; } #object_detail .related a { background: #fff; border: 1px solid #B6B6B6; display: block; float: left; height: 148px; line-height: 146px; margin: 0 19px 19px 0; text-align: center; position: relative; width: 148px; } #object_detail .related a.last { margin-right: 0; } #object_detail .related figure { overflow: hidden; } #object_detail .related a img { display: inline-block; max-height: 148px; max-width: 148px; vertical-align: middle; } #object_detail .related figcaption { display: none; } /* TALL */ #object_detail.tall .image { width: 570px; } #object_detail.tall .image img { max-width: 570px; } #object_detail.tall .information { width: 410px; } #object_detail.tall a.creative_commons.tall { display: block; } /* WIDE */ #object_detail.wide .image { width: 995px; } #object_detail.wide .image img { max-width: 995px; } #object_detail.wide .information { margin: 30px 0 0; width: 995px; } #object_detail.wide .tabbed { margin: 10px 0 0; } #object_detail.wide .wall_text { float: left; margin: 0 15px 0 0; } #object_detail.wide .wall_text hr.last { display: none; } #object_detail.wide .meta { width: 410px; } #object_detail.wide .column { float: left; margin: 0 15px 0 0; width: 170px; } #object_detail.wide a.creative_commons.wide { display: block; } /* IMAGE VIEWER */ #image_viewer { background: #ECEAE6 url(../images/bg_main.png) repeat top center; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 900; user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -khtml-user-select: none; } #image_viewer { display: none; } #image_viewer .toolbar { left: 0; position: fixed; top: -100px; width: 100%; z-index: 901; } #image_viewer .toolbar .shadow { background: #333; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } #image_viewer .toolbar .container { position: relative; } #image_viewer .toolbar .revolver { float: left; padding: 10px 0; overflow: hidden; width: 300px; } #image_viewer .toolbar .revolver .pagination { margin: 5px 0 0 0; width: 20px; } #image_viewer .toolbar .revolver .pagination span { margin: 0 0 3px 0; } #image_viewer .toolbar .revolver .barrel { height: 50px; overflow: hidden; width: 275px; } #image_viewer .toolbar .revolver .cylinder { height: 50px; width: 10000px; } #image_viewer .toolbar .alternates { float: left; height: 50px; overflow: hidden; width: 270px; } #image_viewer .toolbar .alternates span { background: #fff; cursor: pointer; display: block; float: left; height: 50px; line-height: 48px; margin: 0 5px 0 0; overflow: hidden; text-align: center; width: 50px; } #image_viewer .toolbar .alternates span:hover, #image_viewer .toolbar .alternates span.selected { border: 3px solid #E56442; height: 44px; line-height: 42px; width: 44px; } #image_viewer .toolbar .alternates span.selected { border-color: #A0907D; } #image_viewer .toolbar .alternates span img { display: inline-block; float: none; max-height: 50px; max-width: 50px; vertical-align: middle; } #image_viewer .toolbar .alternates span:hover img, #image_viewer .toolbar .alternates span.selected img { margin: -3px; } #image_viewer .toolbar .controls { background: #222; float: left; margin: 0 0 0 -45px; overflow: hidden; padding: 7px; position: absolute; top: 15px; left: 50%; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #image_viewer .toolbar .controls span { background: #A0907D url(../images/icon_zoom_controls.png) no-repeat left center; cursor: pointer; display: block; float: left; height: 24px; text-indent: -99999px; width: 36px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } #image_viewer .toolbar .controls span:hover { background-color: #E56442; } #image_viewer .toolbar .controls span.in { background-position: right center; margin: 0 0 0 5px; } #image_viewer .toolbar .close { color: #A0907D; cursor: pointer; display: block; font-size: 10px; height: 22px; line-height: 22px; float: right; margin: 20px 0 0; text-transform: uppercase; } #image_viewer .toolbar .close span { background: #A0907D url(../images/icon_close.png) no-repeat center; display: inline-block; height: 22px; margin: 0 0 0 2px; width: 22px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; } #image_viewer .toolbar .close:hover { color: #E56442; } #image_viewer .toolbar .close:hover span { background-color: #E56442; } #image_viewer .image_wrapper { height: 1px; position: absolute; width: 1px; } #image_viewer .image { height: 1px; position: relative; width: 1px; } #image_viewer .image img { cursor: move; display: none; position: absolute; } /* SEARCH FORM */ .search_form span.divider { color: #BDB2A4; display: block; float: left; font-family: "WaltersGothicRegular", sans-serif; font-size: 22px; height: 40px; line-height: 40px; margin: 6px 10px; padding: 0 5px; text-align: center; } .search_form label { color: #9F907D; display: block; font-size: 10px; margin: 0 0 2px; text-transform: uppercase; } .search_form label.checkbox { display: inline; } .search_form fieldset.checkbox { float: left; padding: 5px 20px 5px 0; } .search_form input.text { background: #fff; border: none; color: #333; float: left; font-size: 14px; height: 40px; line-height: 38px; margin: 6px 0 0 0; padding: 0 10px; width: 100px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .search_form input.text.include { width: 550px; margin: 5px 0 20px; } .search_form input.text.exclude { width: 352px; margin: 5px 0 20px; } .search_form input.text.date { width: 100px; } .search_form input.button { height: 40px; line-height: 38px; margin: 6px 0 0 10px; padding-right: 25px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .facebook_redirect { background: url(../images/loading-light.gif) no-repeat bottom center; margin: 200px 0 0; padding: 0 0 50px 0; text-align: center; } .maintenance { margin: 100px 0 0; padding: 0 0 50px 0; text-align: center; } .maintenance p { font-size: 16px; line-height: 24px; } .maintenance img { margin: 0 0 30px; } #content.browse.community header .button { margin-top: 5px; } #content.browse.community .preview { width: 220px; } #content.browse.community .content { width: 750px; } #content.browse.community .description figure { background: #D9D4CC; height: 66px; line-height: 63px; margin: 14px 10px 16px 0; overflow: hidden; text-align: center; width: 66px; } #content.browse.community .description figure.third { margin-right: 0; } #content.browse.community .description img { display: inline; max-height: 66px; max-width: 66px; vertical-align: middle; } #content.editor { margin: 40px auto 20px; } #content.editor .controls .selectbox { float: left; margin-left: 0; padding-bottom: 7px; } #content.editor .controls span.button { height: 40px; line-height: 40px; margin: 6px 0 0; } #content.editor .controls span.divider { color: #BDB2A4; display: block; float: left; font-family: "WaltersGothicRegular", sans-serif; font-size: 22px; height: 40px; line-height: 40px; margin: 6px 10px; padding: 0 5px; text-align: center; } #collection_editor { background: url(../images/bg_vr.png) repeat-y 405px 0; margin: 20px 0 0; } #collection_editor .details { float: left; width: 420px; } #collection_editor .objects { float: right; overflow: hidden; width: 550px; } #collection_editor .objects ul { list-style: none; margin: 0; } #collection_editor .objects li { background: #D9D4CC; cursor: move !important; float: left; margin: 0 0 10px 10px; height: 100px; line-height: 98px; position: relative; text-align: center; width: 100px; } #collection_editor .objects li.placeholder { background: rgba(217, 212, 204, 0.25); border: 1px dashed #D9D4CC; height: 98px !important; width: 98px !important; } #collection_editor .objects img { display: inline; max-height: 100px; max-width: 100px; vertical-align: middle; } #collection_editor .objects .delete { background: #9F907D url(../images/icon_close_small.png) no-repeat center; cursor: pointer !important; display: none; height: 18px; position: absolute; right: 5px; text-indent: -99999px; top: 5px; width: 18px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; } #collection_editor .objects li:hover .delete { display: block; } #collection_editor span.label { color: #9F907D; display: block; font-size: 10px; margin: 0 0 8px 10px; text-transform: uppercase; } #collection_details fieldset { margin: 0 0 20px 0; } #collection_details label { color: #9F907D; display: block; font-size: 10px; margin: 0 0 2px; text-transform: uppercase; } #collection_details input.text, #collection_details textarea { background: #fff; border: none; color: #333; float: left; font-size: 14px; height: 35px; line-height: 38px; margin: 6px 0 0 0; padding: 0 10px; width: 338px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #collection_details textarea { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; height: 300px; padding: 10px; } #collection_details .button { height: 35px; line-height: 38px; margin: 0; padding: 0 10px 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #collection_details a.button { line-height: 35px; margin: 0 0 0 5px; padding: 0 12px; } #collection_details a.button.social { padding: 0; } .container.content { margin: 40px auto; } /*------------------------------------------- UI - SLIDER -------------------------------------------*/ menu.slider { height: 40px; line-height: 40px; padding: 5px 0 8px 0; user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -khtml-user-select: none; } menu.slider .position { color: #9F907D; display: block; cursor: pointer; float: left; font-family: "WaltersGothicRegular", sans-serif; font-size: 22px; height: 40px; line-height: 40px; padding: 0 5px; text-align: center; } menu.slider .position.end { float: right; } menu.slider .position:hover { color: #806F5D; } menu.slider .track { background: transparent; height: 40px; position: relative; margin: 0 50px 0 25px; overflow: visible; } menu.slider .rail { border: 1px solid #F3F2F0; height: 8px; position: absolute; top: 16px; width: 100%; z-index: 1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: -moz-linear-gradient(rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* FF 3.6+ */ background: -webkit-linear-gradient(rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* Opera 11.10 */ background: -ms-linear-gradient(rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* IE10 */ background: linear-gradient(rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* the standard */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219, 214, 206, 1)), color-stop(100%, rgba(219, 214, 206, 0))); /* Safari 4+, Chrome 2+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C3C2BF', endColorstr='#ECEAE6'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C3C2BF', endColorstr='#ECEAE6')"; /* IE8+ */ } menu.slider .handle { background: #A0907D; cursor: move; /* display: none; */ height: 40px; line-height: 40px; left: 0; position: absolute; top: 0; z-index: 2; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } menu.slider .handle .current { color: #ECEAE6; display: block; /* float: left; */ font-family: "WaltersGothicRegular", sans-serif; font-size: 18px; padding: 0 22px; position: relative; line-height: 37px; text-align: center; width: 35px; } menu.slider .handle .current .digit:hover { color: #fff; } menu.slider .handle .button { background: url(../images/icon_slider_arrows.png) no-repeat 8px center; cursor: pointer; display: block; height: 40px; left: 0; position: absolute; padding: 0; top: 0; text-indent: -99999px; width: 20px; } menu.slider .handle .button:hover { background-position: -72px; } menu.slider .handle .button.next { background-position: -38px center; left: auto; right: 0; } menu.slider .handle .button.next:hover { background-position: -118px; } nav.letter_set { display: none; overflow: hidden; margin: 13px 0 15px 0; } nav.letter_set ul { margin: 0; } nav.letter_set li { background: url("../images/bg_vr.png") repeat-y right top; float: left; list-style: none; padding: 0 15px 2px; } nav.letter_set li.first { padding-left: 0; } nav.letter_set li.last { background: none; padding-right: 0; } nav.letter_set a { display: block; font-family: "WaltersGothicRegular", sans-serif; font-size: 16px; margin: 0; padding: 0; text-transform: uppercase; } nav.letter_set a.selected { color: #333; } #object_preview { background: url(../images/icon_tooltip_arrow_vertical.png) no-repeat center -11px; display: none; left: 0; padding: 7px 0 0 0; position: absolute; top: 0; z-index: 100; } #object_preview .inner { background: #2D2D2D; float: left; overflow: hidden; padding: 8px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #object_preview img { float: left; } /*------------------------------------------- UI - TOOLTIP -------------------------------------------*/ #tooltip { background: url(../images/icon_tooltip_arrow.png) no-repeat -11px 20px; line-height: 18px; padding: 0 0 0 9px; position: absolute; z-index: 500; text-align: left; user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -khtml-user-select: none; } #tooltip .inner { background: #2D2D2D; padding: 10px 15px; width: 220px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #tooltip.left { background-position: 248px 20px; padding: 0 9px 0 0; } #tooltip.left .inner { box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3); } #tooltip table { } #tooltip table td { background: url(../images/bg_hr_dark.png) repeat-x left bottom; color: #EBEAE5; font-size: 12px; padding: 6px 0 9px; vertical-align: top; } #tooltip table td span { color: #EBEAE5; } #tooltip table td span:hover { color: #FFF; text-decoration: underline; } #tooltip table .last td { background: none; } #tooltip table td.title { font-size: 16px; line-height: 20px; width: 170px; } #tooltip table td.label { color: #666; font-size: 9px; text-align: right; text-transform: uppercase; width: 50px; } /*------------------------------------------- UI - SELECT BOX -------------------------------------------*/ select.selectbox { float: left; visibility: hidden; } .selectbox { display: block; float: right; height: 40px; margin: 6px 0 0 10px; padding: 0 0 13px 0; position: relative; width: 235px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -khtml-user-select: none; } .selectbox.left { float: left; } .selectbox a:hover { text-decoration: none; } .selectbox .sb-selected { background: #BDB2A4 url(../images/selectbox_arrows.png) no-repeat center right; color: #fff; display: block; font-size: 12px; height: 40px; line-height: 38px; padding: 0 10px; width: 215px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* .selectbox .sb-selected:hover, .selectbox.open .sb-selected { background-color: #FFCA00; color: #000; } */ .selectbox .sb-options { background: #A0907D; left: 0; margin: 0; padding: 0; overflow: hidden; position: absolute; top: 0; width: 195px; z-index: 800; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); } .selectbox .sb-options li { height: 40px; overflow: hidden; list-style-image: none; margin: 0; } .selectbox .sb-options li a { border-bottom: 1px solid #BDB2A4; color: #fff; height: 40px; line-height: 38px; display: block; padding: 0 10px; } .selectbox .sb-options li.selected a { background: #BDB2A4; } .selectbox .sb-options li a:hover { background: #333; } .selectbox .sb-options li.selected a:hover { background: #333; } .selectbox .sb-options li.first a { border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; } .selectbox .sb-options li.last a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; } .selectbox.date { float: left; width: 90px; } .selectbox.date .sb-selected { width: 70px; } .selectbox.date .sb-options { width: 50px; } /*------------------------------------------- UI - Scrollbar -------------------------------------------*/ .scrollbar { } .scrollbar.is-scrollable { overflow-y: scroll; overflow-x: hidden; } .scrollbar-wrapper { position: relative; } .scrollbar-wrapper .track { display: block; height: 100%; position: absolute; right: 0; top: 0; width: 8px; border: 1px solid #F3F2F0; position: absolute; right: 0; top: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: -moz-linear-gradient(0% 100% 0deg, rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* FF 3.6+ */ background: -webkit-linear-gradient(linear, left top, right top, rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(0deg, rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* Opera 11.10 */ background: -ms-linear-gradient(0deg, rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* IE10 */ background: linear-gradient(0deg, rgba(195, 194, 191, 1), rgba(195, 194, 191, 0)); /* the standard */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(219, 214, 206, 1)), color-stop(100%, rgba(219, 214, 206, 0))); /* Safari 4+, Chrome 2+ */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C3C2BF', endColorstr='#ECEAE6'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C3C2BF', endColorstr='#ECEAE6')"; /* IE8+ */ } .scrollbar-wrapper .handle { background: #A0907D; cursor: pointer; overflow: hidden; position: absolute; right: 1px; top: 1px; width: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /*------------------------------------------- UI - FACEBOX -------------------------------------------*/ #facebox { left: 0; position: absolute; text-align: left; top: 0; z-index: 100; } #facebox .popup { background: #2D2D2D; padding: 15px 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #facebox .content { color: #EBEAE5; display: table; width: 310px; } #facebox hr { border: 1px solid #2D2D2D; border-top: 1px solid #1E1E1E; border-bottom: 1px solid #373737; } #facebox .close { background: #666 url(../images/icon_close_small.png) no-repeat center; display: inline-block; height: 18px; margin: 0 0 0 2px; position: absolute; right: 20px; text-indent: -99999px; top: 17px; width: 18px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; } #facebox_overlay { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; } .facebox_hide { z-index: 100; } .facebox_overlayBG { background-color: #000; z-index: 99; } /* CUSTOM */ #facebox h3 { color: #999; font-size: 22px; margin: 0 0 15px; } #facebox fieldset { padding: 5px 0; } #facebox p { color: #666; margin: 0; } #facebox p a { display: block; float: left; margin: 10px 0 0; } #facebox label { color: #666; display: block; font-size: 9px; margin: 0 0 5px; text-transform: uppercase; } #facebox input { background: #fff; border: none; color: #333; float: left; font-size: 14px; height: 35px; line-height: 33px; padding: 0 10px; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -moz-border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; } #facebox input { width: 218px; } #facebox input.button { background: #E56442; color: #fff; font-size: 16px; padding: 0 10px 2px; *padding: 0 3px 2px; width: auto; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -moz-border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; } #facebox input.single { float: right; margin: 0; padding: 0 13px 2px; *padding: 0 10px 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #facebox .selectbox { float: left; margin: 0 5px 0 0; padding: 0; } #facebox .selectbox .sb-selected { background: #fff url(../images/selectbox_arrows_grey.png) no-repeat center right; color: #333; height: 35px; line-height: 34px; margin: 0; width: 217px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #facebox .selectbox .sb-options { background: #999; width: 197px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #facebox .selectbox .sb-options li { height: 35px; } #facebox .selectbox .sb-options li a { border-bottom: 1px solid #666; color: #fff; height: 35px; line-height: 34px; } #facebox .selectbox .sb-options li.selected a { background: #fff; color: #333; } #facebox .selectbox .sb-options li a:hover { background: #666; color: #fff; } #facebox .selectbox .sb-options li.selected a:hover { background: #666; color: #fff; } /*------------------------------------------- J-WYSIWYG -------------------------------------------*/ div.wysiwyg { background: #fff; clear: both; margin: 8px 0 0 0; overflow: hidden; padding: 0 0 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } div.wysiwyg * { margin: 0; padding: 0; } div.wysiwyg ul.panel { background-color: #D9D4CC; overflow: hidden; padding: 5px; } div.wysiwyg ul.panel li { background: none; list-style-type: none; float: left; margin: 0 5px 0 0; padding: 1px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; } div.wysiwyg ul.panel li.separator { border-left: 1px solid #E7E3DE; height: 16px; margin: 0 7px 0 3px; } div.wysiwyg ul.panel li a { text-indent: -5000px; display: block; width: 16px; height: 16px; background: url(../images/jquery.wysiwyg.gif) no-repeat -64px -80px; border: 0; cursor: pointer; padding: 0; } div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; } div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; margin: 0 1px 0 0; width: 15px; } /* div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; } */ div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; } /* div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; } div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; } div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; } div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; } */ div.wysiwyg ul.panel li a.indent { background-position: -64px 0; } div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; } /* div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; } div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; } div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; height: 15px; margin: 0 2px 0 2px; width: 15px; } div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; } */ div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; } div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; } /* div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; } div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; } div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; } div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; } div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; } div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; } div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; } div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; } div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; } div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; } div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; } div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; } div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; } div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; } div.wysiwyg ul.panel li a.html { background-position: -47px -46px; } div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; height: 15px; } div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; } */ div.wysiwyg iframe { border: 0; clear: left; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; } /*------------------------------------------- IOS FIXES -------------------------------------------*/ /* iPad [landscape] */ @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) { body { padding: 0 0 30px 0; min-width: 1024px; } header#tray { position: static; } header#tray .browse_options nav { bottom: auto; top: 32px; } } /* iPhone [portrait + landscape] */ @media only screen and (max-device-width: 480px) { body { padding: 0 0 30px; } header#tray { position: static; } }