--- /dev/null
+/*
+<dtml-with base_properties>
+<dtml-with portfolio_properties>
+
+
+*/
+/* Photo / Portfolio */
+.photo_viewer {
+ width:100%;
+ margin-bottom:1px;
+}
+
+.photo_viewer #medium_image {
+ height:603px; /* todo : paramètre */
+ text-align:center;
+ vertical-align:middle;
+}
+
+#medium_image.selected {
+ background: &dtml-medium_image_background;;
+}
+
+.photo_viewer td {
+ padding:0;
+}
+
+.photo_viewer .metadata_bar {
+ background: &dtml-metadata_bar_background;;
+ width:20em;
+}
+
+.image_metadata {
+ padding: 0 1em 1em 1em;
+}
+
+.photo_viewer .photographer {
+ color: &dtml-photographer_font_color;;
+}
+
+.photo_viewer .title_summary {
+ color: &dtml-title_font_color;;
+}
+
+.photo_viewer .description {
+ padding-top:1.5em;
+ max-height:22em;
+ overflow-y:hidden;
+}
+
+.photo_viewer .description:hover {
+ max-height:none;
+}
+
+.photo_viewer ul.keywords {
+ padding: 0 0 1em 0;
+ margin:0;
+ text-align:left;
+}
+
+.photo_viewer .keywords li {
+ display: inline;
+ padding-left: 10px;
+ background: url(&dtml-portal_url;/keyword_sep.gif) left no-repeat;
+}
+
+.photo_viewer .keywords li:first-child {
+ padding-left:0;
+ background:none;
+}
+
+
+table.metadata_category {
+ color: &dtml-metadata_edit_label_color;;
+ background: &dtml-metadata_edit_panel_background;;
+ font-size: 11px;
+ margin-top:1px;
+}
+
+table.metadata_category th {
+ text-align:right;
+ vertical-align:top;
+ font-weight:normal;
+}
+
+table.metadata_category tr.last td,
+table.metadata_category tr.last th {
+ padding-bottom:4px;
+}
+
+table.metadata_category tr.name td,
+table.metadata_category tr.name th {
+ margin-top: 4px;
+ border-top:1px solid &dtml-metadata_panel_border_sep_color;;
+ text-align:left;
+ padding: 4px 0 2px 10px;
+}
+
+table.metadata_category td {
+ padding:1px 8px;
+}
+
+
+table.metadata_category input,
+table.metadata_category textarea,
+table.metadata_category select {
+ width:100%;
+ color:&dtml-metadata_input_font_color;;
+ font-size:11px;
+ font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
+ border:1px solid &dtml-metadata_input_border_color;;
+ background: &dtml-metadata_input_background;;
+}
+
+table.metadata_category input:hover,
+table.metadata_category textarea:hover,
+table.metadata_category select:hover {
+ background: &dtml-metadata_input_hover_background;;
+}
+
+table.metadata_category input:focus,
+table.metadata_category textarea:focus,
+table.metadata_category select:focus {
+ background: &dtml-metadata_input_focus_background;;
+ color: &dtml-metadata_input_focus_font_color;;
+ border: 1px solid &dtml-metadata_input_border_focus_color;;
+}
+
+.portfolio_lightbox a {
+ background: &dtml-portfolio_slide_background;;
+ color: &dtml-fontColor;;
+ display:block;
+ width: <dtml-var expr="thumb_size + 16">px;
+ height: <dtml-var expr="thumb_size + 102">px;
+ display:block;
+ text-align:center;
+ float:left;
+ padding-top:8px;
+ margin-top : 6px;
+ margin-left : 6px;
+ overflow:hidden;
+}
+
+.portfolio_lightbox a:hover {
+ background:&dtml-portfolio_slide_hover_background;;
+ color: &dtml-linkHoverColor;;
+}
+
+.portfolio_lightbox img {
+ border:none;
+}
+
+.portfolio_lightbox h3 {
+ margin:5px 0;
+ padding:0 8px;
+ text-align:left;
+}
+.portfolio_lightbox div {
+ padding:0 8px;
+ text-align:left;
+ font-size: &dtml-fontSmallSize;;
+}
+
+#lightbox_toolbar {
+ text-align: right;
+}
+
+div.lightbox {
+ /* The lightbox itself.
+ Force this div to fit grid
+ effective height.
+ */
+ overflow:hidden;
+}
+
+.photo-drop-target {
+ background: url('&dtml-portal_url;/image-upload-dd-target.png') no-repeat center center;
+ min-height:300px;
+}
+
+.lightbox span {
+ width: &dtml-slide_size;px;
+ height: &dtml-slide_size;px;
+ display:block;
+ float:left;
+ transition: width 1s, opacity 0.5s;
+}
+
+.lightbox a.slide {
+ position:absolute;
+ display:block;
+ width: &dtml-slide_size;px;
+ height: &dtml-slide_size;px;
+ background:&dtml-slide_background;;
+ border: 1px solid &dtml-backgroundColor;;
+}
+
+.lightbox a.slide:hover {
+ background:&dtml-slide_hover_background;;
+}
+
+.lightbox .selected a.slide,
+.lightbox a.selected:hover {
+ background:&dtml-slide_selected_background;;
+}
+
+.lightbox .hidden-slide a.slide,
+.lightbox a.hidden-slide:hover {
+ background:url(&dtml-portal_url;/hidden-slide-bg.png);
+}
+
+.lightbox .slide img {
+ position:absolute;
+ border: 1px solid black;
+}
+
+.lightbox span.button {
+ background:none;
+ position: absolute;
+}
+
+.lightbox span[class].button {
+ visibility:hidden;
+}
+
+.lightbox span:hover span.button {
+ visibility:visible;
+}
+
+.lightbox .slide-select,
+.lightbox .slide-deselect {
+ margin-left:10px;
+ margin-top:7px;
+ width:12px;
+ height:17px;
+}
+
+.lightbox .slide-select img {
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/slide-select-btn.png');
+}
+
+.lightbox .slide-select[class] img {
+ background: url(&dtml-portal_url;/slide-select-btn.png);
+}
+
+.lightbox .slide-deselect img {
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/slide-deselect-btn.png');
+}
+
+.lightbox .slide-deselect[class] img {
+ background: url(&dtml-portal_url;/slide-deselect-btn.png);
+}
+
+.lightbox .slide-cart {
+ margin-left:30px;
+ margin-top:7px;
+ width:12px;
+ height:17px;
+}
+
+.lightbox .slide-cart img {
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/slide-cart-btn.png');
+}
+
+.lightbox .slide-cart[class] img {
+ background: url(&dtml-portal_url;/slide-cart-btn.png);
+}
+
+/* slide del */
+.lightbox .slide-del {
+ margin-left:<dtml-var expr="slide_size - 22">px;
+ margin-top:5px;
+ width:18px;
+ height:19px;
+}
+
+.lightbox .slide-del img {
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/slide-del-btn.png');
+}
+
+.lightbox .slide-del[class] img {
+ background: url(&dtml-portal_url;/slide-del-btn.png);
+}
+
+/* slide checkbox */
+.lightbox .cb {
+ margin-left: <dtml-var expr="slide_size - 22">px;
+ margin-top: 5px;
+ width:auto;
+ height:auto;
+}
+
+.lightbox .cb input[checked] {
+ visibility: visible;
+}
+
+.lightbox .zero_opacity {
+ opacity:0;
+}
+
+.lightbox .zero_width {
+ width:0;
+}
+
+.lightbox .slide-hide,
+.lightbox .slide-show {
+ width:16px;
+ height:15px;
+}
+
+.lightbox .slide-hide img {
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/slide-eye-open-btn.png');
+}
+
+.lightbox .slide-hide[class] img {
+ background: url(&dtml-portal_url;/slide-eye-open-btn.png);
+}
+
+.lightbox .slide-show img {
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/slide-eye-closed.png');
+}
+
+.lightbox .slide-show[class] img {
+ background: url(&dtml-portal_url;/slide-eye-closed.png);
+}
+
+.lightbox span.upload-progress {
+ display: block;
+ position:relative;
+ background:#ef8e32;
+ height:5px;
+ border-radius:3px;
+ width:0;
+ margin-left:11px;
+ top:<dtml-var expr="slide_size - 8">px;
+}
+
+.lightbox span.label {
+ position: relative;
+ padding-left:0.5em;
+ top: -4px;
+/* border: 1px solid red;*/
+}
+
+.image_toolbar {
+ background: url(&dtml-portal_url;/image_toolbar_bg.gif) repeat-x;
+ position:relative;
+ z-index:3;
+ font-size:12px;
+ white-space:nowrap;
+}
+
+.image_toolbar span {
+ vertical-align:9px;
+}
+
+/*
+.image_toolbar img {
+ margin-left: 4px;
+ border:0;
+}*/
+
+#film_bar {
+ background:#555;
+ overflow:hidden;
+ position:relative;
+ width:100%;
+ height: <dtml-var expr="thumb_size/2 + 12">px;
+}
+
+#film_bar table {
+ position:absolute;
+ border-collapse:collapse;
+}
+
+#film_bar td {
+ padding:0;
+ border:1px solid #484848;
+}
+
+#film_bar a {
+ width: <dtml-var expr="thumb_size/2 + 10">px;
+ height: <dtml-var expr="thumb_size/2 + 10">px;
+ display:block;
+ text-align:center;
+ vertical-align:middle;
+}
+
+#film_bar a:hover,
+#film_bar a.selected {
+ background:#727272;
+}
+
+#film_bar a.displayed {
+ background:#bfbfbf;
+}
+
+#film_bar img{
+ border:none;
+}
+
+.jsslider {
+ position:absolute;
+ height:13px;
+ width:0px;
+ background: #000;
+}
+
+.jsslider span {
+ position:absolute;
+ width:0px;
+ height:11px;
+ background:url(&dtml-portal_url;/slider_bg.gif);
+ margin:1px 0;
+ font-size:0; /*IE 6 hack */
+}
+
+#cart_slide {
+ position:absolute;
+ top:25px;
+ left:-190px;
+ width:226px;
+ height:237px;
+ visibility:hidden;
+ font-size:15px;
+ line-height:18px;
+ padding-top:11px;
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/cart-slide-background.png');
+}
+
+#cart_slide[id] {
+ background:no-repeat url(&dtml-portal_url;/cart-slide-background.png);
+}
+
+.wdgt-buyable-items {
+ white-space:normal;
+ width: &dtml-slide_size;px;
+ height: &dtml-slide_size;px;
+ position:absolute;
+ margin:2px;
+ color:#fff;
+}
+
+.wdgt-buyable-items input {
+ font-size:70%;
+}
+
+.ppt-description {
+ color:white;
+ text-align:left;
+ visibility:hidden;
+ display:none;
+ padding-right:45px;
+ padding-top:0.5em;
+}
+.panel-background {
+ width: &dtml-slide_size;px;
+ height: &dtml-slide_size;px;
+ background:#3e2b14;
+ position:absolute;
+ opacity:0.9;
+ filter: alpha(opacity='90');
+}
+
+.confirm-message {
+ position:absolute;
+ color: &dtml-messageFontColor;;
+ padding:3px;
+ background: &dtml-messageBackgroundColor;;
+}
+
+#cart_slide .confirm-message {
+ position:static;
+ margin:2px;
+ text-align:center;
+ vertical-align:middle;
+}
+
+
+input.add-to-cart-btn {
+ position:absolute;
+ background:transparent;
+ width:45px;
+ height:43px;
+ border:none;
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='&dtml-portal_url;/add_to_cart.png');
+ left:<dtml-var expr="slide_size - 47">px;
+ top:2.5em;
+}
+
+input.add-to-cart-btn[class] {
+ background:url(&dtml-portal_url;/add_to_cart.png);
+}
+
+tbody.total th {
+ color:#fff;
+}
+
+tbody.total td {
+ font-weight:bold;
+ font-size:110%;
+ background:#151515;
+}
+
+td.num,
+th.num {
+ text-align:right;
+ padding-right:0.5em;
+ border-left:1px solid black;
+}
+
+.sell_steps_bar td {
+ font-size:120%;
+ background:#000 url(&dtml-portal_url;/sellbar-arrow.gif) no-repeat right;
+ height:40px;
+ vertical-align:middle;
+ padding:0 1em 0 0.5em;
+}
+
+.sell_steps_bar td.done {
+ color: &dtml-messageFontColor;;
+}
+
+/* drag and drop */
+#lightbox img,
+#lightbox a {
+ user-drag: none;
+ -moz-user-select: none;
+ -webkit-user-drag: none;
+}
+
+*[draggable=true] {
+ -moz-user-select:none;
+ -khtml-user-drag: element;
+ -webkit-user-drag: element;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+}
+
+.lightbox span.dragover {
+/* width: <dtml-var expr="slide_size - 10">px;*/
+ border-right: 10px solid &dtml-outlineColor;;
+}
+/*
+</dtml-with>
+</dtml-with>
+*/