Difference between revisions of "Template:Team:Lethbridge/assets/allpages.css"

 
(48 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
.bannerImg {max-width: 100%; height:auto;}
 
.bannerImg {max-width: 100%; height:auto;}
 
#slogan {text-align: center; font-size: calc(30px + 2vw) !important; line-height: calc(1.1em + 1.5vw) !important; font-weight: bold;}
 
#slogan {text-align: center; font-size: calc(30px + 2vw) !important; line-height: calc(1.1em + 1.5vw) !important; font-weight: bold;}
−
#allContent {margin-left: 15%; margin-right: 15%}
+
#allContent {font-family: Arial, sans-serif; margin-left: 5% !important; margin-right: 5%!important;}
  
 
h1, h2 {text-align: center; color: black !important}
 
h1, h2 {text-align: center; color: black !important}
Line 18: Line 18:
 
a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;}
 
a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;}
 
a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;}
 
a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;}
 +
 +
/*INLINE-BLOCK*/
 +
.contentDiv {display: inline-block;}
 +
#text60 {width: 60%; vertical-align:middle;}
 +
#text50 {width: 50%; vertical-align:middle;}
 +
#text40 {width: 40%; vertical-align:middle;}
 +
#text30 {width: 30%; vertical-align:middle;}
 +
#text25 {width: 25%; vertical-align:middle;}
  
 
/* former “pageText” */
 
/* former “pageText” */
 +
p.figure {font-size: calc(9px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: justify !important; width:99%; padding: 5px; font-weight: normal;}
 +
p.text9 {font-size: calc(9px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;}
 +
p.text10 {font-size: calc(10px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;}
 
p.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;}
 
p.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 5px; font-weight: normal;}
 +
p.text12j {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: justify !important; width:99%; padding: 5px; font-weight: normal;}
 
p.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 7px; font-weight: normal;}
 
p.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; padding: 7px; font-weight: normal;}
 
/* former “segment1” */
 
/* former “segment1” */
 
p.text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 
p.text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
p.text20j {font-size: calc(20px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: justify !important; width:99%; padding: 5px; font-weight: normal;}
 
/* former “segment2” */
 
/* former “segment2” */
 
p.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 
p.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 +
p.text26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
  
 
li.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; font-weight: normal;}
 
li.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; width:99%; font-weight: normal;}
Line 32: Line 46:
 
li.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
 
li.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
  
 +
th.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;}
 +
th#text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;}
 +
 +
th.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;}
 +
th#text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: bold;}
 +
 +
td.text10 {font-size: calc(10px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td.text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 
td.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 
td.text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td.text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td.text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td.text26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td.text34 {font-size: calc(34px + 1vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
 +
td#text10 {font-size: calc(10px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td#text12 {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td#text14 {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td#text18 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td#text22 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
td#text26 {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important; text-align: left !important; font-weight: normal;}
 +
  
 
#litRef {font-size: calc(9px + 0.5vw) !important;}
 
#litRef {font-size: calc(9px + 0.5vw) !important;}
 +
.litRef {font-size: calc(9px + 0.5vw) !important;}
 +
 +
/* ANCHOR BUTTONS */
 +
#anchorDiv {
 +
    position: -webkit-sticky; /* Safari */
 +
    position: sticky;
 +
    top: 0;
 +
    z-index-9998 !important;
 +
}
 +
 +
form {
 +
    padding-top: 10px;
 +
    display: inline-block;
 +
}
 +
   
 +
input.tealButton {
 +
    /*width: 300px;*/
 +
    padding: 10px;
 +
    cursor: pointer;
 +
    /*font-weight: bold;*/
 +
    font-family: Arial, sans-serif !important;
 +
    font-size: calc(11px + 0.5vw) !important;
 +
    background: #377b7e;
 +
    color: #fff;
 +
    border: 1px solid #377b7e;
 +
    border-radius: 5px;
 +
    box-shadow: 0 0 5px #377b7e;
 +
    }
 +
   
 +
input.tealButton:hover {
 +
    color: #ffffff;
 +
    background: #f5af3e;
 +
    border: 1px solid #f5af3e;
 +
}
 +
 +
/* TOP CIRCLE */
 +
.circleTop {
 +
  width: 60px;
 +
  height: 60px;
 +
  border-radius: 50%;
 +
  font-size: 20px;
 +
  color: #fff;
 +
  line-height: 55px;
 +
  text-align: center;
 +
  background: #f5af3e;
 +
  opacity: 0.75;
 +
  position: fixed;
 +
  bottom: 0;
 +
right: 0;
 +
}
 +
 +
.circleTop a {
 +
    text-decoration: none;
 +
    color: white;
 +
    vertical-align: middle;
 +
    text-align: center;
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 03:38, 2 November 2017