/* **************************************************************************** * Project : Swiss Virtual Animal Pathology * Name : knowledgeDB.css * Description : Default stylesheet for learning object and modules * Author : Patrick Husi * Copyright : (c) 2006 by Arpage AG * CH-8700 Kuesnacht * All rights reserved **************************************************************************** */ /*Hauptseite *************************************************************** */ /* In order to set the overall size of a BorderContainer to the full size of the viewport, the element needs an explicit size set as well as a size on the BorderContainer itself: */ /* ************************************************************************* */ /* Airport Kasten ********************************************************** */ .box { border: 1px solid #42a3bf; margin: 2px 5px 12px 5px; } .box-header { border-right: 1px solid #42a3bf; border-bottom: 1px solid #42a3bf; background-color: #42a3bf; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; padding: 1px 3px; /* Slider */ overflow:hidden; cursor:pointer; } .box-body { font-weight: normal; padding: 5px; /* Slider */ overflow: hidden; position: relative; } .box-navigation { list-style-type: none; font-size: 12px; line-height: 16px; padding: 0px; margin: 3px 0px 0px 3px; letter-spacing: 1px; } .box-navigation a { text-decoration: none; } .box-navigation .selected, .box-navigation a:hover { font-weight: normal; background-color: #C1E5FF; } #box-header-module_nav_airport { text-align: right; padding-left: 25px; padding-right: 5px; /* Slider */ overflow:hidden; cursor:pointer; } #box-body-module_nav_airport { padding-left: 25px; /* Slider */ position: relative; } /* ************************************************************************* */ /* Navigation & Listen im Airport ****************************************** */ .unternavigation_1 { letter-spacing: 1px; text-transform: uppercase; color: #000000; } .unternavigation_1 .selected, .unternavigation_1 dt:hover, .unternavigation_1 a:hover { font-weight: normal; background-color: #C1E5FF; } .unternavigation_1 dt { border-top: 1px solid #666666; } .unternavigation_1 dd, .unternavigation_1 dl { } .unternavigation_2 { letter-spacing: 0px; text-transform: none; padding-left: 12px; color: #000000; } .unternavigation_2 dt { border: none; } .unternavigation_3 { letter-spacing: 0px; text-transform: none; padding-left: 12px; color: #000000; } .unternavigation_4 { letter-spacing: 0px; text-transform: none; padding-left: 12px; color: #000000; } .unternavigation_1 a, .unternavigation_2 a, .unternavigation_3 a, .unternavigation_4 a { color: #000000; text-decoration: none; } /* ************************************************************************* */ /* Navigation & Listen im Hauptteil **************************************** */ .module_nav_main_1 a, .module_nav_airport_1 a { color: inherit; } .module_nav_main_1 dl, .module_nav_airport_1 dl { margin: 0px; } .module_nav_main_1 dt { background-image: url(../images/mathys/plus.gif); background-repeat: no-repeat; background-position: left center; padding-left: 16px; } .module_nav_main_1 dt.selected { background-image: url(../images/mathys/minus.gif); color: white; } .module_nav_main_1 dt.open { background-image: url(../images/mathys/minus.gif); } .module_nav_main_1 a:hover, .module_nav_main_1 dt:hover { color: white; font-weight: inherit; } .module_nav_main_1 dd { margin: 0px 0px 0px 18px; } .module_nav_main_2 dt { font-size: 12px; line-height: 20px; } .module_nav_airport_1 dt { background-image: url(../images/mathys/plus.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 16px; } .module_nav_airport_1 dt.selected { background-image: url(../images/mathys/minus.gif); color: white; } .module_nav_airport_1 dt.open { background-image: url(../images/mathys/minus.gif); } .module_nav_airport_1 a:hover, .module_nav_airport_1 dt:hover { color: white; font-weight: inherit; } #box-body-module_nav_airport dt.selected-module { background-image: url(../images/mathys/objekt.gif); color: white; } #box-body-module_nav_airport dt.module, #module_nav_main dt.module { background-image: url(../images/mathys/objekt.gif); } .module_nav_airport_1 dd { margin: 0px 0px 0px 18px; } .module_nav_airport_2 dt { font-size: 12px; line-height: 20px; } /* ************************************************************************* */ /* Tabs & Panels im Hauptteil ********************************************** */ .content-tab { background-color: #FFFFFF; color: #999999; font-size: 10pt; font-weight: bold; text-align: center; vertical-align: middle; padding: 4px 2px; margin-top: 6px; float: left; border: 1px solid #666666; border-bottom: none; cursor: pointer; } .content-tabsel { background-color: #666666; color: #FFFFFF; font-size: 10pt; font-weight: bold; text-align: center; vertical-align: middle; padding: 4px 2px; margin-top: 6px; float: left; border: 1px solid #666666; border-bottom: none; cursor: pointer; } .content-tabdisabled { background-color: #EFEFEF; color: #AAAAAA; font-size: 10pt; font-weight: bold; text-align: center; vertical-align: middle; padding: 4px 2px; margin-top: 6px; float: left; border: 1px solid #666666; border-bottom: none; } .content-tabsep { margin-top: 4px; margin-bottom: 1px; width: 1px; height: 25px; white-space: nowrap; float: left; } .content-tabsepshade { background-color: #FFFFFF; margin-top: 4px; margin-bottom: 1px; width: 3px; height: 25px; white-space: nowrap; float: left; } .content-tabbody { background-color: #FFFFFF; border-top: 1px solid #666666; padding: 5px 3px 5px 10px; margin-bottom: 5px; margin-left: -10px; } .display-panel { margin: 0px; border: 1px solid #C1E5FF; padding: 5px; background-color: #F0F8FF; } /* ************************************************************************* */ /* Formulare & Eingabemasken *********************************************** */ form { margin: 0px; padding: 0px; } input, select, textarea { font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; border: 1px solid #666666; color: #666666; padding: 1px; } .input-checkbox, .input-radio { border: none; } .input-submit { border: none; padding: 0px; width: 16px; height: 16px; } .formTable { border-collapse: collapse; margin-top: 100px; border-top: 2px solid #666666; border-bottom: 2px solid #666666; margin: 10px 5px; } .formTable td { padding: 2px 5px; } .formHeader { background-color: #999999; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; } .formField { background-color: #DDDDDD; margin: 100px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } /* ************************************************************************* */ /* Gestreifte Tabellen ***************************************************** */ .table1 { border-collapse: collapse; } .table1 th { border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #999999; color: #FFFFFF; font-weight: bold; padding: 1px 3px; text-align: left; } .table1-bg1, .table2-bg1 { background-color: #DDDDDD; } .table2-bg1:hover, .table2-bg2:hover { background-color: #999999; color: #FFFFFF; } .table1-bg1 td, .table2-bg1 td { border-right: 1px solid #FFFBFE; padding-right: 2px; padding-left: 7px; } .table1-bg2, .table2-bg2 { background-color: #FFFFFF; } .table1-bg2 td, .table2-bg2 td { border-right: 1px solid #FFFBFE; padding-right: 2px; padding-left: 7px; } .table1-bg3 { background-color: #FFFFFF; } .table1-selected, .table2-selected { background-color: #999999; color: #FFFFFF; } .table1-bgfoot { border-right: 1px solid #E6F2FF; border-bottom: 1px solid #E6F2FF; background-color: #C1E5FF; color: #0066CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; padding: 1px; } .table1-bgfoot td { border-right: 1px solid #FFFFFF; padding-right: 2px; padding-left: 7px; } .tablesub { border-collapse: collapse; } .tablesub td { border-right: none; padding-right: 0px; padding-left: 0px; } .sub-table { /* Sub Tabellen */ border-collapse: collapse; margin: 0px; padding: 0px; } .sub-table td { margin: 0px; padding: 0px; } /* ************************************************************************* */ /* Diverses im Hauptteil *************************************************** */ .normal { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-style: normal; line-height: normal; color: #000000; margin: 0px; padding: 0px; } .bodytext { /* Abschnittinhalt */ margin: 6px 0px; line-height: 18px; } .line { /* Trennlinie zwischen Abschnitten */ border-bottom: 1px solid #666666; padding-bottom: 2px; padding-top: 15px; width: 99%; } .notepad-image { /* Bild des Notepad Icons */ background-image: url(../images/common/notepad.gif); background-position: left center; position: relative; width: 25px; height: 26px; border-style: none; cursor: pointer; } .notepad-image-active { /* Bild des Notepad Icons */ background-image: url(../images/common/notepad-active.gif); width: 29px; height: 29px; } .soria .dijitEditorIconEdit, .tundra .dijitEditorIconEdit { background-image: url(../images/common/toolButton_edit.gif); width: 16px; height: 16px; } .soria .dijitEditorIconReload, .tundra .dijitEditorIconReload { background-image: url(../images/common/toolButton_reload.gif); width: 16px; height: 16px; } .plusIcon { background-image: url(../images/common/toolButton_insert.gif); background-position: center; background-repeat: no-repeat; height: 16px; width: 16px; } .chapter-numbering { /* Kapitelnummerierung */ padding-right: 3px; } .comment { /* Kommentare */ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; font-style: normal; line-height: normal; margin: 3px 0px 0px; } .error { /* Fehlermeldungen */ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-style: normal; color: #FF9900; line-height: normal; } .left { float: left; clear: left; } .right { float: right; clear: right; } /* ************************************************************************* */ /* Links ******************************************************************* */ .href-tooltip { } .href-popup { color: rgb(153, 51, 0); } .href-newwin { color: rgb(51, 153, 102); } /* ************************************************************************* */ /* Phasen ****************************************************************** */ .image-analysis-chapter-icon-green { background-image: url(../images/knwoledgeDB/phases/image-analysis-chapter/icon_bildanalyse_green.gif); background-repeat: repeat; text-align: center; width: 46px; height: 59px; cursor: pointer; } .image-analysis-chapter-icon-red { background-image: url(../images/knwoledgeDB/phases/image-analysis-chapter/icon_bildanalyse_red.gif); background-repeat: no-repeat; text-align: center; width: 46px; height: 59px; cursor: pointer; } .image-analysis-chapter-icon-white { background-image: url(../images/knwoledgeDB/phases/image-analysis-chapter/icon_bildanalyse_white.gif); background-repeat: no-repeat; text-align: center; width: 46px; height: 59px; cursor: pointer; } /* ************************************************************************* */ /* Dojo ******************************************************************** */ .dijitDialogPaneContent { height: inherit; } /* ************************************************************************* */