/** ***************************************************** **/ /** ************************ TITLES ********************* **/ /** ***************************************************** **/ .title1 { color: #165076; font-weight: bold; font-size: 15px; } .title2 { color: #165076; font-weight: bold; } /** ***************************************************** **/ /** ********************** CONTAINER ******************** **/ /** ***************************************************** **/ button.positive, button.negative { float: right; font-weight:bold; //font-size:12px; } .tab_class { float: right; background: #bfafd6; color: #e7e6eb; margin-left: 11px; margin-right: -10px; padding: 4px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; margin-top: 3px; height: 19px; border-radius: 8px 8px 0px 0px; } .tab_class.activated { background: #8260b1; color: white; } .divAll { } .cfs1 { border: 2px solid #e7e6eb; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding-right: 40px; padding-left: 21px; height: 467px; margin-left: -26px; margin-top: -23px; padding-bottom: 13px; width:676px; } .cfs2 { border: 2px solid #e7e6eb; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*padding-right: 9px; padding-bottom: 30px; margin-right: 0px;*/ margin-left: -72px; height: 327px; margin-top: -23px; /*padding-left: 20px;*/ width : 249px; } .cfs3 { border: 2px solid #bfafd6; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding-right: 45px; padding-left: 60px; margin-left: 10px; margin-top: 2px; padding-bottom: 30px; width:900px; } .containerForm { float: left; width: 1070px; height: 467px; } .containerTabs { float: right; margin-top: -40px; } .divPreference { margin-top: 20px; float: left; } #button_submit { margin-right: 30px; } .divObservation { margin-top: 20px; margin-left: 30px; margin-right: 80px; float: left; } .containerLinkLogoEther { position: absolute; top: 0; left: 127px; width: 10px; height: 99px; background-image: url("../images/link_logo_Ether.png"); background-repeat: repeat-y; } .containerLogoEther { position: absolute; top: 100px; left: 50px; -moz-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); width: 80px; height: 80px; padding: 15px; } .containerText { font-size: 12px; color: #999999; padding-left: 0px; background-color: white; border-radius: 6px 6px 6px 6px; } .containerText2 { font-size: 12px; color: white; padding-left: 0px; background-color: #cccccc; font-weight:bold; border-radius: 6px 6px 6px 6px; } .containerLabel { font-size: 12px; color: #e7e6eb; font-weight: bold; / / margin-bottom : 10 px; padding-left: 20px; text-align: right; } .containerLabelT { font-size: 12px; color: #e7e6eb; font-weight: bold; / / margin-bottom : 10 px; padding-left: 20px; text-align: center; } .containerLabel2 { font-size: 12px; color: #e7e6eb; font-weight: bold; / / margin-bottom : 10 px; / / padding-left : 20 px; } .containerLabel3 { font-size: 12px; color: white; font-weight: bold; text-align: justify; } .containerLabel3 a { font-size: 12px; color: white; font-weight: bold; text-align: justify; text-decoration:underline; } .containerLabel4 { font-size: 12px; color: white; font-weight: bold; text-align: right; } .containerLabel4 a { font-size: 12px; color: white; font-weight: bold; text-align: right; text-decoration:underline; } .containerTapas { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3); width: 1047px; float: left; margin-bottom: 10px; } .containerTitle { font-size: 14px; color: #59427b; font-weight: bold; float: left; margin-top: 9px; padding-left: 19px; font-family: Comic Sans MS; } .containerTitle2 { font-size: 18px; color: #59427b; font-weight: bold; float: left; margin-top: 0px; padding-left: 40px; } .containerLogo { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; float: left; margin-bottom: 10px; margin-left: 31px; width: 120px; top: 50px; position: absolute; } .containerUserLogout { float: left; bottom margin-right: 5px; } .containerImgLogout { float: right; position: relative; top: 13px; } .containerNav { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3); float: left; position: relative; width: 330px; height: 40px; color: #04155D; top: 4px; margin-bottom: 20px; padding-top: 6px; padding-left: 10px; font-size: 11px; top: 12px; } .containerMenu { float: right; // margin-left:171px; } .containerTitleContentBorder { float: left; position: relative; height: 2px; border-bottom: 10px solid black; z-index: 1; left: -10px; width: 100px; } .containerTitleContent { -moz-border-radius: 4px 4px 0 0; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(#8A68BB, #8A68BB) repeat scroll 0 0 transparent; background: -ms-linear-gradient(#8A68BB, #8A68BB) repeat scroll 0 0 transparent; /*For IE10*/ background: -webkit-linear-gradient(#8260b1, #8260b1) repeat scroll 0 0 transparent; /*For IE10*/ filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#59427b', endColorstr = 'white'); /*For IE7-8-9*/ float: left; position: relative; width: 98px; height: 32px; color: white; font-weight: bold; padding-left: 10px; padding-top: 4px; top: 15px; margin-right: 600px; text-decoration: underline; text-align:justify; margin-bottom:-8px; border-radius: 8px 8px 8px 8px ; } .containerField { color: #e7e6eb; font-weight: bold; font-size: 14px; border-radius: 6px 6px 6px 6px; } .containerField2 { color: black; font-weight: bold; font-size: 14px; } .containerFieldO { font-size: 32px; color: white; padding-left: 0px; font-weight: bold; } .containerCenter { -moz-border-radius-topright: 0; -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/ border-radius: 8px 0px 8px 8px; background: -moz-linear-gradient(#8a68bb, #8a68bb); background: -webkit-linear-gradient(#8a68bb, #8a68bb); background: -ms-linear-gradient(#8a68bb, #8a68bb) repeat scroll 0 0 transparent; /*For IE10*/ filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#333333', endColorstr = '#59427b'); /*For IE7-8-9*/ min-height: 400px; text-align: justify; position: relative; top: 11px; padding: 10px; width: 1028px; color:white; } .containerBottom { background: -moz-linear-gradient(left center, #c0afd6, #8A68BB); /*background: -webkit-linear-gradient(#333333, #d45400);*/ background: -ms-linear-gradient(#c0afd6, #8A68BB) repeat scroll 0 0 transparent; /*For IE10*/ filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#8a68bb', endColorstr = '#59427b'); /*For IE7-8-9*/ color: #FFFFFF; height: 26px; padding-right: 10px; position: relative; top: 0px; width: 1039px; border-radius: 8px 8px 8px 8px; } .containerBottom a { color: black; } .containerErrors, #errors { background: white; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #cc0000; color: #cc0000; padding: 10px; margin: 10px; border-radius: 8px 8px 8px 8px ; } .errorsForm { -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px solid #cc0000 ; color: #cc0000; border-radius: 8px 8px 8px 8px ; padding:10px; margin-left: 727px; margin-top: -137px; text-align: left; font-weight: bold; float: left; background: #e7e6eb; } Spectral unit : must be selected Observatory : must be selected .cfs3 { /* border: 2px solid red; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding-right: 40px; padding-bottom: 30px; margin-right: 0px; margin-left: 30px; padding-left: 30px ; background: #333333;*/ } /*.errorsForm { -moz-border-radius: 8px 8px 8px 8px; border: 2px solid #333333; //margin-left: 648px; margin-right: 1500; padding-bottom: 30px; //padding-left: 30px; //padding-right: 40px; } */ .containerErrors { display: none; } .containerInfos { background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #59427b; color: white; padding: 10px; margin: 10px; display: none; } /** ***************************************************** **/ /** ************************ OTHER ********************** **/ /** ***************************************************** **/ #button_submit { height: 27px; } #tools .complexButton { float: right; } .roundTable { -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid; width: 100%; } .smallRoundTable { -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid; } .divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed { height: 13px; width: 13px; position: relative; float: right; top: -17px; } .divMenu_arrow, .divMenu_arrow_left { background-image: url("../images/utils/toggle_down_dark.png"); } .divMenu_arrow_left, .divMenu_arrow_left.deployed { float: left; top: 4px; margin-left: -19px; } .divMenu_arrow.deployed, .divMenu_arrow_left.deployed { background-image: url("../images/utils/toggle_up_dark.png"); } .divMenu_content { display: none; } /*.loading-classic { background-image: url(../../resources/icons/transparent_loading.gif); height: 16px; width: 16px; } */ /** ***************************************************** **/ /** ************************ PAGES ********************** **/ /** ***************************************************** **/ #title_tools, #title_tools .links li a { height: 39px; } #title_tools { font: 12px/18px Trebuchet MS, Arial, san-serif; margin: 18px auto 12px; position: relative; border-radius: 8px 8px 8px 8px; } .dataProtocolDownloadButton { float: right; } .dataProtocolCheckbox, .dataProtocolCheckboxText { float: left; margin-left: 3px; margin-top: 7px; } .dataProtocolCheckboxText { margin-top: 4px; } /** ************************************ **/ /** ************ CALENDAR ************** **/ /** ************************************ **/ .calendar { background-image: url("../../resources/icons/calendrier-icone-16x16.png"); background-position: right center; background-repeat: no-repeat; } .time { background-image: url("../../resources/icons/icone_heure.png"); background-position: bottom right; background-repeat: no-repeat; } /** ************************************ **/ /** ************ LOADING *************** **/ /** ************************************ **/ .loading-classic { background-image: url(../../resources/icons/transparent_loading.gif); height: 37px; margin-top: 462px; //margin-top: 1046px; //margin-left: 21px; margin-left: 1046px; position: relative; width: 36px; } .loading-data { background-image: url(../../resources/icons/loading_datas.gif); height: 15px; width: 128px; } .regionContent ul { height: 150px; overflow-x: hidden; overflow-y: auto; } .regionContent ul li a { color: #778899; text-align:left; font-size:10px; } .logos { border-radius: 8px 8px 8px 8px; }