MediaWiki:Common.css: Difference between revisions

From IAMC-Documentation
Jump to navigation Jump to search
No edit summary
m (1 revision imported)
 
(36 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
div.rc-row {
 
/* Adaptation of logo height */
#p-logo{
  height: 216px;
}
 
#p-logo a{
  height: 216px;
}
 
/* display of check boxes and radiobuttons */
label.checkboxLabel {
    width: 200px;
    display: block;
    float: left;
}
label.radioButtonItem {
    width: 200px;
    display: block;
    float: left;
}
/* reference card css from here */
.rc-row {
   clear:both;  
   clear:both;  
   width:100%;  
   width:100%;  
  margin-bottom:15px;
   vertical-align:top;
   vertical-align:top;
  margin-bottom:10px;
}
}
div.rc-title {
.rc-title {
   clear:left;  
   clear:left;  
   float:left;
   float:left;
Line 12: Line 34:
   text-align:right;
   text-align:right;
   font-weight: bold;
   font-weight: bold;
  vertical-align:top;
}
}
div.rc-data {
 
.rc-form-grouptitle {
  width:100%;
  height: 2.5em;
  text-align:right;
  font-size:1.2em;
  font-weight: bold;
  text-align: left;
}
 
.rc-grouptitle {
  clear:left;
  float:left;
  width:100%;
  text-align:left;
  font-size:1.1em;
  font-weight: bold;
}
.rc-data, rc-data-single {
   float:left;
   float:left;
   margin-left:15px;
   margin-left:15px;
   width:530px;
   width:530px;
  vertical-align:top;
}
}


ul.rc-data, ol.rc-data
ul.rc-data, ol.rc-data
{
{
    vertical-align:top;
  margin-bottom:15px;
  margin-right:5px;
   -webkit-column-count:2;  
   -webkit-column-count:2;  
   -moz-column-count: 2;  
   -moz-column-count: 2;  
Line 31: Line 70:
   column-width: 235px;
   column-width: 235px;
}
}
div.rc-comment {
 
   vertical-align:top;
ul.rc-data-single, ol.rc-data-single
{
   margin-bottom:15px;
  margin-right:5px;
}
 
li.rc-data
{
    margin-left:20px; 
    width:200px;
 
}
 
.rc-comment {
   float:left;  
   float:left;  
   margin-left: 15px;  
   margin-left: 15px;  
   max-width:  250px;
   max-width:  250px;
   font-style:  italic;
   font-style:  italic;
}
.rc-matrix-data {
  margin-left:15px;
  width:180px;
  margin-bottom:15px;
  vertical-align:top;
}
ul.rc-option {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin-top: 7px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
li.rc-option {
    padding-left: 16px;
}
li.rc-standard:before {
    content: "☐"; /* Insert content that looks like bullets */
    padding-right: 8px;
}
li.rc-standard {
  color:DimGray;
}
li.rc-selected:before {
    content: "☑"; /* Insert content that looks like bullets */
    padding-right: 8px;
}
li.rc-selected {
  font-weight: bold;
}
li.rc-spec:before {
    content: "☑"; /* Insert content that looks like bullets */
    padding-right: 8px;
}
}


li.rc-spec {
li.rc-spec {
   color:Green
   color:DarkBlue;
  font-weight: bold;
}
 
.iamc-input{
  padding-right:30px;
  lineheight: 3;
}
 
.iamc-listbox{
  min-width:220px !important;
  max-width:220px !important;
  padding:5px;
}
}

Latest revision as of 12:04, 17 November 2021

/* CSS placed here will be applied to all skins */

/* Adaptation of logo height */
#p-logo{
   height: 216px;
}

#p-logo a{
   height: 216px;
}

/* display of check boxes and radiobuttons */
label.checkboxLabel {
    width: 200px;
    display: block;
    float: left;
}
label.radioButtonItem {
    width: 200px;
    display: block;
    float: left;
}
/* reference card css from here */
.rc-row {
   clear:both; 
   width:100%; 
   margin-bottom:15px;
   vertical-align:top;
}
.rc-title {
   clear:left; 
   float:left;
   width:150px; 
   text-align:right;
   font-weight: bold;
}

.rc-form-grouptitle {
   width:100%; 
   height: 2.5em;
   text-align:right;
   font-size:1.2em;
   font-weight: bold;
   text-align: left;
}

.rc-grouptitle {
   clear:left; 
   float:left;
   width:100%; 
   text-align:left;
   font-size:1.1em;
   font-weight: bold;
}
.rc-data, rc-data-single {
   float:left;
   margin-left:15px;
   width:530px;
}

ul.rc-data, ol.rc-data
{  
   margin-bottom:15px;
   margin-right:5px;
   -webkit-column-count:2; 
   -moz-column-count: 2; 
   column-count: 2;
   -webkit-column-width: 235px; 
   -moz-column-width: 235px; 
   column-width: 235px;
}

ul.rc-data-single, ol.rc-data-single
{  
   margin-bottom:15px;
   margin-right:5px;
}

li.rc-data
{
    margin-left:20px;  
    width:200px;

}

.rc-comment {
   float:left; 
   margin-left: 15px; 
   max-width:   250px;
   font-style:  italic;
}

.rc-matrix-data {
   margin-left:15px;
   width:180px;
   margin-bottom:15px;
   vertical-align:top;
}

ul.rc-option {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin-top: 7px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

li.rc-option {
    padding-left: 16px;
}

li.rc-standard:before {
    content: "☐"; /* Insert content that looks like bullets */
    padding-right: 8px;
}

li.rc-standard {
   color:DimGray;
}

li.rc-selected:before {
    content: "☑"; /* Insert content that looks like bullets */
    padding-right: 8px;
}

li.rc-selected {
   font-weight: bold;
}

li.rc-spec:before {
    content: "☑"; /* Insert content that looks like bullets */
    padding-right: 8px;
}

li.rc-spec {
   color:DarkBlue;
   font-weight: bold;
}

.iamc-input{
   padding-right:30px;
   lineheight: 3;
}

.iamc-listbox{
   min-width:220px !important;
   max-width:220px !important;
   padding:5px;
}