/* element */ body.admBody { margin: 0px; color: #000000; font-family: "MS Sans Serif"; background-color:#F4F4F4; text-align:left; font-size:62.5%; } /* pour écraser des surcharge de police éventuelles (ex : décor WAI) */ body.admBody * { font-family: "MS Sans Serif"; } /* header */ div.admHeader { background-color:#ffffff; } /* header line */ div.admTitleLine h1 { font-size:1.4em; float:left; color:#747474; padding-left:0.5em; padding-top:0.5em; margin-top:0; margin-bottom:0.5em; } div.admTitleLine p { float:right; color:#747474; padding-right:0.5em; padding-top:1.2em; margin:0px; } div.admTitleLine img { float:right; padding-right:0.5em; } /* main tabs */ .admMainTabs { overflow: auto; position: relative; } .admMainTabs li.mainTab .divSubMainTabs { display: none; } .admMainTabs li.mainTabOn .divSubMainTabs { display: block; } .admMainTabs .bottom { clear: both; line-height: 0.9em; background-color: #ff6600; } .admMainTabsBottom { line-height: 0.9em; background-color: #ff6600; } .admMainTabs ul { padding: 0px; margin: 0px; list-style-type: none; } .admMainTabs ul.mainTabs { margin-left: 0.5em; } .admMainTabs ul.subMainTabs { padding-top: 2px; position: absolute; left: 0px; width: 100%; overflow: auto; background-color: #ff6600; } .admMainTabs li.mainTab, .admMainTabs li.mainTabOn, .admMainTabs li.subMainTab, .admMainTabs li.subMainTabOn { float: left; margin: 0px; padding: 0px; } .admMainTabs li.mainTab { background: url(../iso_icons/adm_mainTab-off.gif) top left no-repeat; } .admMainTabs li.mainTabOn { background: url(../iso_icons/adm_mainTab-on.png) top left no-repeat; } .admMainTabs .subMainTabs li.notFirstTab { padding-left: 5px; background: url(../iso_icons/adm_subMainTab_separator.png) 0% 50% no-repeat; } .admMainTabs .subMainTabs li.notFirstTab:first-child { padding-left: 5px; background: url(http://www.cyclocrosspontchateau.fr/iso_icons/dm_mainTab-off.gif) top left no-repeat; } .admMainTabs a.mainLink, .admMainTabs a.mainLink:link, .admMainTabs a.mainLink:visited, .admMainTabs a.subMainLink, .admMainTabs a.subMainLink:link, .admMainTabs a.subMainLink:visited { padding: 0.2em 0.5em; white-space: nowrap; text-decoration: none; display: block; } .admMainTabs a.mainLink, .admMainTabs a.mainLink:link, .admMainTabs a.mainLink:visited { color: #8e8e8e; font-weight: bold; background: url(../iso_icons/adm_mainTab-right-off.gif) no-repeat top right; } .admMainTabs a.subMainLink, .admMainTabs a.subMainLink:link, .admMainTabs a.subMainLink:visited { color: #ffffff; } .admMainTabs a.mainLink:hover { color: #4c4c4c; } .admMainTabs li.mainTabOn a.mainLink:link, .admMainTabs li.mainTabOn a.mainLink:visited, .admMainTabs li.mainTabOn a.mainLink:hover { color: #ffffff; background: url(../iso_icons/adm_mainTab-right-on.png) top right no-repeat; } .admMainTabs li.subMainTabOn a.subMainLink:link, .admMainTabs li.subMainTabOn a.subMainLink:visited, .admMainTabs li.subMainTabOn a.subMainLink:hover { font-weight: bold; } /* content */ div.admContent { margin:1em; } /* rounded rect */ .admRoundedRect { margin-bottom:1em; background-color:#FFFFFF; } td.admRoundedRectTopLeft { background: url(../iso_icons/adm_roundedRectTopLeft.gif) no-repeat top left; height:1em; width:1em; } td.admRoundedRectTopMiddle { border-top: #9d999a 1px solid; height:1em; } td.admRoundedRectTopRight { background: url(../iso_icons/adm_roundedRectTopRight.gif) no-repeat top right; height:1em; width:1em; } td.admRoundedRectLeft { border-left: #9d999a 1px solid; width:1em; } td.admRoundedRectContent { vertical-align:top; } td.admRoundedRectRight { border-right: #9d999a 1px solid; width:1em; } td.admRoundedRectBottomLeft { background: url(../iso_icons/adm_roundedRectBottomLeft.gif) no-repeat bottom left; height:1em; width:1em; } td.admRoundedRectBottomMiddle { border-bottom: #9d999a 1px solid; height:1em; } td.admRoundedRectBottomRight { background: url(../iso_icons/adm_roundedRectBottomRight.gif) no-repeat bottom right; height:1em; width:1em; } /* overflow rounded rect : search */ .admRoundedRect.admSearchBox{ background-color:#f4f4f4; } .admSearchBox td.admRoundedRectTopLeft { background: url(http://www.cyclocrosspontchateau.fr/iso_icons/usr_search_roundedRectTopLeft.gif) no-repeat top left } .admSearchBox td.admRoundedRectTopRight { background: url(http://www.cyclocrosspontchateau.fr/iso_icons/usr_search_roundedRectTopRight.gif) no-repeat top right; } .admSearchBox td.admRoundedRectBottomLeft { background: url(http://www.cyclocrosspontchateau.fr/iso_icons/usr_search_roundedRectBottomLeft.gif) no-repeat bottom left; } .admSearchBox td.admRoundedRectBottomRight { background: url(http://www.cyclocrosspontchateau.fr/iso_icons/usr_search_roundedRectBottomRight.gif) no-repeat bottom right; } /* summary block */ div.admSummary { width:325px; height:65px; padding-top:5px; padding-left:5px; background:url(../iso_icons/adm_summaryBlockBackground.gif) no-repeat; } div.admSummary div.content { width:308px; height:55px; overflow: hidden; } /* liens */ .admBackoffice a:link, .admBackoffice a:visited, .admBackoffice a:hover { color: #000000; text-decoration: underline; } .admBackoffice a:hover { color:#ff6600; } /* menu */ .admBackoffice ul.menu1 { margin:0px; padding:0px; margin-top:1em; margin-bottom:1em; list-style-position:inside; list-style-image:url(../iso_icons/adm_puce-orange.png); } .admBackoffice ul.menu1 li { border-bottom: #e3e3e3 1px solid; } .admBackoffice ul.menu1 li a:link, .admBackoffice ul.menu1 li a:visited, .admBackoffice ul.menu1 li a:hover { text-decoration: none; } .admBackoffice ul.menu1 li.on a:link, .admBackoffice ul.menu1 li.on a:visited, .admBackoffice ul.menu1 li.on a:hover { font-weight:bold; color:#ff6600; } /* titles */ .admBackoffice h2 { color:#747474; font-size:1.4em; margin: 0px 0px 0.5em 0px; } .admBackoffice h3 { /* color: #4c4c4c; */ color:#ff6600; font-size:1.4em; margin: 0px 0px 0.5em 0px; padding-bottom:0.2em; border-bottom:dotted #a2a2a2 1px; } .admBackoffice h4 { color:#4c4c4c;; font-size:1.4em; margin: 0px 0px 0.5em 0px; padding-bottom:0.2em; border-bottom:dotted #a2a2a2 1px; } .admBackoffice h5 { color: #4c4c4c; font-size:1.4em; margin: 0px; padding-bottom:0px; } /* table 1 */ .admBackoffice table.table1 th { background-color: #d4d4d4; font-weight: bold; padding:0.2em; white-space: nowrap; } .admBackoffice table.table1 tr.rowSelected td { background-color: #e0e0e0; } .admBackoffice table.table1 tr.mainHeader th { color: #ffffff; background-color: #ff6600; } .admBackoffice table.table1 td { border-bottom-color: #d4d4d4; border-bottom-style: solid; border-bottom-width: 1px; padding:0.2em; } .admBackoffice table.table1 th, .admBackoffice table.table1 td { border-right-color: #d4d4d4; border-right-style: solid; border-right-width: 1px; } .admBackoffice table.table1 tr.rowOdd td { background-color: #ffffff; } .admBackoffice table.table1 tr.rowEven td { background-color: #eeeeee; } /* onglet : surcharge du style standard */ .admBackoffice div.itlStandardTabs ul.itlStandardTabs li { border: 0px; border-left: 1px solid #7f9db9; background: url(../iso_icons/adm_tab-off.png) no-repeat right top; } .admBackoffice div.itlStandardTabs ul.itlStandardTabs li.tabButtonSelected { background-color:#E0E0E0; border-left: 1px solid #7f9db9; background: url(../iso_icons/adm_tab-on.png) no-repeat right top; } .admBackoffice div.itlStandardTabs ul.itlStandardTabs li.tabButtonSelected a { color:white; } .admBackoffice div.itlStandardTabs ul.itlStandardTabs li a { font-weight:bold; color:#8e8e8e; } .admBackoffice div.itlStandardTabs div.itlStandardTabsBlock { border-top: 4px solid #ff6600; border-left: 1px solid #7f9db9; border-right: 1px solid #7f9db9; border-bottom: 1px solid #7f9db9; background-color:#f4f4f4; } /* forms */ .admBackoffice fieldset { padding:4px; } .admBackoffice fieldset legend { color:#696969; } .admBackoffice label { font-weight: normal; } .admBackoffice .keywordLabels { border: solid #7f9db9 1px; height: 1em; } /* buttons */ span.bsButtonSpan { display:block; background:url(../iso_icons/adm_linkButton-off-bg.png) no-repeat top left ; } span.bsButtonSpan a.bsButton:link, span.bsButtonSpan a.bsButton:visited { color: #000000; padding: 5px 2em; white-space: nowrap; background:url(../iso_icons/adm_linkButton-off-right.png) no-repeat top right; font-weight: bold; text-decoration: none; text-align: center; display:block; line-height: 1.2em; border: 0px; } span.bsButtonSpan a.bsButton:hover { color: #ff6600; background-color:transparent; } /* button bar */ .admButtonBarLeft, .admButtonBarRight { overflow: auto; /* give layout */ } .admButtonBarLeft span.bsButtonSpan, .admButtonBarLeft span.admButtonSpan { float: left; margin-right: 1em; } .admButtonBarLeft select.menu { display:block; float: left; margin-right: 1em; margin-top: 0.1em; font-family: "MS Sans Serif"; font-weight: bold; } .admButtonBarRight span.bsButtonSpan, .admButtonBarRight span.admButtonSpan { float: right; margin-left: 1em; } .admButtonBarRight select.menu { display:block; float:right; margin-left: 1em; margin-top: 0.1em; font-family: "MS Sans Serif"; font-weight: bold; } /* action bar */ div.admActionBar { border: #9d999a 1px solid; background: url(../iso_icons/adm_menubar-bg.png) #FFFFFF repeat-x bottom left; white-space: nowrap; margin: 0px; margin-bottom: 0.5em; padding: 0.4em; } .admActionBar h2 { display:none; } .admActionBar h3 { display:none; } .admActionBar h4 { display:none; } .admActionBar ul { padding:0px; margin:0px; list-style:none; } .admActionBar li { padding:0px; margin:0px; list-style:none; display:inline; border-bottom: #e3e3e3 0px solid; } .admActionBar li.selected a, .admActionBar li.selected a:link, .admActionBar li.selected a:visited { color: #000000; } .admActionBar a ,.admActionBar a:link, .admActionBar a:visited { text-decoration: none; color: #8e8e8e; margin: 0.2em; padding: 0.2em; padding-left: 18px; font-weight:bold; } .admActionBar a.fr ,.admActionBar a.fr:link, .admActionBar a.fr:visited, .admActionBar a.en ,.admActionBar a.en:link, .admActionBar a.en:visited, .admActionBar a.en-GB ,.admActionBar a.en-GB:link, .admActionBar a.en-GB:visited, .admActionBar a.en-UK ,.admActionBar a.en-UK:link, .admActionBar a.en-UK:visited, .admActionBar a.es ,.admActionBar a.es:link, .admActionBar a.es:visited, .admActionBar a.it ,.admActionBar a.it:link, .admActionBar a.it:visited, .admActionBar a.nl ,.admActionBar a.nl:link, .admActionBar a.nl:visited, .admActionBar a.pt ,.admActionBar a.pt:link, .admActionBar a.pt:visited { padding-left: 22px; } .admActionBar a:hover { color: #4c4c4c; } /* some generic actions */ .admActionBar .modify { background: url(../iso_icons/adm_modify.gif) transparent no-repeat top left; } .admActionBar .delete { background: url(../iso_icons/adm_delete.gif) transparent no-repeat top left; } .admActionBar .remove { background: url(../iso_icons/adm_remove.gif) transparent no-repeat top left; } .admActionBar .wait { background: url(../iso_icons/adm_wait.gif) transparent no-repeat top left; } .admActionBar .reject { background: url(../iso_icons/adm_reject.gif) transparent no-repeat top left; } .admActionBar .accept { background: url(../iso_icons/adm_accept.gif) transparent no-repeat top left; } .admActionBar .backToList { background: url(../iso_icons/adm_back-to-list.png) transparent no-repeat top left; } /* some language actions */ .admActionBar .fr { background: url(../iso_icons/fr.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .de { background: url(../iso_icons/de.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .en { background: url(../iso_icons/en.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .en-GB { background: url(../iso_icons/en-GB.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .en-UK { background: url(http://www.cyclocrosspontchateau.fr/iso_icons/en-UK.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .es { background: url(../iso_icons/es.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .it { background: url(../iso_icons/it.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .nl { background: url(../iso_icons/nl.png) transparent no-repeat top left; background-position: 0px 2px; } .admActionBar .pt { background: url(../iso_icons/pt.png) transparent no-repeat top left; background-position: 0px 2px; } /* title3 + button bar */ .admTitleButtonBar { position:relative; /* become reference for button bar absolute position */ margin-bottom:1.5em; } .admTitleButtonBar .admButtonBarRight { position:absolute; top:0px; } .admBackoffice .admTitleButtonBar h1, .admBackoffice .admTitleButtonBar h2, .admBackoffice .admTitleButtonBar h3, .admBackoffice .admTitleButtonBar h4 { padding-top:0.3em; } .admBackofficeLeft { width:21em; position:absolute; } .admBackofficeLeft h2 img { margin-right:0.2em; vertical-align:middle; } .admBackofficeRight { margin-left:22em; position:absolute; width:77em; } .admBackofficeRight .selectionTable { width:100%; } .admSummary h4 { border:0px; } .admOpenPageBackofficeRight table { width: 100%; }