Difference between revisions of "Team:Edinburgh OG/CSS:custom"

Line 1: Line 1:
 
a.btn-active {
 
a.btn-active {
background: #333 !important;
+
  background: #333 !important;
}
+
}
  
a.btn-result {
+
a.btn-result {
float: left;
+
  float: left;
background: #d30200;
+
  background: #d30200;
border: none;
+
  border: none;
color: #fff;
+
  color: #fff;
padding: 25px 25px 25px 25px;
+
  padding: 25px 25px 25px 25px;
margin: 10px;
+
  margin: 10px;
font-size: 16px;
+
  font-size: 16px;
line-height: 1em;
+
  line-height: 1em;
text-transform: uppercase;
+
  text-transform: uppercase;
letter-spacing: normal;
+
  letter-spacing: normal;
border-radius: 0;
+
  border-radius: 0;
visibility: visible;
+
  visibility: visible;
animation-delay: 0.9s;
+
  animation-delay: 0.9s;
font-weight: 400;
+
  font-weight: 400;
width: 200px;
+
  width: 200px;
text-align: center;
+
  text-align: center;
}
+
}
  
div.btn-row {
+
div.btn-row {
margin-left: auto;
+
  margin-left: auto;
margin-right: auto;
+
  margin-right: auto;
width: 467px;;
+
  width: 467px;
height: 400px;
+
  ;
}
+
  height: 400px;
 +
}
  
 
a[href ^="https://"] {
 
a[href ^="https://"] {
padding: 0 !important;
+
  padding: 0 !important;
 
}
 
}
  
a.btn-ref { background: #d30200;
+
a.btn-ref {
  border: none;
+
  background: #d30200;
  color: #fff;
+
  border: none;
  padding: 10px 15px;
+
  color: #fff;
  margin-top: 30px;
+
  padding: 10px 15px;
  font-size: 16px;
+
  margin-top: 30px;
  font-size: 13px;
+
  font-size: 16px;
  line-height: 1em;
+
  font-size: 13px;
  text-transform: uppercase;
+
  line-height: 1em;
  letter-spacing: normal;
+
  text-transform: uppercase;
  border-radius: 0;
+
  letter-spacing: normal;
  visibility: visible;
+
  border-radius: 0;
  animation-delay: 0.9s;
+
  visibility: visible;
 +
  animation-delay: 0.9s;
 
   font-weight: 400;
 
   font-weight: 400;
 
}
 
}
  
div.div-eq > img {
+
div.div-eq>img {
display: block;
+
  display: block;
    height: 65px;
+
  height: 65px;
 
   margin-left: auto;
 
   margin-left: auto;
 
   margin-right: auto;
 
   margin-right: auto;
    margin-top: 15px;
+
  margin-top: 15px;
    margin-bottom: 15px;
+
  margin-bottom: 15px;
 
}
 
}
  
 
div.div-eq {
 
div.div-eq {
margin: auto;
+
  margin: auto;
 
}
 
}
  
 
a.btn-back {
 
a.btn-back {
background: #333;
+
  background: #333;
    border: none;
+
  border: none;
    color: #fff;
+
  color: #fff;
    padding: 10px 15px;
+
  padding: 10px 15px;
    margin-top: 30px;
+
  margin-top: 30px;
    font-size: 16px;
+
  font-size: 16px;
    font-size: 13px;
+
  font-size: 13px;
    line-height: 1em;
+
  line-height: 1em;
    text-transform: uppercase;
+
  text-transform: uppercase;
    letter-spacing: normal;
+
  letter-spacing: normal;
    border-radius: 0;
+
  border-radius: 0;
    visibility: visible;
+
  visibility: visible;
    animation-delay: 0.9s;
+
  animation-delay: 0.9s;
 
}
 
}
  
 
p.team_text {
 
p.team_text {
font-size: 14px !important;
+
  font-size: 14px !important;
 
}
 
}
  
ul.results > li {
+
ul.results>li {
    list-style: disc;
+
  list-style: disc;
 
}
 
}
  
 
div.learned {
 
div.learned {
    padding: 0px 30px 20px 10px;
+
  padding: 0px 30px 20px 10px;
    border: dashed 1px #d30200;
+
  border: dashed 1px #d30200;
    margin-top: 25px;
+
  margin-top: 25px;
 
}
 
}
  
 
div#groupparts {
 
div#groupparts {
   margin:auto;
+
   margin: auto;
 
}
 
}
  
 
#HQ_page p {
 
#HQ_page p {
 
   font-size: 15px;
 
   font-size: 15px;
  line-height: 24px;
+
  line-height: 24px;
 
}
 
}
  
Line 128: Line 130:
  
 
p.fig-title {
 
p.fig-title {
   color: black !important;  
+
   color: black !important;
 
   font-size: 14px!important;
 
   font-size: 14px!important;
 
}
 
}
Line 158: Line 160:
 
   margin: 0;
 
   margin: 0;
 
}
 
}
 
  
 
