Common.css

Revision as of 07:49, 9 September 2019 by Mlink-rodrigue (talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Korrektur der Darstellung von Tokens-Input-Feldern */
.inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
    margin: 0 0 0 0!important;
}

/* Template: Organizational Profile */
table.organisationsprofil-table{
	display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: left;
    font-size: 13px;
    width: 100%;
    background: white;
    box-shadow: 2px 2px 5px #DEDEDE, -2px -2px 5px #DEDEDE;
}
tr.organisationsprofil-row{
    width: 50px;
    height: 10px;
}
tr.organisationsprofil-row > th{
	padding-right: 10px;
}
tr.organisationsprofil-row > td{
	padding-right: 10px;
}
tr.organisationsprofil-row > td + td b{
	padding-left: 20px;
}
tr.organisationsprofil-row > td > div.hw-protokolle-inputbox,
tr.organisationsprofil-row > td > div.hw-protokolle-results{
	margin-left: 25px;
}

/* CSS skin overwrites  */
#content #bodyContent h2 
{border-bottom: 1px solid #cfd8dc;
margin-top: 2em;
margin-bottom: 1.2em;   
display: inline-block;
width: 80%;
}
#content #bodyContent .wikitable h2
{margin-top: 0.8em;
min-height:2.2em;
font-size:1.2em;
}

#content #bodyContent .wikitable ul > li
{
margin-top:0.6em;	
}
#toc
{
clear: both;
padding: 0.5em 1em 2em 1em;
}

#toc #content #bodyContent h2 
{
margin-top: 0.6em;
}
/* Flexbox */
.flex-grid {
  display: flex;
}
.col {
  flex: 1;
  background: #f8f9fa;
  padding: 20px;
  border:2px solid #fff;
}

.flex-grid-4 {
  display: flex;
}
.flex-grid-4 .col {

}

@media (max-width: 400px) {
  .flex-grid {
    display: block;
  }
  .flex-grid-4 .col {
  width:98%;
  }
}