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

From Jaroussky Wiki
Jump to navigation Jump to search
 
Line 36: Line 36:


/*general table layout*/
/*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 {
    border-collapse:collapse;
    table-layout:fixed;
    text-align: left;
    font-size: small;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 500px;
}
td{ 
    border:0px solid #ccc;
    padding:0px 0px;
    vertical-align:top;
    word-break:break-word;
}
/* Sacred or secular? */
.sacred {
  border: 2px solid #eaeaea;
  max-width: 500px;
}
.secular {
  border: 2px solid #c2c2c2;
  max-width: 500px;
}
/*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 {
  color: white;
  background-color: #009DD4;
  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
*/

Revision as of 14:39, 26 September 2021

/* 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. */
/*This sets the left margin and makes the element float. After the div element, it has to be closed by {{Clear|left}} */

.libretto {
    margin-left: 0.5em;
    float:left;
    padding-top:0.6em; /*to make up for the grey border around the Ancient language text.*/
    padding-left: 0.5em;
    padding-right: 0.5em;

}

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

.languagedesignation {
    font-size: small;
    font-style: oblique;
    color: grey;
    text-indent: 1em;
    vertical-align:bottom;
    
}

.verticaloffset {
   position: static;
   vertical-align:top;
}

/*general table layout*/
Retrieved from ‘https://jarousskywiki.com/index.php?title=Template:Custom/pjwiki.css&oldid=6076’