Difference between revisions of "Template:Custom/pjwiki.css"

From Jaroussky Wiki
Jump to navigation Jump to search
 
 
(66 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* The purpose of this template is to define the box colours as variables so they can be set globally in case we change our minds over the layout or colour scheme. */
/* The purpose of this CSS is to consistently style the libretto area on the individual song pages.*/
/*This sets the left margin and makes the element float. After the div element, it has to be closed by {{Clear|left}} */
/* This sets the left margin and makes the element float. After the div element, it has to be closed by {{Clear|left}} */
/* It has to be included via <templatestyles src="Custom/pjwiki.css" /> somewhere on the page it is supposed to work in. Exception: It is already included by the use of Template:Libretti */


.libretto {
.libretto {
    vertical-align: top;   
    margin-top: 0em;
     margin-left: 0.5em;
     margin-left: 0.5em;
    float:left;
     padding-top: 0em;  
     padding-top:0.6em; /*to make up for the grey border around the Ancient language text.*/
     padding-left: 0.5em;
     padding-left: 0.5em;
     padding-right: 0.5em;
     padding-right: 0.5em;
 
    max-width: 32em;
    min-width: 20em;
}
}


.originallibretto {
.wrapperlibretti {
     margin-left: 0.5em;
    vertical-align: top;   
     float:left;
     margin-top: -3em;
     padding-top:0.5em; /*to make up for the grey border around the Ancient language text*/
     margin-left: 0em;
     padding-left: 0.5em;
     padding-top: 0em;  
     padding-right: 0.5em;
     padding-left: 0em;
     background-color: #f8f9fa;
     padding-right: 0em;
    border:1px solid #a2a9b1;
     min-width: 15em;
}
}


Line 25: Line 28:
     font-style: oblique;
     font-style: oblique;
     color: grey;
     color: grey;
     text-indent: 1em;
     text-indent: 0em;
     vertical-align:bottom;
     text-align:left;     
      
}
}


.verticaloffset {
.flagbox {
   position: static;
   position: static;
   vertical-align:top;
   vertical-align:top;
}
  text-align:left;
 
/*general table layout*/


.songinfohead {
    border-collapse:collapse;
    table-layout:fixed;
    text-align: left; 
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 500px;
}
}


.songinfobox {
.footnotes {
    border-collapse:collapse;
  font-size: small;
    table-layout:fixed;
    text-align: left;
    font-size: small;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 500px;
}
}


td{  
.poem {
     border:0px solid #ccc;
     vertical-align: top;  
     padding:0px 0px;
     margin-top: 1em;
    vertical-align:top;
     margin-left: 1em;
     word-break:break-word;
}
}


/* Sacred or secular? */
/* Custom table for the styling of Opera and concert casts of singers and orchestra. */


 
.casttable table {  
.sacred {
    margin-top: 0.5em;
  border: 2px solid #eaeaea;
    margin-bottom: 0.5em;
  max-width: 500px;
}
}


.secular {
.casttable td {
  border: 2px solid #c2c2c2;
    border-bottom: 1px solid #ddd;
  max-width: 500px;
    padding: 0.2em;
}
    font-size: small;
 
/*Which century?*/
 
.fifteenth {
  background-color: #DBF1F9;
}
 
 
.sixteenth {
  color: white;
  background-color: #B6E3F3;
  margin: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
}
 
.seventeenth {
  background-color: #92D5ED;
  max-width: 500px;
}
 
/*.eighteenth {
  background-color: #6DC7E6;
  max-width: 500px;
}*/
.eighteenth {
  max-width: 500px;
  background: radial-gradient(circle, rgba(109,199,230,1) 0%, rgba(148,233,188,1) 100%);
} 
.nineteenth {
  color: white;
  background-color: #49B9E0;
  margin: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
}
 
.twentieth {
  color: white;
  background-color: #24ABDA;
  margin: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
}
}


.twentyfirst {
.casttable th {
  color: white;
    text-align:left;
  background-color: #009DD4;
    padding: 0.8em;
  margin: 10px;
  width: 50px;
  height: 50px;
  display: inline-block;
}
}
/*
sacred-border = #eaeaea
secular-border = #c2c2c2
15th-century-color #DBF1F9
16th-century-color: #B6E3F3
17th-century-color: #92D5ED
18th-century-color: #6DC7E6
19th-century-color: #49B9E0
20th-century-color: #24ABDA
21th-century-color: #009DD4
*/

Latest revision as of 13:34, 8 October 2021

/* The purpose of this CSS is to consistently style the libretto area on the individual song pages.*/
/* This sets the left margin and makes the element float. After the div element, it has to be closed by {{Clear|left}} */
/* It has to be included via <templatestyles src="Custom/pjwiki.css" /> somewhere on the page it is supposed to work in. Exception: It is already included by the use of Template:Libretti */

.libretto {
    vertical-align: top;    
    margin-top: 0em;
    margin-left: 0.5em;
    padding-top: 0em; 
    padding-left: 0.5em;
    padding-right: 0.5em;
    max-width: 32em;
    min-width: 20em;
}

.wrapperlibretti {
    vertical-align: top;    
    margin-top: -3em;
    margin-left: 0em;
    padding-top: 0em; 
    padding-left: 0em;
    padding-right: 0em;
    min-width: 15em;
}

.languagedesignation {
    font-size: small;
    font-style: oblique;
    color: grey;
    text-indent: 0em;
    text-align:left;     
}

.flagbox {
   position: static;
   vertical-align:top;
   text-align:left;

}

.footnotes {
   font-size: small;
}

.poem {
    vertical-align: top;    
    margin-top: 1em;
    margin-left: 1em;
}

/* Custom table for the styling of Opera and concert casts of singers and orchestra. */

.casttable table {    
     margin-top: 0.5em;
     margin-bottom: 0.5em;
}

.casttable td {
    border-bottom: 1px solid #ddd;
    padding: 0.2em;
    font-size: small;
}

.casttable th {
    text-align:left;  
    padding: 0.8em;
}
Retrieved from ‘https://jarousskywiki.com/index.php?title=Template:Custom/pjwiki.css&oldid=9126’