/*Temporary style to fix the outlook on other pages*/
 
/*Temporary style to fix the outlook on other pages*/
 
  
 
/*div .column { width: 1170px; margin-right: auto; margin-left: auto; padding-bottom: 30px; }*/
 
/*div .column { width: 1170px; margin-right: auto; margin-left: auto; padding-bottom: 30px; }*/
Line 200: Line 200:
 
}
 
}
  
div.div-fig > p {
+
div.div-fig>p {
   color:black;
+
   color: black;
   font-size:14px;
+
   font-size: 14px;
 
}
 
}
  
div.div-fig > img {
+
div.div-fig>img {
 
   max-width: 100%;
 
   max-width: 100%;
 
   margin-top: 10px;
 
   margin-top: 10px;

Revision as of 00:43, 2 November 2017

a.btn-active {

 background: #333 !important;

}

a.btn-result {

 float: left;
 background: #d30200;
 border: none;
 color: #fff;
 padding: 25px 25px 25px 25px;
 margin: 10px;
 font-size: 16px;
 line-height: 1em;
 text-transform: uppercase;
 letter-spacing: normal;
 border-radius: 0;
 visibility: visible;
 animation-delay: 0.9s;
 font-weight: 400;
 width: 200px;
 text-align: center;

}

div.btn-row {

 margin-left: auto;
 margin-right: auto;
 width: 467px;
 ;
 height: 400px;

}

a[href ^="https://"] {

 padding: 0 !important;

}

a.btn-ref {

 background: #d30200;
 border: none;
 color: #fff;
 padding: 10px 15px;
 margin-top: 30px;
 font-size: 16px;
 font-size: 13px;
 line-height: 1em;
 text-transform: uppercase;
 letter-spacing: normal;
 border-radius: 0;
 visibility: visible;
 animation-delay: 0.9s;
 font-weight: 400;

}

div.div-eq>img {

 display: block;
 height: 65px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 15px;
 margin-bottom: 15px;

}

div.div-eq {

 margin: auto;

}

a.btn-back {

 background: #333;
 border: none;
 color: #fff;
 padding: 10px 15px;
 margin-top: 30px;
 font-size: 16px;
 font-size: 13px;
 line-height: 1em;
 text-transform: uppercase;
 letter-spacing: normal;
 border-radius: 0;
 visibility: visible;
 animation-delay: 0.9s;

}

p.team_text {

 font-size: 14px !important;

}

ul.results>li {

 list-style: disc;

}

div.learned {

 padding: 0px 30px 20px 10px;
 border: dashed 1px #d30200;
 margin-top: 25px;

}

div#groupparts {

 margin: auto;

}

  1. HQ_page p {
 font-size: 15px;
 line-height: 24px;

}

div #content {

 width: 100%;
 padding: 0px;
 border: none;
 color: black;
 margin-left: 0;
 margin-right: auto;
 background-color: #ffffff;
 position: relative;

}

div #top_title, #sideMenu {

 display: none;

}

div .container {

 margin-top: 15px;

}

.column>p {

 color: #727272;
 font-size: 15px !important;
 line-height: 24px;
 margin-bottom: 10px;

}

p.fig-title {

 color: black !important;
 font-size: 14px!important;

}

  1. HQ_page h1 {
 font-size: 30px;
 line-height: 1.1;
 color: #333;
 text-transform: uppercase;
 margin-bottom: 20px;
 font-weight: bold;

}

  1. HQ_page h2 {
 font-size: 26px;
 font-weight: 400;
 margin-bottom: 15px;
 text-transform: uppercase;
 color: #333;

}

  1. HQ_page h3 {
 font-size: 22px;
 font-weight: 300;
 color: #333;

}

  1. footer li {
 margin: 0;

}

/*Temporary style to fix the outlook on other pages*/

/*div .column { width: 1170px; margin-right: auto; margin-left: auto; padding-bottom: 30px; }*/

.column {

 padding: 20px 45px 0 45px;
 width: 1170px;
 margin-right: auto;
 margin-left: auto;
 padding-bottom: 30px;

}

.column.half_size {

 float: left;
 width: 50%;

}

.column ul {

 color: #727272;
 font-size: 15px;
 line-height: 24px;
 margin-bottom: 35px;
 font-weight: 300;

}

.column li {

 /*list-style-type: circle;*/

}

i {

 font-style: italic !important;

}

div.div-fig {

 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;

}

div.div-fig>p {

 color: black;
 font-size: 14px;

}

div.div-fig>img {

 max-width: 100%;
 margin-top: 10px;
 margin-bottom: 10px;
 display: block;
 margin-left: auto;
 margin-right: auto;

}