/****************************************** * OLD FILE : jquery-ui-1.8.6.css ******************************************/ /* * jQuery UI CSS Framework 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=8px&bgColorHeader=817865&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=45&borderColorHeader=494437&fcHeader=ffffff&iconColorHeader=fadc7a&bgColorContent=feeebd&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=8e846b&fcContent=383838&iconColorContent=d19405&bgColorDefault=fece2f&bgTextureDefault=12_gloss_wave.png&bgImgOpacityDefault=60&borderColorDefault=d19405&fcDefault=4c3000&iconColorDefault=3d3d3d&bgColorHover=ffdd57&bgTextureHover=12_gloss_wave.png&bgImgOpacityHover=70&borderColorHover=a45b13&fcHover=381f00&iconColorHover=bd7b00&bgColorActive=ffffff&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=655e4e&fcActive=0074c7&iconColorActive=eb990f&bgColorHighlight=fff9e5&bgTextureHighlight=12_gloss_wave.png&bgImgOpacityHighlight=90&borderColorHighlight=eeb420&fcHighlight=1f1f1f&iconColorHighlight=ed9f26&bgColorError=d34d17&bgTextureError=07_diagonals_medium.png&bgImgOpacityError=20&borderColorError=ffb73d&fcError=ffffff&iconColorError=ffe180&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ /* Interaction states ----------------------------------*/ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight: bold; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; } .ui-corner-tr { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; } .ui-corner-bl { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; } .ui-corner-br { -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; } .ui-corner-top { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; } .ui-corner-right { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; } .ui-corner-left { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; } .ui-corner-all { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* Overlays */ .ui-widget-overlay { opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* * jQuery UI Datepicker 1.8.9 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-header { font-weight: bold; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-datepicker .ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover { font-weight: bold; } .ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover { text-decoration: none; } /***********************/ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget-overlay { opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* * jQuery UI Dialog 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;} .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-dialog .ui-dialog-titlebar {position: absolute; width: 100%;height: 50px;z-index: 3000;zoom: 1;} .ui-dialog .ui-dialog-titlebar .ui-dialog-title {display:none;} .ui-dialog .ui-dialog-content > div {margin: auto;} .ui-dialog .ui-dialog-titlebar-close span { position: relative; display: block; width: 10px; height: 10px; border: none; text-indent: -200px; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; width: 10px; height: 10px; right: 25px; top: 15px; overflow: hidden; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /****************************************** * OLD FILE : jquery.fileupload-ui.css ******************************************/ .popin.avatar-dialog-change { padding: 0 10px; width:435px; } .file_upload { position: relative; overflow: hidden; direction: ltr; cursor: pointer; text-align: center; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 310px; height: 30px; line-height: 30px; border: medium none; cursor: pointer; } .popin.profile_background { padding: 0 10px; width:435px; } .popin.profile_background .file_upload { width: 435px; height: 115px; } .popin.profile_background .file_upload input { position: relative; } .popin.profile_background .file_upload .frm_element { margin: 0; } .popin.profile_background form.file_upload div.fieldset { margin-bottom: 0; padding: 0; } .popin.profile_background .deletebackground input { position: absolute; } .popin.profile_background .deletebackground { height:1px; } .popin.profile_background form.settings_background_delete { width: auto; height: 30px; } .file_upload input { position: absolute; top: 0; left: 0; right: 0; margin: 0; cursor: pointer; } .file_upload iframe, .file_upload button { display: none; } /****************************************** * OLD FILE : common.css ******************************************/ /********* * http://kwest.com * gestion des ?l?ments r?currents : * header, footer, body, menus, logos, * couleurs de liens, avatars, publicit?, debug, 404 * ******* * text default color : #666666 * link default color : #cd802a * default font-family : "Arial", "Geneva", sans-serif; * default font-size: 12px; (1em) **********/ /* Reset * * */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline: none; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* Styles g?n?riques * * */ body { text-align: center; } a { text-decoration: none; outline: none; } a:hover { text-decoration: none; } h1 { position: absolute; left: 45px; top: 3px; } h2, h3 { font-style: italic; } h2, .content h3 { font-weight: bold; } .content form p { margin: 0; padding: 0; } .hidden { visibility: hidden; } .hover .hidden, ul.collection_display_list li:hover .hidden, ul.collection_display_list li.selected .hidden, ul.collection_display_list li.hover .hidden { visibility: visible !important; } .displaynone { display: none; } .clearfix { zoom: 1; } .clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; } .clear { clear: both; } .aligncenter { text-align: center; } .alignright { text-align: right; } .floatleft { float: left; } .floatright { float: right; } /* Feedback WARNING CONFIRM ou ERROR */ .notification.error { padding: 10px; margin: 0 40px 20px 40px; text-align: center; } .notification.error span { padding: 5px 5px 5px 45px; } .popin .notification.error { margin: 0; } .popin .notification.error span { padding: 0; } .notification.warning { padding: 10px; margin: 0 40px 20px 40px; text-align: center; } .notification.warning span { padding: 5px 5px 5px 45px; } .notification.confirm { padding: 10px; margin: 0 40px 20px 40px; text-align: center; } .notification.confirm span { padding: 5px; } /* arrondis communs */ #navigation, .question, .ask.sharedquestion, .share_form, .global_notification_message, .notification.confirm, .notification.warning, .notification.error, .fieldset { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 10px 10px 10px; } #subscribe, #navigation li, #navigation li a, .bouton, .minipopin, #compteur, .content_onglets li a, .suite a .blockUI.blockOverlay { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; } /* marges communes */ .answers_list li, .answers_list p, .answers_list_newsfeed p, .content_onglets { padding-bottom: 5px; } .sidebar p, h2, .profil_socialnetwork, .answers_list, .answers_list h4, .answers_list_newsfeed, .answers_list_newsfeed h4, .followers_list { padding-bottom: 15px; } .answers_list h4, h3, .answers_list li, .questions_list li, .answers_list_newsfeed h4 { padding-bottom: 17px; word-wrap: break-word; } .answers_list li, .answers_list_newsfeed li { word-wrap: break-word; } .answers_list_wrapper h2 { float: left; } .answers_list_wrapper .rss { float: left; width: 15px; height: 15px; margin:8px 0 0 5px; } .sidebar .bloc { margin-bottom: 25px; } /* Elements de structure * * */ #global, #footer { width: 966px; margin: 20px auto 0; position: relative; /* pour le logo */ -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px 20px 20px 20px; } .sidebar, .content { text-align: left; padding-right: 20px; } .sidebar { position: relative; width: 300px; float: right; padding-bottom: 30px; /* espace n?cessaire pour positionner le "Signaler" */ } /* IE7 */ *+html { overflow-x: hidden; } .content { width: 602px; padding-left: 20px; padding-bottom: 20px; float: left; overflow: hidden; } /* Logo */ #global a.logo { display: block; width: 156px; height: 85px; text-align: left; } #global a.logo img { display: block; width: 156px; height: 85px; } #global-popup { margin-top: 20px; } /* Barre de connection et * * de configuration */ #toplinks { margin: 10px 20px; text-align: right; } #toplinks li { display: inline; } #toplinks li a { padding: 0 10px; text-align: right; } /* Barre de navigation * * */ #navigation { margin: 10px 20px 20px; text-align: right; height: 57px; } #navigation li { display: inline-block; margin: 10px 10px 10px 5px; position: relative; } #navigation li a { display: block; padding: 8px 20px; z-index: 5; text-decoration: none; } #navigation .pastille { display: block; width: 31px; height: 30px; text-align: center; line-height: 30px; position: absolute; bottom: -10px; right: -14px; z-index: 10; font-weight: bold; } #navigation .pastille a { padding: 0; } /* Affichage correct sous ie7 */ *:first-child+html #navigation { padding-left: 420px; padding-bottom: 10px; } *:first-child+html #navigation.noauth { position: relative; top: 35px; margin-bottom: 50px; z-index: 1; } *:first-child+html #navigation ul { position: absolute; right: 20px; } *:first-child+html #navigation li { display: block; float: left; } *:first-child+html #toplinks.noauth, *:first-child+html h1 { z-index: 2; } /* noauth context * * */ #toplinks.noauth a { margin-right: 10px; } #toplinks.noauth a { margin-right: 10px; } #toplinks.noauth { position: absolute; top:0; right: 0; } #toplinks.noauth li { height: 25px; display: block; } #toplinks.noauth .cmd_register { float: right; display: block; margin: 7px 20px; width: 170px; height: 42px; line-height: 42px; font-weight: bold; text-align: center; clear: right; /* radius */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* IE7 */ #navigation.noauth { margin-top: 35px; } /* IE7 */ *:first-child+html #navigation.noauth { height: 47px; } /* Footer * * */ #footer { text-align: right; } #footer .floatleft { margin: 5px 15px; height: 35px; line-height: 35px; } #footer img { vertical-align: middle; margin-top: -4px; } #footer ul { margin-right: 10px; } #footer li { display: inline-block; padding: 15px 0; } #footer, #footer a { font-weight: bold; } #footer li a { font-style: italic; padding-left: 20px; } /* Affichage correct sous ie7 */ *:first-child+html #footer li { display: inline; } *:first-child+html #footer li a { margin: 15px 5px; } .error_content { word-wrap: break-word; } .error_content.e404 { width: 620px; } .error_content .stack_traces { overflow: auto; padding: 10px; } .signaler { position: absolute; bottom: 15px; right: 15px; padding: 0; } .signaler_picto { font-weight: bold; font-style: italic; padding-left: 28px; } .avatar-dialog { padding: 2em 1.5em 1.2em 1.5em; } .txtbox-tip { display: block; font-style: italic; margin-left: 150px; } .avatar-change-hover-degrade, .avatar-change-hover-degrade:hover, .avatar-change-hover { position: absolute; -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; left: 0; width: 100px; height: 17px; text-align: center; padding-top: 3px; cursor: pointer; display: none; } .light .avatar-change-hover-degrade, .light .avatar-change-hover { width: 50px; } .most_active_users { width: 100%; text-align: center; } .most_active_users li { display: inline-block; } *+html .most_active_users li { display: block; float: left; } .most_active_users li .hover { background: transparent; } .about_social { position: relative; display: block; width: 464px; height: 105px; margin: 0px auto 20px auto; } .about_social a.cmd-aboutsocial { margin: 0 7px; float: left; } h2.aboutsocial-title { text-align: center; } a.cmd-aboutsocial { position: relative; display: block; width: 102px; height: 102px; overflow: hidden; text-indent: -1000px; } a.cmd-aboutsocial.facebook {background-position: 0px 0px;} a.cmd-aboutsocial.skyrock {background-position: 0px -102px;} a.cmd-aboutsocial.twitter {background-position: 0px -204px;} #widget .settings { height: 40px; } #widget .settings .format { float: left; width: 320px; } #widget .settings .style { float: left; } #widget .settings input { margin-left: 5px; padding: 0; } #widget .settings strong { font-weight: bold; } #widget .preview { width: 100%; text-align: center; } #widget .code { width: 100%; text-align: center; } #widget .code textarea { width: 500px; height: 45px; } #widget .settings legend { font-weight: bold; } #widget .code .title { width: 100%; margin-bottom: 8px; font-weight: bold; text-align: left; } img.e404 { display: block; position: relative; width: 300px; height: 243px; } /****************************************** * OLD FILE : common_sprites.css ******************************************/ .pastille {background-position: 1px 1px;} .pastille.plus {background-position: 1px -29px;} .profil_facebook {background-position: 0 -58px;} .profil_skyrock {background-position: 0 -87px;} .profil_twitter {background-position: 0 -116px;} .profil_gplus {background-position: 0 -605px;} .small.profil_facebook {background-position: -30px -58px;} .small.profil_skyrock {background-position: -30px -87px;} .small.profil_twitter {background-position: -30px -116px;} .small.profil_live {background-position: -30px -483px;} .sabonner {background-position: -14px -147px;} /* IE7 */ *+html .sabonner {background-position: -24px -147px;} .item_delete {background-position: -32px -179px; border: none;} .share_link {background-position: 47px -178px;} .signaler_picto {background-position: 0 -197px;} .desabonner, .desabonner_blanc {background-position: -14px -300px;} .close_element {background-position: 0 -310px;} /* sprites PICTOS */ .sprite { background-color: transparent; background-repeat: no-repeat; } .sprite span, .profil_wizee span { position: absolute; left: 0px; top: -1000px; width: 1px; height: 1px; overflow: hidden; } .item_delete { position: absolute; top: 10px; right: 10px; height: 15px; width: 15px; cursor: pointer; } .close_element { /* utilis? en popin mais r?utilisable */ border: none; width: 10px; height: 10px; position: absolute; top: 10px; right: 10px; cursor: pointer; } /* Sprite AVATARS */ .avatar { background-repeat: no-repeat; margin-right: 15px; margin-bottom: 10px; } .avatar.normal { width: 100px; max-height: 150px; min-height: 100px; } .avatar.small { width: 50px; height: 50px; } .avatar.smallx { width: 32px; height: 32px; } .avatar.normal { background-position: 0 0; } .avatar.small { background-position: 0 -150px; } .avatar.smallx { background-position: -50px -150px; } /* avatars anonymes */ .avatar.normal.anonymous { background-position: -100px 0; } .avatar.small.anonymous { background-position: -100px -150px; } .avatar.smallx.anonymous { background-position: -150px -150px; } .avatar.small.anonymous { width: 50px; height: 50px; } .avatar.smallx.anonymous { width: 32px; height: 32px; } .content form p.share, ul.networks li { height: 16px; margin: 10px 10px 0 0; width: 60px; } ul.networks li { width: 300px; height: 29px; margin-left: 50px; padding-left: 19px; } ul.networks li span { display: block; padding-top: 8px; font-weight: bold; } .grabber ul.networks li { width: 346px; } .content form p.share.disable, .content form p.share.disable input, .content form p.share.disable label { cursor: pointer; } .content form p.share_facebook label, .content form p.share_skyrock label, .content form p.share_twitter label { display: block; float: right; width: 16px; height: 16px; } .content form#answersharedquestion p.share_facebook label, .content form#answersharedquestion p.share_skyrock label, .content form#answersharedquestion p.share_twitter label { margin-top: 8px; } .content form#answersharedquestion p.share { margin: 1px 10px 0 0; } form.frm_sharedquestion p.provider_name_wrapper { display: block; float: none; clear: both; height: 62px; width: 345px; margin-left: auto; margin-right: auto; } form.frm_sharedquestion p.provider_name_wrapper label { display: block; float: left; width: 76px; margin: 0 5px; cursor: pointer; } form.frm_sharedquestion p.provider_name_wrapper label span.network { display: block; float: left; width: 42px; height: 42px; overflow: hidden; text-indent: -1000px; } form.frm_sharedquestion p.explainWording strong { font-weight: bold; } .content form p.share_facebook label { background-position: 0 -339px; } .content form p.share_facebook.disable label { background-position: -30px -339px; } ul.networks li.facebook { background-position: -30px -52px; } .content form p.share_skyrock label { background-position: 0 -368px; } .content form p.share_skyrock.disable label { background-position: -30px -368px; } ul.networks li.skyrock { background-position: -30px -81px; } .content form p.share_twitter label { background-position: 0 -397px; } .content form p.share_twitter.disable label { background-position: -30px -397px; } ul.networks li.twitter { background-position: -30px -110px; } ul.networks li.gmail { background-position: -30px -420px; } ul.networks li.live { background-position: -30px -449px; } form.frm_sharedquestion p.provider_name_wrapper label.share_facebook span.network { background-position: 0px 0px; } form.frm_sharedquestion p.provider_name_wrapper label.share_facebook.disable span.network { background-position: -42px 0px; } form.frm_sharedquestion p.provider_name_wrapper label.share_skyrock span.network { background-position: 0px -42px; } form.frm_sharedquestion p.provider_name_wrapper label.share_skyrock.disable span.network { background-position: -42px -42px; } form.frm_sharedquestion p.provider_name_wrapper label.share_twitter span.network { background-position: 0px -84px; } form.frm_sharedquestion p.provider_name_wrapper label.share_twitter.disable span.network { background-position: -42px -84px; } form.frm_sharedquestion p.provider_name_wrapper label.share_kwest span.network { background-position: 0px -126px; } form.frm_sharedquestion p.provider_name_wrapper label.share_kwest.disable span.network { background-position: -42px -126px; } .content form p#provider_name_errors, .content form p#sharedquestion-user-id_errors { text-align: center; } form.frm_sharedquestion p.provider_name_wrapper label input { display: block; margin-right: 3px; margin-top: 13px; width: 16px; height: 16px; float: left; cursor: pointer; } *+html .content form p.share_facebook label, *+html .content form p.share_skyrock label, *+html .content form p.share_twitter label { display: inline; float: none; padding-left: 1px; } .content form p.share_facebook, .content form p.share_skyrock, .content form p.share_twitter { width: 33px; } .content form p.share_facebook input, .content form p.share_skyrock input, .content form p.share_twitter input { width: 13px; height: 13px; margin: 1px 0 0; padding: 0; } .invit_friend.popin { width: auto; padding-bottom: 10px; } .invit_friend.popin p { margin: 0 0 20px 10px; } .invit_friend.popin .link { text-align: center; position: relative; display: block; height: 32px; width: auto; margin: 0px auto; } .invit_friend .link a { float: left; margin: 0 10px; } a.cmd-invitfriends { position: relative; display: block; width: 32px; height: 32px; text-indent: -1000px; overflow: hidden; } .background.popin { width: 490px; padding-bottom: 10px; } .background.popin p { margin: 0 0 0 20px; } .background.popin .frondend_settings_background { margin-bottom: 0; } #profile_background_form .submitgroup input { margin: 10px 15px 0 0; } form.settings_background_delete { position: relative; top: -30px; width: 290px; } #profile_background_errors { padding-top: 2px; } a.cmd-invitfriends.facebook {background-position: 0px 0px;} a.cmd-invitfriends.twitter {background-position: 0px -32px;} a.cmd-invitfriends.skyrock {background-position: 0px -192px;} a.cmd-invitfriends.live {background-position: 0px -64px;} a.cmd-invitfriends.gmail {background-position: 0px -96px;} a.cmd-invitfriends.yahoo {background-position: 0px -128px;} a.cmd-invitfriends.mail {background-position: 0px -160px;} .sprite.shared.small { display: block; float: left; width: 14px; height: 14px; margin: 3px 3px 0 0; background-position: -32px -533px; } .sprite.shared.big { display: block; float: left; width: 20px; height: 20px; margin: 3px 3px 0 0; background-position: -26px -555px; } /****************************************** * OLD FILE : common_sidebar.css ******************************************/ /* SIDEBAR * * */ .profil_socialnetwork { margin-top: 5px; } .profil_socialnetwork .sprite, .profil_socialnetwork .sprite a, .profil_socialnetwork .profil_wizee, .profil_socialnetwork .profil_wizee a { display: inline-block; width: 30px; height: 30px; } .profil_socialnetwork .sprite, .profil_socialnetwork .profil_wizee { margin-right: 6px; margin-bottom: 6px; } .profil_infos, .profil_socialnetwork .profil_website_url a span { display: block; word-wrap: break-word; max-width: 300px; overflow: hidden; } .profil_infos.pseudo { display: inline; } span.certified { display: inline-block; width: 23px; height: 23px; margin: 0 0 -4px 4px; background-position: -23px -582px; } .profil_description { clear: left; width: 298px; font-style: italic; overflow: hidden; } /* IE7 */ *+html .profil_description { position: relative; display: block; width: 294px; overflow: hidden; } .sidebar h2.pseudo { display: block; float: left; word-wrap: break-word; } .sidebar.light h2.pseudo { float: none; } .sidebar .fbLike { display: inline-block; float: left; width: 94px; margin: 3px 0 0 5px; } /* Affichage correct sous ie7 */ *:first-child+html .profil_socialnetwork .sprite { display: block; float: left; margin-bottom: 5px; } #follow_counter { position: relative; width: 282px; height: 25px; margin-bottom: 20px; } #follow_counter .following, #follow_counter .followers { position: absolute; bottom: 0; margin: 0; padding: 0; font-style: italic; font-weight: normal; display: block; line-height: 12px; } #follow_counter .following { left: 0; font-size: 16px; } #follow_counter .following.selected { font-size: 20px; } #follow_counter .followers { right: 0; font-size: 16px; } #follow_counter span { font-weight: bold; } #compteur { padding: 1px 2px 5px 2px; white-space: nowrap; } #compteur span { display: inline-block; width: 48px; white-space: nowrap; } .sidebar .followers_avatar_list { margin-bottom: 20px; } .sidebar .followers_avatar_list li { display: block; float: left; width: 32px; height: 32px; margin: 0 10px 10px 0; } .sidebar .followers_avatar_list li.suite, .sidebar .followers_avatar_list li.suite input { width: 74px; height: 32px; } .sidebar .followers_avatar_list li.suite a { display: block; padding: 7px 0; width: 74px; text-align: center; } .light h2 { padding-bottom :5px; } .sidebar .block { margin-top: 25px; } .sidebar .block h2 { margin-bottom: 10px; display: block; } .sidebar .invitfriends-wrapper.block a { margin: 0 10px; } .sidebar .invitfriendslauncher-wrapper.block h2 { margin-bottom: 5px; } .sidebar .sharedquestionlauncher-wrapper, .sidebar .invitfriendslauncher-wrapper { margin: 0 0 8px 0; } .sidebar .invitfriendslauncher-wrapper .bouton { display: block; width: 210px; padding: 10px 20px 10px 43px; } .sidebar .sharedquestionlauncher-wrapper .bouton { display: block; width: 210px; padding: 10px 20px 10px 43px; } .sidebar .invitfriendslauncher-wrapper .bouton, .sidebar .sharedquestionlauncher-wrapper .bouton { background-repeat: no-repeat; } .sidebar .invitfriendslauncher-wrapper .bouton { background-position: 9px 6px; } .sidebar .sharedquestionlauncher-wrapper .bouton { background-position: 9px -30px; } /****************************************** * OLD FILE : common_forms.css ******************************************/ /* formulaires */ input[type=checkbox], input[type=radio] { vertical-align: middle; } input[type=checkbox] + label { margin-left: 1px; } input[type=checkbox] + label { margin-left: -2px\9; } input, textarea { font-family: "Arial", "Geneva", sans-serif; padding: 5px; } textarea { overflow: auto; resize: none; } textarea.thin, input[type=text].thin { height: 15px; } /* boutons */ .bouton { font-weight: bold; border: none; cursor: pointer; white-space: nowrap; } a.bouton { padding: 10px 20px; } input.bouton { padding: 7px 15px; /* rendus de paddings differents sur les input */ } /* Affichage correct sous ie7 */ *:first-child+html input.bouton { padding: 6px 0px; /* rendus de paddings differents sur les input */ } .desabonner, .desabonner_blanc, .sabonner, .debloquer, .debloquer_blanc { padding-left: 40px !important; } *:first-child+html .desabonner, *:first-child+html .desabonner_blanc, *:first-child+html .sabonner, *:first-child+html .debloquer, *:first-child+html .debloquer_blanc { padding-left: 10px !important; } .suite a.inprocess:hover { cursor: wait; } p.suite input.bouton { width: 100%; margin-bottom: 20px; } p.suite a.bouton { display: block; text-align: center; } p.suite a.bouton, a.changeprofile.bouton { padding: 7px 15px; margin-bottom: 20px; } form div.fieldset, .frm_fake div.fieldset { margin-bottom: 20px; position: relative; padding: 10px; } .frm_wrapper { margin-bottom: 20px; } .frm_wrapper .label_inline label { font-weight: normal; } .frm_wrapper label, .frm_wrapper .label_inline label.label_multi { font-weight: bold; display: block; float: left; width: 165px; text-align: right; padding-right: 5px; line-height: 25px; } .frm_wrapper .label_inline input { margin-top: -4px; } .frm_wrapper p.errors span.errors { position: relative; display: block; left: 175px; width: 350px; padding: 0 5px; word-wrap: break-word; } .frm_wrapper.frondend_settings.frondend_settings_avatar p.errors span.errors { width: 250px; } .frm_wrapper .rlabel { position: relative; left: 70px; width: 400px; } .frm_wrapper .label_inline label { width: auto; display: inline; float: none; } .frm_wrapper .label_inline label input[type=radio] { margin-right: 5px; } .frm_wrapper .rlabel label { width: auto; display: inline; float: none; text-align: justify; font-weight: normal; } .frm_wrapper form .fieldset p.frm_element, .frm_wrapper.frondend_settings .frm_fake p.frm_element { margin: 15px 0 0 0; } .frm_wrapper input[type=text], .frm_wrapper input[type=password], .frm_wrapper textarea { width: 350px; } .frondend_settings .frm_fake p.frm_element a { position: relative; display: block; text-align: center; } form.settings_delete, form.settings_avatar_delete { position: relative; width: 300px; } form.settings_avatar_delete { position: relative; top: -32px; top /*\**/:-30px\9;/* IE 8*/ width: 300px; } *+html form.settings_avatar_delete { top: -52px; } .frondend_settings a.bouton { padding: 5px 15px; } .frondend_settings .frm_element_avatar span, .frondend_settings .frm_element_pseudo span { position: relative; display: block; float: left; height: 25px; line-height: 25px; margin-right: 20px; } .frondend_settings .frm_element_pseudo span.pseudo { position: relative; font-style: italic; font-weight: bold; } .frondend_settings .frm_element_cmd_password span { display: block; margin-bottom: 20px; padding-top: 5px; } .frondend_settings .frm_element_avatar label img.avatar { margin: -4px 0 0 0; } .frondend_settings .frm_element_avatar span { margin-top: 10px; } #captcha-input { width: 200px; float: left; margin-left: 5px; margin-top: 10px; } .captcha_element img { float: left; } .captcha_element .captcha-image-wrapper { float: left; } .captcha_element .captcha-image-wrapper img { display: block; float: none; } .captcha_element .captcha-image-wrapper a { display: block; width: 90px; margin-top: 5px; padding: 5px; } .captcha_element { display: block; height: 90px; } input.user_find_query { width: 435px; margin: 3px 0 5px 0; } .user_find_form_wrapper { margin-bottom: 20px; } .answerforward form textarea[name=body], .sharedquestion form textarea[name=body] { width:543px;/*indispensable pour le js jqery.textareaexpander.js*/ } .sharedquestion form textarea[name=body] { width:564px;/*indispensable pour le js jqery.textareaexpander.js*/ } form#question .csrf_wrapper, form#login .csrf_wrapper, form#register .csrf_wrapper { clear: both; } div.empty-question-wrapper { margin-top: 30px; } div.empty-question-wrapper a.bouton { padding: 7px 15px 8px; } div.empty-question-wrapper span.empty-question-or { display: block; padding: 7px 15px; } /*BOUTON DEMANDER UNE QUESTION SOUS IE7*/ *:first-child+html input.random_question { width: 350px; } .frm_wrapper form .fieldset p.frm_element:first-child, .frm_wrapper form .fieldset p.frm_element.frm_element_avatar, .frm_wrapper form .fieldset p.frm_element.frm_element_pseudo, .frm_wrapper form .fieldset p.frm_element.frm_element_email { margin-top: 5px; } form.frm_sharedquestion .letter_counting { margin-right: 0; } a.cmd_social_connect { position: relative; display: block; width: 230px; height: 48px; margin: 10px 20px; overflow: hidden; text-indent: -1000px; } .popin a.cmd_social_connect.facebook { margin: 10px 20px 3px 20px; } .popin a.cmd_social_connect.skyrock { margin: 10px 20px 0; } /****************************************** * OLD FILE : common_popin.css ******************************************/ /* Pop In * * */ /* Infobulle */ .usertip_container { position: absolute; display: block; width: 330px; min-height: 100px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; text-align: left; z-index: 200; } .usertip_container .pointe_border, .usertip_container .pointe_bg { position: absolute; height: 0; } .usertip_container .pointe_border { bottom: -16px; left: 17px; } .usertip_container .pointe_bg { bottom: -9px; left: 17px; } .usertip_container h3 { font-style: normal; font-weight: normal; padding-bottom: 5px; } .usertip_container a.ask_question { margin-right: 10px; } .usertip_container .spinner { display: block; position:relative; height: 93px;/*100-17*/ } .usertip_container a.ask_question { padding: 7px; } .usertip_container .profil_infos.pseudo { margin-bottom: 5px; } .usertip_container .profil_pseudo { height: 29px; } .usertip_container .profil_pseudo h3 { float: left; } .usertip_container .profil_pseudo .certified { float: left; width: 23px; height: 23px; margin-left: 5px; background-position: -23px -582px; } /* Pop in compl?te */ .popin_container { width: 100%; text-align: center; } .popin { text-align: left; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px 20px 20px 20px; position: relative; /* pour le bouton X Fermer */ } .popin .half { width: 272px; } /* partie gauche - fixe */ .popin .half.floatleft { margin: 0 20px 20px 20px; } .popin h2 { margin: 10px 0 0 20px; } .popin form p { margin-bottom: 5px; } .popin form div.hidden_wrapper { display: none; } .popin .ask label { font-weight: bold; font-style: italic; display: block; } .popin input[type=text], .popin input[type=password] { padding: 5px; margin-top: 5px; margin-bottom: 5px; width: 95%; } .popin.profile_pseudo input[type=text], .popin.profile_password input[type=password] { padding: 5px; margin-bottom: 0; margin-top: 0; width: 350px; } .popin .login_session { width: 500px; } .popin .submit_form { margin: 15px 0; } .popin .social_picto { float: right; position: relative; width: 30px; height: 30px; margin: 8px 7px 0; } /* Partie droite - "amovible" */ .popin .half.floatright { margin: 0 20px 20px 0; } .popin .half.floatright img { margin: 10px 20px; } .popin .half.floatright p { margin: 15px 20px 0 20px; font-weight: bold; } .popin .clear.aligncenter { padding: 5px 0; /* arrondis */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } .popin_container .popin { margin: 20px auto; } .popin.error_content { width: 600px; padding: 10px; } .popin.login, .popin.register { width: 320px; } .popin.login_social, .popin.register_social { width: 620px; } .popin.register_social .fb_like { margin: 10px auto; } .popin.profile_pseudo, .popin.profile_password, .popin.sharedquestion { width: 620px; padding: 0 20px; } .popin .social_picto.facebook {background-position: 0px 0px;} .popin .social_picto.skyrock {background-position: 0px -30px;} .popin .social_picto.twitter {background-position: 0px -60px;} .popin.sharedquestion { width: 480px; } .popin.sharedquestion form textarea[name=body] { width:451px;/*indispensable pour le js jqery.textareaexpander.js*/ } .popin.answerforward { width: 600px; text-align: center; } .popin.answerforward h2, .popin.answerforward .question-body { text-align: left; font-weight: bold; } .popin.sharedquestion h2 { margin-left:10px; } .popin.answerforward>div { position: relative; display: block; width: 580px; margin: 0 auto 10px auto; text-align: left; } .popin.generic { width: 600px; padding: 15px; } .popin .ask.sharedquestion { border: none; padding-top: 0px; } .popin .ask.sharedquestion .letter_counting { margin-bottom: 3px; } .popin .ask.sharedquestion .pointe_border, .popin .ask.sharedquestion .pointe_bg { display: none; } .popin .blockUI.blockOverlay { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-bottom: 10px; z-index: 10000; opacity: 0.5; filter:Alpha(Opacity=0.5); } .popin span.error { display: block; margin-bottom: 5px; } .popin .half.floatright p.facepile { height: 84px; margin: 0 17px; } .popin .half.floatright div.skyrockFaces { height: 70px; margin: 0 17px; } .popin div.social_button { height: 17px; padding-top: 10px; } .popin span.title { display: block; margin: 10px 0 0 20px; font-size: 24px; color: #333; padding-bottom: 15px; font-weight: bold; font-style: italic; outline: medium none; } /****************************************** * OLD FILE : profil.css ******************************************/ /* Profil et Questions CONTENT * * */ /** Page PROFIL Form soumettre une question **/ .ask { margin-bottom: 20px; position: relative; padding: 10px; } .ask textarea { width: 98%; margin-bottom: 10px; } .ask .pointe_border, .ask .pointe_bg { position: absolute; height: 0; } .ask .pointe_border { top: -13px; left: 35px; } .ask .pointe_bg { top: -9px; left: 35px; } .ask p.small { line-height: 30px; } .ask .letter_counting { font-weight: bold; margin-right: 17px; } /** Liste question-r?ponses Pages PROFIL-HOME et QUESTIONS **/ .answers_list li { padding-top: 10px; padding-left: 10px; padding-right: 20px; position: relative; } .answers_list_newsfeed li { margin-bottom: 10px; position: relative; } .answers_list_newsfeed .newsfeed { padding: 10px 10px 20px 10px; } .answers_list_newsfeed .newsfeed_me { padding: 10px 10px 20px 10px; } .answers_list .answer, .answers_list_newsfeed .answer {/* q-r page HOME */ padding-left: 47px; } .answers_list .answer.clear {/* q-r page PROFIL */ padding-left: 0; } .answers_list .answer.shared { margin-top: 10px; } .answers_list p.small, .answers_list_newsfeed p.small, .questions_list p.small { padding-bottom: 0; } .answers_list .forms_bottom, .answers_list_newsfeed .forms_bottom { position: absolute; bottom: -20px; right: 5px; } .answers_list .forms_bottom form, .answers_list_newsfeed .forms_bottom form { display: inline-block; height: 37px; z-index: 5; } .answers_list .fb_like_button { position: absolute; bottom:5px; right:225px; width: 59px; overflow: hidden; } .answers_list .fb_like_button_answer { position: absolute; display: inline; padding: 4px 0 0 6px; } .answers_list .title_answer { display: inline; float: none; width: auto; } /* Affichage correct sous ie7 */ *:first-child+html .answers_list .forms_bottom form, *:first-child+html .answers_list_newsfeed .forms_bottom form { display: block; float: left; margin-bottom: 5px; } /* Menu déroulant Partager */ .answers_list .share_form, .answers_list_newsfeed .share_form { margin-right: 5px; } .answers_list .share_link, .answers_list_newsfeed .share_link { padding-right: 23px; } .share_form { position: relative; padding: 5px 10px 5px 10px; } .share_menu { position: absolute; text-align: center; visibility: hidden; } .share_menu li { float: left; margin: 5px 2px 0 2px; padding: 0; width: 16px; height: 16px; } .share_menu a { display: block; padding: 0; margin: 0; width: 17px; height: 17px; border: none; text-indent: -1000px; overflow:hidden; } /* Affichage correct sous ie7 */ *:first-child+html .share_menu li { display: block; float: left; margin-bottom: 5px; } .share_form:hover .share_menu { visibility: visible; } /****************************************** * OLD FILE : abonnements.css ******************************************/ /* Profil ABONNEMENTS * * */ .content_onglets li { display: inline-block; margin-right: 5px; font-weight: bold; } .content_onglets a { padding: 10px; display: block; } .content_onglets li a:hover, .content_onglets li.active a { padding: 10px; } /* Affichage correct sous ie7 */ *:first-child+html .content_onglets li { display: block; float: left; } .followers_list { width: 600px; } .followers_list li, .blocked_list li, .grabbed_list li { display: inline-block; width: 177px; padding: 10px 10px 0 10px; margin-bottom: 15px; position: relative; vertical-align: top; overflow: hidden; } *+html .followers_list li, *+html ..grabbed_list li { /* IE7 */ display: block; float: left; clear: none; } .followers_list .pseudo, .blocked_list .pseudo, .grabbed_list .pseudo { display: block; height: 18px; margin-bottom: 6px; padding-top: 2px; line-height: 11px; overflow: hidden; white-space: nowrap; } .grabbed_list .pseudo { margin-bottom: 12px; } *+html .followers_list .pseudo, *+html .blocked_list .pseudo, *+html .grabbed_list .pseudo { /* IE7 */ line-height: 20px; } .followers_list li p, .blocked_list li p, .grabbed_list li p { float: none; } .followers_list li form, .blocked_list li form { visibility: hidden; } .followers_list a.bouton, .blocked_list a.bouton, .grabbed_list a.bouton { padding: 7px 15px; } .followers_list .bouton, .blocked_list .bouton, .grabbed_list .bouton { margin-left: 5px; } .blocked_list li, .grabbed_list li { display: block; width: auto; } .grabbed_list .bouton.ask_question { position: absolute; margin-left: 190px; } .grabbed_list .profil_facebook, .grabbed_list .profil_twitter, .grabbed_list .profil_skyrock { display: block; width: 17px; height: 17px; margin: -3px 0 0 5px; } /****************************************** * OLD FILE : questions.css ******************************************/ /* Page QUESTIONS * * */ .questions_list li { position: relative; padding: 10px; margin-bottom: 20px; } .questions_list h4 { padding-right: 20px; } .questions_list .small { display: inline-block; } .questions_list .answer { margin-bottom: 10px; width: 98%; } .questions_list .zone_bloquer { position: absolute; bottom: 12px; left: 10px; width: 15px; overflow: hidden; } .questions_list .zone_bloquer:hover { width: 100px; } .questions_list .bloquer { padding-left: 20px; width: 70px; cursor: pointer; } /****************************************** * OLD FILE : static.css ******************************************/ /* Pleines pages * * Exemple :CGU et 404 */ #content_full { padding: 10px 20px 0 20px; text-align: left; } #content_full h4, #content_full p { padding-bottom: 20px; } /****************************************** * OLD FILE : home.css ******************************************/ /********* * http://kwest.com * gestion des ?l?ments r?currents : * HOME non logg? * couleurs de liens, avatars, publicit?, debug, 404 * ******* * text default color : #666666 * link default color : #cd802a * default font-family : "Arial", "Geneva", sans-serif; * default font-size: 12px; (1em) **********/ /* Barre TOP * * */ #slogan { text-align: center; padding-bottom: 0; } /* Question centrale * * */ #home_question { margin: 20px; padding: 20px 60px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 10px 10px 10px; } .prehome h1 { zoom: 1; /* IE7 */ width: 212px; height: 85px; z-index: 99; } .prehome h2 { margin-top: 20px; } .prehome h2, .prehome h3 { text-align: left; } .prehome h3 { padding-left: 20px; font-weight: bold; } .other { font-weight: bold; } #slider_menu .jcarousel-container { display: block; position: relative; height: 50px; overflow: hidden; clear: both; margin: 0px 20px 40px 20px; text-align: center; zoom: 1; } #slider_menu .jcarousel-clip { position: relative; display:block; top: 0px; margin: 0px auto; width: 793px;/*61*13*/ } #slider_menu .jcarousel-list li { display: inline-block; height: 50px; width: 61px; text-align: center; } #slider_menu .jcarousel-list li a { display: block; margin: auto; height: 50px; width: 50px; } #slider_menu .jcarousel-prev, #slider_menu .jcarousel-next { position:absolute; display: block; top: 0px; width: 50px; height: 50px; cursor: pointer; } #slider_menu .jcarousel-prev { left: 0px; } #slider_menu .jcarousel-next { right: 0px; } .sprite.prev {background-position: 12px -213px;} .sprite.next {background-position: 9px -253px;} #themeenginesubmit { margin-top: 20px; } label.theme { position: relative; display: block; float: left; width: 100px; margin: 2px 10px; text-align: center; cursor: pointer; } label.theme span { position: relative; display: block; } label.theme span.theme-preview, label.theme span.theme-preview img { position: relative; display: block; width: 100px; height: 100px; } label.theme span.theme-name { position: relative; display: block; overflow: hidden; width: 100px; height: 15px; font-style: italic; } .shared_question_title { display: inline; position: relative; top: -4px; width: auto; padding-right: 5px; padding-bottom: 8px; } .shared_question_social_button { display: inline-block; margin-bottom: 10px; padding: 0px 0 0 0; } .shared_question_social_button.plusone { position: relative; top: -1px; } #login-dialog { display: none; } .userFindException { width: 600px; } #content_full .userFindException p { padding-bottom: 0; } .bouton.grabber { padding: 5px 15px; } /*** Sharrre ***/ .sharrre .box { position: absolute; width: 68px; margin: 5px 0 0 245px; padding: 4px 0; font-size: 14px; text-align: center; font-weight: bold; border-radius: 4px; cursor: pointer; } .sharrre .buttons { position: absolute; width: 58px; min-height: 205px; margin: 29px 0 0 245px; padding: 2px; background: #fff6d1; border-radius: 4px; } .sharrre .button { margin: 0 auto; padding: 2px; text-align: center; } .sharrre .button.facebook { margin-left: 2px; }