You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1384 lines
35 KiB
1384 lines
35 KiB
/*****************************************************************************/ |
|
/* HINWEIS */ |
|
/*****************************************************************************/ |
|
/* |
|
Um bei den CSS-Dateien von HISinOne, in die derzeit noch von vielen verschiedenen |
|
Personen viele neue Styles eingefügt werden, Unübersichtlichkeit und mehrfaches |
|
Entwickeln von gleichen Styles zu vermeiden, wurde folgendes Verfahren für das |
|
künftige Einchecken von CSS-Styles festgelegt: |
|
|
|
- Neue Styles dürfen nur in die Datei 'HISinOneExperimental.css' eingecheckt werden |
|
|
|
- Für jeden Style sollen folgende Informationen in einem darüberliegendem Kommentar |
|
ergänzt werden: |
|
- Name des Verfassers, |
|
- Datum der Erstellung, |
|
- Ort der Verwendung, |
|
- Verwendungszweck, |
|
- Begründung, warum kein vorhandener Style verwendet werden konnte |
|
|
|
- Diese neuen Styles werden rechtzeitig vor den HISinOne Releases durch die |
|
Projektgruppe Oberflächendesign geprüft, ggf. freigegeben und in die |
|
HISinOne.css übernommen. |
|
*/ |
|
/*****************************************************************************/ |
|
/* BEISPIEL STYLE */ |
|
/*****************************************************************************/ |
|
/* |
|
Name, Datum: Ruth Cordes, 2008-08-28 |
|
Ort der Verwendung: Alle Formulare mit <input type="submit">-Buttons, |
|
die nicht durch eine andere Klasse formatiert sind |
|
Verwendungszweck: Default Submit-Button |
|
Grund für Neuanlage: Einheitliche Gestaltung der Default-Submit Buttons, |
|
bisher kein Style vorhanden |
|
*/ |
|
/* |
|
input.submit, input[type='submit'] { |
|
-moz-border-radius-bottomleft:4px; |
|
-moz-border-radius-bottomright:4px; |
|
-moz-border-radius-topleft:4px; |
|
-moz-border-radius-topright:4px; |
|
background-position: center bottom; |
|
background-repeat: repeat-x; |
|
border: 1px solid; |
|
font-size:100% !important; |
|
font-weight: normal; |
|
padding-bottom: 1px; |
|
background-color: #fafbfc; |
|
background-image: url(../images/icons/submit_passive.gif); |
|
border-color :#a7a7a7; |
|
color: #014A7B; |
|
vertical-align: middle; |
|
cursor: pointer; |
|
padding:1px 2px 1px 2px; |
|
} |
|
*/ |
|
/*****************************************************************************/ |
|
/* NAMENSKONVENTIONEN FÜR NEUE CSS STYLES */ |
|
/*****************************************************************************/ |
|
/* |
|
1. Sprechenden Namen in Englisch vergeben, evtl. abgekürzt |
|
(z.B. "navi"). |
|
2. Namenskombinationen entweder: |
|
- mit Unterstrich (z.B. "wizard_navi"), |
|
- in Kamelschreibweise(lowerCamelCase) (z.B. "columnFullSize") |
|
falls inhaltliche Verbindung zu anderen Styles besteht. |
|
3. Bei mehreren gleichen Elementen unterschiedlicher Formatierung muß |
|
der Unterschied durch Zusatz kennzeichnet werden, z.B.: |
|
- "columnLeft55": 55% Breite |
|
- "box_blue_bg_white": Farbzuweisung |
|
- "input_3_Chars": inputfield Größe für 3 Buchstaben |
|
4. Globale Selektoren sind am Anfang einer Rubrik aufgeführt, damit man sofort |
|
sehen kann, welche Elemente dieser Rubrik global Einfluß haben. |
|
|
|
|
|
/** |
|
* Author: Marc Weyland (weyland@werkstoffbit.de) |
|
* Datum: 09.09.2008 |
|
* Verwendung: Alumni-Selbstregistrierung (Studierendendaten) |
|
* Verwendungszweck: Abgrenzung der einzelnen ausgewählten Fächer. |
|
* Begründung: Es existiert bisher kein Style für diese Abgrenzung. |
|
*/ |
|
hr.separator { |
|
clear: left; |
|
border: none; |
|
border-bottom: 1px dashed #CFECFF; |
|
} |
|
|
|
|
|
/*****************************************************************************/ |
|
/* HTML-Raumplan */ |
|
/*****************************************************************************/ |
|
|
|
.planFrame { |
|
position:relative; |
|
margin-top:4em; |
|
background-color: #FFF; |
|
} |
|
|
|
ul.plan, ul.timeline { |
|
list-style-type:none; |
|
|
|
} |
|
|
|
li.singleblock { |
|
position:absolute; |
|
font-size:0.8em; |
|
font-family:sans-serif; |
|
text-align:center; |
|
margin: -1px; |
|
border-style:solid; |
|
border-width:1px; |
|
z-index:98; |
|
overflow:auto; |
|
} |
|
|
|
li.emptyCell { |
|
position:absolute; |
|
font-size:0.8em; |
|
font-family:sans-serif; |
|
text-align:center; |
|
margin: -1px; |
|
border-color:#DFDFDF; |
|
border-width:thin; |
|
z-index:98; |
|
overflow:hidden; |
|
} |
|
|
|
li.times { |
|
width:100%; |
|
left:0%; |
|
padding: 0; |
|
margin: 0; |
|
position:absolute; |
|
border-top-width: 1px; |
|
border-top-style: solid; |
|
border-top-color: #7FB4D8; |
|
border-bottom-width: 1px; |
|
border-bottom-style: solid; |
|
border-bottom-color: #7FB4D8; |
|
font-size:0.8em; |
|
font-family:sans-serif; |
|
overflow:auto; |
|
margin-top:-1px; |
|
z-index:98; |
|
} |
|
|
|
div.times { |
|
position:absolute; |
|
background-color:#F1F2F5; |
|
text-align:center; |
|
line-height:1.2em; |
|
font-family:sans-serif; |
|
font-weight:bold; |
|
font-size:1em; |
|
border:0; |
|
} |
|
|
|
li.column { |
|
height:100%; |
|
top:0%; |
|
position:absolute; |
|
text-align:center; |
|
line-height:1em; |
|
font-family:sans-serif; |
|
font-size:1em; |
|
border-width: 1px; |
|
border-style: solid; |
|
border-color: #7FB4D8; |
|
/*border-left:none; |
|
background: transparent #FFFFFF;*/ |
|
} |
|
.colhead { |
|
position:relative; |
|
margin:-1px; |
|
padding-bottom:1px; |
|
top:-2.1em; |
|
height: 2em; |
|
display:block; |
|
background-color:#FFFCDF; |
|
width:100%; |
|
text-align:center; |
|
font-weight:bold; |
|
border-width: 1px; |
|
border-style: solid; |
|
border-color: #7FB4D8; |
|
padding-top: 1em; |
|
top: -3.1em |
|
} |
|
li.timeline { |
|
height:100%; |
|
left:0%; |
|
top:0%; |
|
background-color:#F1F2F5; |
|
border-width: 1px; |
|
border-style: solid; |
|
border-color: #F1F2F5; |
|
height:100%; |
|
border:1px solid #7FB4D8; |
|
position:absolute; |
|
border-top-width: 1px; |
|
border-top-style: solid; |
|
border-top-color: #7FB4D8; |
|
} |
|
.hour { |
|
font-size:large; |
|
font-weight:bold; |
|
padding-left: 4px; |
|
} |
|
.minutes { |
|
font-size:1em; |
|
vertical-align:top; |
|
text-decoration:underline; |
|
} |
|
.lines{ |
|
position:absolute; |
|
border-bottom:1px dashed #F1F2F5; |
|
} |
|
.columnlines{ |
|
position:absolute; |
|
border-left:1px dashed #F1F2F5; |
|
height:160mm; |
|
width:1mm; |
|
z-index:98; |
|
} |
|
.legendEntries { |
|
list-style-type:none; |
|
list-style-position:inside; |
|
margin:0; |
|
padding:0; |
|
font-size:0.85em; |
|
} |
|
.legendEntry { |
|
float:left; |
|
margin:0; |
|
padding:0; |
|
white-space: nowrap; |
|
} |
|
.legendEntryBox { |
|
float:left; |
|
border:1px solid #CCCCCC; |
|
margin-right:0.3em; |
|
margin-left:0.3em; |
|
width:1em; |
|
height:1em; |
|
} |
|
.raster{ |
|
position:absolute; |
|
text-align:right; |
|
z-index:1; |
|
margin-top:-1px; |
|
border-top:1px; |
|
border-top-color:#FFFFFF; |
|
border-top-style:dashed; |
|
} |
|
.textblock { |
|
display: block; |
|
} |
|
.textblock-bold { |
|
font-weight:bold; |
|
} |
|
.textblock-italic { |
|
display: block; |
|
font-style:italic; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Tabellen: groups */ |
|
/*****************************************************************************/ |
|
|
|
/** |
|
* Author: Marc Weyland (weyland@werkstoffbit.de) |
|
* Datum: 27.10.2008 |
|
* Verwendung: Alumni-Gruppendetails |
|
* Verwendungszweck: Ausblenden des Tabellenheaders |
|
* Begründung: Es existiert bisher kein Style für diese Ausblendung. |
|
* (Ggf. ist eine Namensanpassung notwendig/sinnvoll). |
|
*/ |
|
.table_1 thead { |
|
display: block; |
|
position: absolute; |
|
height: 0; |
|
overflow: hidden; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* ALU - page: groups */ |
|
/*****************************************************************************/ |
|
.alu-page-groups .group-details, .alu-page-groups .group-overview { |
|
padding-top: 1em; |
|
float: left; |
|
width: 100%; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .alu-page-groups .group-details { |
|
float: none; |
|
width: auto; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content { |
|
margin-right: 22em; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-sidebar { |
|
width: 17em; |
|
} |
|
|
|
.alu-page-groups h3 { |
|
margin-bottom: 0.2em; |
|
} |
|
|
|
.alu-page-groups .group-details h2 { |
|
text-align: center; |
|
|
|
margin-bottom: 1.2em; |
|
font-size: 1.4em; |
|
color: #014A7B; |
|
|
|
background-color: #F2F7F8; |
|
padding-top: 0.5em; |
|
padding-bottom: 0.5em; |
|
|
|
width: 100%; |
|
float: left; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content .treePath { |
|
float: left; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content .treePath * { |
|
font-weight: bold; |
|
} |
|
|
|
|
|
/* group administrators - table */ |
|
.alu-page-groups .group-details .layout-content table.group-administrators { |
|
width: 100%; |
|
margin-bottom: 1.5em; |
|
clear: left; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content table.group-administrators th { |
|
font-size: 1.05em; |
|
color: #014A7B; |
|
padding-bottom: 0.3em; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content table.group-administrators tbody td { |
|
padding-bottom: 0.3em; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content .group-administrators td a { |
|
background: transparent center left no-repeat; |
|
padding-left: 20px; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content .group-administrators td.person a { |
|
background-image: url(../images/icons/cm.alu/groups/user_suit.png); |
|
} |
|
.alu-page-groups .group-details .layout-content .group-administrators td.email a { |
|
background-image: url(../images/icons/cm.alu/groups/email.png); |
|
} |
|
.alu-page-groups .group-details .layout-content .group-administrators td.phone a { |
|
background-image: url(../images/icons/cm.alu/groups/telephone.png); |
|
} |
|
|
|
|
|
/* group-data sidebar-lists */ |
|
.alu-page-groups .group-details .status-list li, |
|
.alu-page-groups .group-details .information-list li, |
|
.alu-page-groups .group-details .actions-list li { |
|
background: transparent center left no-repeat; |
|
padding-left: 22px; |
|
} |
|
|
|
.alu-page-groups td .action-list, .alu-page-contacts td .action-list { |
|
list-style-type: none; |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
.alu-page-groups td .action-list li, .alu-page-contacts td .action-list li { |
|
padding: 0; |
|
width: 16px; |
|
height: 16px; |
|
float: left; |
|
margin-right: 3px; |
|
} |
|
|
|
.alu-page-groups .group-details .status-list li { |
|
padding-top: 1px; |
|
padding-bottom: 1px; |
|
} |
|
|
|
.alu-page-groups tbody td .status { |
|
text-align: center; |
|
} |
|
|
|
.alu-page .listRowOdd { |
|
background-color: white; |
|
} |
|
|
|
.alu-page .listRowEven { |
|
background-color: #F2F7F8; |
|
} |
|
|
|
.alu-page .listRowOddHover { |
|
background-color: #F7E9D3; |
|
} |
|
|
|
.alu-page .listRowEven td, .alu-page .listRowOdd td, .alu-page .listRowOddHover td { |
|
padding-top: 0.5em; |
|
padding-bottom: 0.5em; |
|
} |
|
|
|
.alu-page .tableHeader { |
|
border: none; |
|
border-bottom: 1px dashed #82C7EE; |
|
} |
|
|
|
|
|
.alu-page-groups .group-details .status-list .members { |
|
background-image: url(../images/icons/cm.alu/groups/group.png); |
|
} |
|
.alu-page-groups .group-details .status-list .applicants { |
|
background-image: url(../images/icons/user_add.gif); |
|
} |
|
.alu-page-groups .group-details .status-list .is-member { |
|
background-image: url(../images/icons/cm.alu/groups/tick.png); |
|
} |
|
.alu-page-groups .group-details .status-list .is-no-member { |
|
background-image: url(../images/icons/cm.alu/groups/status_offline.png); |
|
} |
|
.alu-page-groups .group-details .status-list .is-awaiting-membership { |
|
background-image: url(../images/icons/cm.alu/groups/hourglass_add.png); |
|
} |
|
|
|
.alu-page-groups .group-details .status-list .is-group-administrator { |
|
background-image: url(../images/icons/cm.alu/tag_blue.png); |
|
} |
|
.alu-page-groups .group-details .status-list .is-group-moderator { |
|
background-image: url(../images/icons/cm.alu/tag_orange.png); |
|
} |
|
|
|
|
|
.alu-page-groups .group-details .information-list .overview { |
|
background-image: url(../images/icons/cm.alu/groups/information-overview.gif); |
|
} |
|
.alu-page-groups .group-details .information-list .announcements { |
|
background-image: url(../images/icons/cm.alu/groups/information-announcements.gif); |
|
} |
|
.alu-page-groups .group-details .information-list .contact { |
|
background-image: url(../images/icons/cm.alu/groups/telephone.png); |
|
} |
|
.alu-page-groups .group-details .information-list .dates { |
|
background-image: url(../images/icons/cm.alu/groups/calendar.png); |
|
} |
|
.alu-page-groups .group-details .information-list .members { |
|
background-image: url(../images/icons/cm.alu/groups/group.png); |
|
} |
|
.alu-page-groups .group-details .information-list .position { |
|
background-image: url(../images/icons/cm.alu/groups/find.png); |
|
} |
|
.alu-page-groups .group-details .information-list .forum { |
|
background-image: url(../images/icons/cm.alu/groups/comments.png); |
|
} |
|
.alu-page-groups .group-details .information-list .pinboard { |
|
background-image: url(../images/icons/cm.alu/groups/note.png); |
|
} |
|
|
|
|
|
.alu-page-groups .group-details .actions-list .join { |
|
background-image: url(../images/icons/cm.alu/groups/hourglass_add.png); |
|
} |
|
.alu-page-groups .group-details .actions-list .leave { |
|
background-image: url(../images/icons/cm.alu/portal/groups/leave_group.png); |
|
} |
|
.alu-page-groups .group-details .actions-list .retreat { |
|
background-image: url(../images/icons/cm.alu/portal/groups/cancel_registration.png); |
|
} |
|
.alu-page-groups .group-details .actions-list .write-message { |
|
background-image: url(../images/icons/cm.alu/groups/email.png); |
|
} |
|
.alu-page-groups .group-details .actions-list .search { |
|
background-image: url(../images/icons/cm.alu/groups/zoom.png); |
|
} |
|
.alu-page-groups .group-details .actions-list .blame { |
|
background-image: url(../images/icons/cm.alu/groups/exclamation.png); |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content .group-description dt { |
|
font-weight: bold; |
|
font-size: 1.05em; |
|
color: #014A7B; |
|
margin-bottom: 0.3em; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content .group-description dd { |
|
text-align: justify; |
|
font-style: italic; |
|
line-height: 1.4em; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
/* Fix for IE 6 italic bug */ |
|
* html .alu-page-groups .group-details .layout-content .group-description dd { |
|
overflow: hidden; |
|
height: 1%; |
|
width: 100%; |
|
} |
|
|
|
.alu-page-groups .group-details .layout-content .cm_alu_grouptree_container { |
|
margin: 0; |
|
padding: 0; |
|
overflow: hidden; |
|
} |
|
|
|
|
|
.alu-page-groups .announcement-status-read, .alu-page-groups .announcement-status-new { |
|
width: 16px; |
|
height: 16px; |
|
display: block; |
|
margin: 0 auto; |
|
overflow: hidden; |
|
background-color: transparent; |
|
background-position: center center; |
|
background-repeat: no-repeat; |
|
text-indent: -9999px; |
|
} |
|
|
|
.alu-page-groups .announcement-status-read { |
|
background-image: url(../images/icons/cm.alu/groups/announcement.gif); |
|
} |
|
|
|
.alu-page-groups .announcement-status-new { |
|
background-image: url(../images/icons/cm.alu/groups/announcement-new.gif); |
|
} |
|
|
|
.alu-page-groups .hidden { |
|
color: #aaa; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* ALU - page: profile */ |
|
/*****************************************************************************/ |
|
|
|
.alu-page-profile .profile-content { |
|
width: 55%; |
|
min-width: 500px; |
|
float: left; |
|
} |
|
|
|
.alu-page-profile .profile-subcontent { |
|
margin: 0.5em 0 1.5em 2em; |
|
padding: 0; |
|
} |
|
|
|
.alu-page-profile .profile-content h2 { |
|
line-height: 1.5em; |
|
margin: 1em 0 0.1em 0; |
|
padding: 0 0 0 0.3em; |
|
|
|
clear: left; |
|
|
|
border-bottom: none; |
|
font-weight: normal; |
|
font-family: "Georgia", serif; |
|
font-size: 1.5em; |
|
|
|
background-color: #f6f9fc; |
|
} |
|
|
|
.alu-page-profile .profile-content h4 { |
|
font-size: 1.1em; |
|
clear: left; |
|
color: #4166AF; |
|
margin-bottom: 0.2em; |
|
} |
|
|
|
.alu-page-profile .profile-content h3 { |
|
margin: 0; |
|
padding: 0 7em 0 0; |
|
clear: left; |
|
color: #4166AF; |
|
|
|
font-size: 1.5em; |
|
font-weight: normal; |
|
|
|
border-bottom: 1px dashed #DFE0FF; |
|
} |
|
|
|
.alu-page-profile .alu-content dl.element-period { |
|
margin: 0; |
|
} |
|
|
|
.alu-page-profile .alu-content dl.education-course-of-study-status { |
|
float: right; |
|
margin: 0; |
|
position: relative; |
|
right: 0; |
|
top: -3em; |
|
} |
|
|
|
.alu-page-profile .alu-content dl.element-period dt, |
|
.alu-page-profile .alu-content dl.education-course-of-study-status dt { |
|
position: absolute; |
|
display: block; |
|
width: 0; |
|
height: 0; |
|
overflow: hidden; |
|
left: -9999px; |
|
} |
|
|
|
.alu-page-profile .alu-content dl.element-period dd { |
|
margin: 0; |
|
color: #bbb; |
|
font-weight: bold; |
|
} |
|
|
|
.alu-page-profile .profile-content ol { |
|
list-style-type: none; |
|
padding: 0; |
|
margin: 0 0 0.5em 0; |
|
|
|
float: left; |
|
width: 100%; |
|
} |
|
|
|
.alu-page-profile .profile-content ol li { |
|
clear: left; |
|
line-height: 1.5em; |
|
|
|
border-bottom: 1px dotted #eee; |
|
float: left; |
|
width: 100%; |
|
} |
|
|
|
.alu-page-profile .profile-content ol li:hover { |
|
background-color: #F7FCFF; |
|
} |
|
.alu-page-profile .profile-content ol li label { |
|
font-weight: bold; |
|
float: left; |
|
width: 12em; |
|
} |
|
|
|
/* .alu-page-profile .profile-content ol li span, */ |
|
.alu-page-profile .profile-content ol li address { |
|
margin-left: 12em; |
|
display: block; |
|
} |
|
|
|
.alu-page-profile .profile-content ol li address span { |
|
margin: 0; |
|
display: inline; |
|
} |
|
|
|
.alu-page-profile .profile-content ol li label.labelInLine { |
|
float: none; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* ALU - page: administration */ |
|
/*****************************************************************************/ |
|
|
|
.alu-page-administration .notChangableInitialPassword { |
|
color: #aaa; |
|
} |
|
|
|
.alu-page-administration .fileUploadForm .fieldsetgroup_1 { |
|
background: #F2F7F8; |
|
padding: 1em; |
|
} |
|
|
|
.alu-page-administration .fileUploadForm label { |
|
font-weight: bold; |
|
padding-right: 0.5em; |
|
} |
|
|
|
.alu-page-administration .alumni-rootgroup-node { |
|
padding-left: 20px; |
|
background: transparent url(../images/icons/house.gif) left center no-repeat; |
|
} |
|
|
|
.alu-page-administration .alumni-node-cut { |
|
padding-left: 18px; |
|
padding-top: 0; |
|
background: transparent url(../images/icons/cut.gif) left center no-repeat; |
|
color: grey; |
|
} |
|
|
|
.alu-page .tree-action-column { |
|
width: 170px; |
|
} |
|
|
|
|
|
/*****************************************************************************/ |
|
/* Styles für generische Suchmaske */ |
|
/*****************************************************************************/ |
|
/* |
|
Name, Datum: Daniel Scholz, 30.10.2008 |
|
Ort der Verwendung: Alle generischen Suchmasken |
|
Verwendungszweck: Positionierung der "not"-Checkbox neben des Select-Menüs |
|
Grund für Neuanlage: Gibt es in dieser Form noch nicht. |
|
*/ |
|
|
|
.genericSearchMask .dropdown_standard_small { width: 51.3%; float: left; } |
|
|
|
.genericSearchMask .dropdownEqualOperator { float: left; padding-bottom: 4px; padding-right: 4px; } |
|
|
|
.genericSearchHelp pre { margin: 0; font-size: 110%; } |
|
|
|
/*****************************************************************************/ |
|
/* Styles für generische Suchergebnisliste */ |
|
/*****************************************************************************/ |
|
/* |
|
Name, Datum: Daniel Scholz, 30.10.2008 |
|
Ort der Verwendung: Alle generischen Suchergebnislisten |
|
Verwendungszweck: Layout einer einzelnen Suchbedingung, die als Erinnerung noch einmal über der Trefferliste angezeigt wird. |
|
Grund für Neuanlage: Gibt es in dieser Form noch nicht. |
|
*/ |
|
|
|
.genericSearchResult .readableSearchCriterion { display: block; } |
|
|
|
|
|
/* Clipboard for Curriculum Designer */ |
|
/* |
|
Name, Datum: Sergej Kromm, 07.03.2009 |
|
Ort der Verwendung: Curriculum Designer, Rails-Oberfläche |
|
Verwendungszweck: Clipboard for Curriculum Designer |
|
Grund für Neuanlage: |
|
*/ |
|
#clipboard_bar { |
|
position: absolute; |
|
bottom: 0px; right: 0px; |
|
width: 25em; |
|
height: 20px; |
|
background-color: white; |
|
border: 1px solid #7FB4D8; |
|
} |
|
#clipboard { |
|
position: absolute; |
|
bottom: 0px; right: 0px; |
|
width: 25em; |
|
height: 45em; |
|
background-color: white; |
|
border: 1px solid #7FB4D8; |
|
} |
|
html>body #clipboard { /* nur fuer moderne Browser! */ |
|
position: fixed; |
|
} |
|
html>body #clipboard_bar { /* nur fuer moderne Browser! */ |
|
position: fixed; |
|
bottom: 0px; right: 0px; |
|
width: 25em; |
|
height: 20px; |
|
background-color: white; |
|
border: 1px solid #7FB4D8; |
|
} |
|
/* END: Clipboard for Curriculum Designer */ |
|
/*****************************************************************************/ |
|
/* Tabelle: Matrix für graphische Darstellung der Versionierung */ |
|
/*****************************************************************************/ |
|
/* |
|
Name, Datum: Maura Monente-Helber, 18.3.2009 |
|
Ort der Verwendung: Curriculum Designer, Rails-Oberfläche |
|
Verwendungszweck: Matrix für graphische Darstellung der Versionierung |
|
Grund für Neuanlage: gibt es nur in QIS, ist neu in HISinOne |
|
*/ |
|
|
|
/* Filter: This css-rule only applies to IE 6 |
|
* html .matrix_version{ |
|
width:900px; |
|
}*/ |
|
.headerColumnLeft{ |
|
float: left; |
|
margin: 0px 0px 0px 0px; |
|
width:200px; |
|
} |
|
.matrixOverflow{ |
|
overflow: auto; |
|
margin: 0px 0px 0px 0px; |
|
} |
|
.table_matrix { |
|
padding:0.2em; |
|
margin-top:0.45em; |
|
margin-bottom:0.5em; |
|
float:left; |
|
width:99%; |
|
border-collapse:collapse; |
|
border:2px solid #FFFFFF; |
|
border-spacing:1px; |
|
} |
|
|
|
/* Filter: This css-rule only applies to IE 7 (and IE5) */ |
|
*+html .table_matrix { |
|
margin-top:0.4em; |
|
} |
|
/* Filter: This css-rule only applies to IE 6 */ |
|
* html .table_matrix { |
|
width:auto; |
|
} |
|
|
|
.table_matrix_header_column{ |
|
padding:0.2em; |
|
margin-top:0.4em; |
|
margin-bottom:0.5em; |
|
float:left; |
|
border-collapse:collapse; |
|
border:2px solid #FFFFFF; |
|
border-spacing:1px; |
|
width:200px; |
|
} |
|
|
|
.tabelleheader_matrix, |
|
.tabelleheader_matrix_left { |
|
border-bottom:1px dotted #7FB4D8; |
|
border-left:1px solid #7FB4D8; |
|
border-right:1px solid #7FB4D8; |
|
font-weight:bold; |
|
padding:3px 5px 4px; |
|
text-align:left; |
|
vertical-align:top; |
|
background:#e6efe8; |
|
} |
|
|
|
.tabelleheader_matrix_left { |
|
background:#e6efe8; |
|
} |
|
|
|
.tabelleheader_matrix { |
|
background:#e6efe8 url(../images/icons/verlauf_headline.gif) repeat-x scroll left top; |
|
} |
|
|
|
.fixedHeightHeader{ |
|
height:19px; |
|
} |
|
.fixedHeight{ |
|
height:19px; |
|
} |
|
.tabelle_color_1_matrix, |
|
.tabelle_color_2_matrix, |
|
.tabelle_color_3_matrix, |
|
.tabelle_color_4_matrix { |
|
font-weight:bold; |
|
padding:3px 5px 4px; |
|
text-align:left; |
|
vertical-align:top; |
|
background-color: #e6efe8; |
|
} |
|
.tabelle_color_1_matrix { |
|
border:1px solid #DFDFDF; |
|
color:#ffffff; |
|
background:#006AB3 url(../images/icons/gradient_blue.gif) repeat-x scroll left top; |
|
} |
|
.tabelle_color_2_matrix { |
|
border:1px solid #DFDFDF; |
|
color:#ffffff; |
|
background: #669933 url(../images/icons/gradient_green.gif) repeat-x scroll left top; |
|
} |
|
.tabelle_color_3_matrix { |
|
border:1px dotted #7FB4D8; |
|
background-color:#FFFFFF; |
|
} |
|
.tabelle_color_4_matrix { |
|
border:1px solid #DFDFDF; |
|
background: #7FB4D8 url(../images/icons/gradient_pale_blue.gif) repeat-x scroll left top; |
|
color:#ffffff; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Matrix für graphische Darstellung der Versionierung */ |
|
/*****************************************************************************/ |
|
/* Translation of GUI */ |
|
/* |
|
Name, Datum: Maura Monente-Helber, 30.3.2009 |
|
Ort der Verwendung: Curriculum Designer, Rails-Oberfläche |
|
Verwendungszweck: Übersetzung von Oberflächentexten |
|
Grund für Neuanlage: ist neu |
|
*/ |
|
.input_standard_green{ |
|
background-color:#E7EFD1; |
|
border:1px solid #669933; |
|
} |
|
/* End: Translation of GUI */ |
|
|
|
/* |
|
Name, Datum: Monente-Helber, 18.2.09 |
|
Ort der Verwendung: Layout Entwurf für aufklappbares Panel in PO erstellen |
|
Verwendungszweck: aufklappbares Panel |
|
Grund für Neuanlage: Gibt es noch nicht. |
|
*/ |
|
.PanelLeft_small, |
|
.PanelLeft_medium, |
|
.PanelLeft_max{ |
|
background-color:#F1F2F5; |
|
float:left; |
|
margin:0px; |
|
padding:0px; |
|
} |
|
.PanelLeft_small{ |
|
min-width:470px; |
|
max-width:470px; |
|
} |
|
.PanelLeft_medium{ |
|
min-width:500px; |
|
max-width:600px; |
|
} |
|
.PanelLeft_max{ |
|
min-width:500px; |
|
max-width:880px; |
|
} |
|
|
|
.PanelRight_closed, |
|
.PanelRight_medium, |
|
.PanelRight_max{ |
|
background-color:#D9E1D9; |
|
border: 1px solid #bad4ba ; |
|
float:left; |
|
margin-left:3px; |
|
margin-top:3px; |
|
margin-bottom:3px; |
|
padding:2px 5px 5px 5px; |
|
} |
|
.PanelRight_medium{ |
|
width:310px; |
|
} |
|
.PanelRight_max{ |
|
width:450px; |
|
} |
|
.PanelRight_closed{ |
|
width:25px; |
|
} |
|
.content_max_portal_menueclosed { |
|
background:#F1F2F5 url(../images/icons/background_content.gif) repeat scroll 0%; |
|
margin:0px 0px 0px 0px; |
|
padding:4px; |
|
} |
|
.PanelRightHeadline { |
|
font-size: 0.9em; |
|
/*font-weight:bold;*/ |
|
background-color:#D9E1D9; |
|
margin: 0.3em 0px 0px 0px; |
|
padding: 3.5px 0.5% 3.5px 0.5%; |
|
height:1em; |
|
} |
|
.PanelRightHeadline .PanelHeadlineButtonsRight{ |
|
width: 4em; |
|
margin: 0px; |
|
padding: 0px; |
|
float: right; |
|
display: block; |
|
|
|
} |
|
.PanelRightHeadline .PanelHeadlineText{ |
|
width: 5em; |
|
margin: 0px; |
|
padding: 0px; |
|
float: left; |
|
display: block; |
|
|
|
} |
|
.PanelRightHeadline img{ |
|
padding-left: 3.5px ; |
|
padding-right: 2px; |
|
float: right; |
|
display: inline; |
|
} |
|
/*****************************************************************************/ |
|
/* übergeordnete Fieldsets */ |
|
/*****************************************************************************/ |
|
|
|
/** |
|
* Author: Ruth Cordes |
|
* Datum: 08.04.2009 |
|
* Verwendung: momentan nur lokal |
|
* Verwendungszweck: übergeordnete Fieldsets, in denen sich Standardfieldsets befinden |
|
* Begründung: Bisher sieht das übergeordnete Fieldset aus wie die untergeordneten |
|
* |
|
*/ |
|
.fieldsetDottedLines { |
|
margin: 0; |
|
border: none; |
|
border-top: 3px dotted #7FB4D8; |
|
border-bottom: 3px dotted #7FB4D8; |
|
padding-top: 0.5em; |
|
padding-bottom: 0.2em; |
|
padding-left: 0.5em; |
|
padding-right: 0.5em; |
|
margin-top: 0.5em; |
|
|
|
} |
|
|
|
.fieldsetDottedLines > h2 { |
|
/* border-bottom: 1px dotted #7FB4D8; */ |
|
padding-bottom: 0.2em; |
|
padding-left: 0px; |
|
font-size: 120%; |
|
margin: 0px; |
|
margin-bottom: 0.8em; |
|
/* |
|
padding-left: 20px; |
|
background: transparent |
|
url(../images/icons/bullet_star.gif) top left |
|
no-repeat; */ |
|
} |
|
|
|
.fieldsetDottedLines legend { |
|
display: none; |
|
} |
|
|
|
.fieldsetHeadDottedLines { |
|
margin: 0.5em 0 0 0; |
|
border: none; |
|
padding-top: 0.5em; |
|
padding-bottom: 0.2em; |
|
padding-left: 0px; |
|
} |
|
|
|
.dottedLines h2 { |
|
margin: 0.5em 0 0 0; |
|
border-bottom: 1px dotted #7FB4D8; |
|
padding-bottom: 0.2em; |
|
padding-left: 0px; |
|
} |
|
|
|
.dottedLines { |
|
border: 1px dotted #7FB4D8; |
|
float: left; |
|
padding: 10px; |
|
} |
|
|
|
.strong { |
|
font-weight: bold; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Tabellen: */ |
|
/* alle Baum-Icons in einer Zelle: tableDirTree */ |
|
/* jedes Baum-Icon in eigener Zelle: tableDirTreeOneColLayer */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Ruth Cordes |
|
* Datum: 08.04.2009 |
|
* Verwendung: Maskenentwurf Baum mit grafischen Elementen (Tabelle) |
|
* Verwendungszweck: Bäume mit Dir-Aussehen |
|
* Begründung: Bisher gibt es nur Bäume mit Plus und Minus Button und Einrückung |
|
* |
|
*/ |
|
|
|
table.tableDirTree, |
|
table.tableDirTreeOneColLayer { |
|
margin: 0; |
|
padding: 0; |
|
border: none; |
|
width: 100%; |
|
} |
|
|
|
table.tableDirTree td, |
|
table.tableDirTreeOneColLayer td { |
|
padding: 0; |
|
margin: 0; |
|
padding-right: 0.2em; |
|
padding-left: 0.2em; |
|
border-bottom: 1px solid #EFEFEF; |
|
white-space: nowrap; |
|
height: 27px; |
|
} |
|
table.tableDirTreeOneColLayer td { |
|
line-height: 2em; |
|
} |
|
|
|
table.tableDirTree td.icon { |
|
vertical-align: baseline; |
|
border: none; |
|
padding: 0; |
|
margin: 0; |
|
width: 1%; |
|
border-bottom: 1px solid #EFEFEF; |
|
} |
|
|
|
table.tableDirTree .titleColumn { |
|
float: left; |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
table.tableDirTreeOneColLayer .titleColumn { |
|
float: left; |
|
min-width: 400px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html table.tableDirTreeOneColLayer .titleColumn { |
|
float: left; |
|
width: 400px; |
|
} |
|
|
|
table.tableDirTree img.tableDirTree { |
|
/* float: left; */ |
|
} |
|
|
|
table.tableDirTreeOneColLayer img.tableDirTree { |
|
float: left; |
|
} |
|
|
|
.tableDirTree.img { |
|
/* vertical-align: baseline; */ |
|
} |
|
|
|
table.tableDirTree tr, |
|
table.tableDirTreeOneColLayer tr { |
|
background-color:#FFF; |
|
} |
|
|
|
table.tableDirTree tr.treeTableCellLevel1, |
|
table.tableDirTreeOneColLayer tr.treeTableCellLevel1 { |
|
background-color: #EFF9FF; |
|
} |
|
|
|
table.tableDirTree tr:hover, |
|
table.tableDirTreeOneColLayer tr:hover { |
|
background-color: #FFFABF; |
|
} |
|
|
|
/* |
|
table.tableWithBorder tr.listRowOdd:hover, |
|
table.tableWithBorder tr.listRowEven:hover, |
|
table.tableWithSelect tr.listRowOdd:hover, |
|
table.tableWithSelect tr.listRowEven:hover { |
|
background-color: #FFFABF; |
|
} |
|
*/ |
|
|
|
table.tableDirTree th, |
|
table.tableDirTreeOneColLayer th { |
|
background-color:#F1F2F5; |
|
border-bottom: 1px solid #7FB4D8; |
|
border-left: 1px solid #7FB4D8; |
|
border-right: 1px solid #7FB4D8; |
|
font-weight: bold; |
|
padding: 3px 5px 4px; |
|
text-align: left; |
|
vertical-align: top; |
|
} |
|
|
|
table.tableDirTree td.invisible, table.tableDirTree th.invisible, |
|
table.tableDirTreeOneColLayer td.invisible, table.tableDirTreeOneColLayer th.invisible { |
|
display: none; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Container für Icon-Zeile */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Maura Monente-Helber |
|
* Datum: 04.05.2009 |
|
* Verwendung: Maskenentwurf Berichtswesen |
|
* Verwendungszweck: Reihe mit Icons soll hervorgehoben werden |
|
* Begründung: gibt es bisher nicht |
|
* |
|
*/ |
|
|
|
.iconsTopAbove { |
|
margin-top:8px; |
|
padding:0; |
|
width:98%; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Liste */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Maura Monente-Helber |
|
* Datum: 05.05.2009 |
|
* Verwendung: Maskenentwurf Berichtswesen/Navigation |
|
* Verwendungszweck: Liste mit Links unter einem Breadcrumb |
|
* Begründung: gibt es bisher nicht |
|
* |
|
*/ |
|
.list { |
|
list-style-image: url(../images/icons/page_white_text.gif); |
|
padding-top: 7px; |
|
margin-top:5px; |
|
padding-left:30px; |
|
padding-bottom: 16px; |
|
font-weight: normal; |
|
background-color:#fff; |
|
margin-left:10px; |
|
} |
|
|
|
.list li { |
|
border-bottom: dotted 1px #ccc; |
|
padding: 3px; |
|
background-color:#fff; |
|
margin-top:0px; |
|
} |
|
.list a:hover, |
|
.list a:focus, |
|
.list a:active { |
|
background-color:#FFF1CC; |
|
color:#333333; |
|
font-weight:bold; |
|
text-decoration:underline; |
|
} |
|
.list a { |
|
color:#014A7B; |
|
text-decoration:none; |
|
font-weight:bold; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Baumkomponente mit Kanten zwischen den Knoten */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Sergej Kromm |
|
* Datum: 30.06.2009 |
|
* Verwendung: Tabelenkomponente |
|
* Verwendungszweck: Baumdarstellung mit Linien/Kanten |
|
* Begründung: gibt es bisher nicht |
|
*/ |
|
|
|
table.treeTable td.rootCollapsed, /* kein Bild */ |
|
table.treeTableWithIcons td.rootCollapsed, /* kein Bild */ |
|
table.treeTable td.rootExpanded, /* kein Bild */ |
|
table.treeTableWithIcons td.rootExpanded, /* Linie unten */ |
|
table.treeTable td.nodeCollapsed, /* kein Bild */ |
|
table.treeTableWithIcons td.nodeCollapsed, /* Linie links */ |
|
table.treeTable td.nodeExpanded, /* kein Bild */ |
|
table.treeTableWithIcons td.nodeExpanded, /* Linien links und unten */ |
|
table.treeTable td.child, /* kein Bild */ |
|
table.treeTableWithIcons td.child, /* Linien oben, rechts und unten - T */ |
|
table.treeTable td.childLast, /* kein Bild */ |
|
table.treeTableWithIcons td.childLast, /* Linien oben und rechts - L */ |
|
table.treeTable td.parent, /* kein Bild */ |
|
table.treeTableWithIcons td.parent, /* vertikale Linie - I */ |
|
table.treeTable td.parentLast, /* kein Bild */ |
|
table.treeTableWithIcons td.parentLast { /* kein Bild */ |
|
padding: 0; |
|
margin: 0; |
|
background-repeat: no-repeat; |
|
width: 1%; |
|
} |
|
|
|
table.treeTableWithIcons td.rootExpanded { |
|
background-image: url(../images/icons/tree/tree_v.gif); |
|
background-position: 0pt 10px; |
|
} |
|
|
|
table.treeTableWithIcons td.nodeCollapsed { |
|
background-image: url(../images/icons/tree/tree_h.gif); |
|
background-position: -10px 0; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html table.treeTableWithIcons td.nodeCollapsed { |
|
background-image: url(../images/icons/tree/tree_h.gif); |
|
background-position: 0 0; |
|
} |
|
|
|
table.treeTableWithIcons td.nodeExpanded { |
|
background-image: url(../images/icons/tree/tree_l_180.gif); |
|
} |
|
|
|
table.treeTableWithIcons td.child { |
|
background-image: url(../images/icons/tree/tree_t.gif); |
|
} |
|
|
|
table.treeTableWithIcons td.childLast { |
|
background-image: url(../images/icons/tree/tree_l.gif); |
|
} |
|
|
|
table.treeTableWithIcons td.parent { |
|
background-image: url(../images/icons/tree/tree_v.gif); |
|
} |
|
|
|
table.treeTable input.treeTableIcon, |
|
table.treeTableWithIcons input.treeTableIcon, |
|
table.treeTable img.treeTableIcon, |
|
table.treeTableWithIcons img.treeTableIcon { |
|
margin: 0; |
|
padding: 0; |
|
vertical-align: middle; |
|
} |
|
|
|
table.treeTable .smallestPossible, |
|
table.treeTableWithIcons .smallestPossible { |
|
width: 1%; |
|
} |
|
|
|
table.tableWithSelect .dateInputCalendar { |
|
width: 7.8em; |
|
white-space: nowrap; |
|
} |
|
|
|
table.tableWithSelect .dateInputCalendar10em { |
|
width: 10em; |
|
white-space: nowrap; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Meldung in grüner Farbe */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Maura Monente-Helber |
|
* Datum: 29.07.2009 |
|
* Verwendung: Schrift mit Rahmen für Meldung, in Maskenentwurf immat_overview.xhtml |
|
* Verwendungszweck: Heraushebung einer Information, Zuweisung zu h5-Überschrift |
|
* Begründung: gibt es bisher nicht |
|
*/ |
|
|
|
.messageGreen{ |
|
color:#669933; |
|
border: 1px solid #669933; |
|
background-color: #ffffff; |
|
padding:4px; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Readonly-Eingabefelder bei Erfassung von Fremdsprachen */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Daniel Scholz |
|
* Datum: 30.07.2009 |
|
* Verwendung: alle Bearbeitungsmasken |
|
* Verwendungszweck: Sichtbare Kennzeichnung aller Eingabefelder, die readonly sind |
|
* Begründung: gibt es bisher nicht |
|
*/ |
|
.readonly { |
|
background-color: #ddd; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Webmailer */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Marc Weyland |
|
* Datum: 04.08.2009 |
|
* Verwendung: folders-inbox.xhtml, folders-sent.xhtml, webmailer-message.xhtml |
|
* Verwendungszweck: Schaltfläche zur Abbildung des Use Case "Nachricht weiterleiten" |
|
* Begründung: gibt es bisher nicht |
|
* Anmerkung: Icons werden gemäß Aufgabenplanung Team Alumni-Management konsolidiert und mit |
|
* dem Team Styleguide abgestimmt. |
|
*/ |
|
div.webmailer table tbody tr td ul.message-actions li.forward-message a { |
|
background-image: url(../images/icons/message_forward.gif); |
|
} |
|
|
|
ul.toolbar li.forward-message a { |
|
background-image: url(../images/icons/message_forward.gif); |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Tabellendarstellung */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Ruth Cordes |
|
* Datum: 05.08.2009 |
|
* Verwendung: datatable.xhmtl, his:tree Komponente, sämtliche nicht JSF Tabellen, auch Bäume |
|
* Verwendungszweck: korrekte Darstellung des Overflows von Tabellen, Reaktion auf Bug in FF3 |
|
* Begründung: gibt es bisher nicht |
|
*/ |
|
.tableOverflowFix { |
|
table-layout: fixed; |
|
width: 100%; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Formatierung von Rückfragen an den User */ |
|
/*****************************************************************************/ |
|
/** |
|
* Author: Daniel Scholz |
|
* Datum: 06.08.2009 |
|
* Verwendung: prinzipiell alle Masken |
|
* Verwendungszweck: Abstand zwischen einer Rückfrage und den zugehörigen Buttons definieren. |
|
* Begründung: gibt es bisher nicht |
|
*/ |
|
div.userQuery { |
|
font-weight: bold; |
|
margin-bottom: 1em; |
|
} |
|
|
|
|