Difference between revisions of "Team:Utrecht/css/styling"

Line 37: Line 37:
 
border-radius:10px;
 
border-radius:10px;
 
}
 
}
 +
 +
body{
 +
background-color: #B2B2B2;
 +
}
  
  
 
article{
 
article{
−
background-color:LightGreen;
 
 
}
 
}
  
Line 61: Line 64:
 
  padding: 10px;
 
  padding: 10px;
 
  }
 
  }
 +
 +
 +
 +
.topnav {
 +
  overflow: hidden;
 +
  background-color: #333;
 +
}
 +
 +
.topnav a {
 +
  float: left;
 +
  color: #f2f2f2;
 +
  text-align: center;
 +
  padding: 14px 16px;
 +
  text-decoration: none;
 +
  font-size: 17px;
 +
}
 +
 +
.topnav a:hover {
 +
  background-color: #ddd;
 +
  color: black;
 +
}
 +
 +
.topnav a.active {
 +
  background-color: #ff0000;
 +
  color: white;
 +
}

Revision as of 11:53, 1 June 2018

ul { list-style-image: none; }

  1. content {

width: 100%; margin: 0; padding: 0; background: none; }

  1. bodyContent a[href ^="https://"], .link-https {
   background: whitesmoke;
   padding: 5px 0;

}

  1. HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page p{

font-family: "Century Gothic"; }

  1. bodyContent h3, #bodyContent h4, #bodyContent h5 {

margin-bottom: 0; padding: 0 5px; }

  1. top_title {

display: none; }

  1. intro {

color:Black; background-color:Yellow; }

header{ background-color:LightGreen; border-radius:10px; }

body{ background-color: #B2B2B2; }


article{ } 

#thumbnail {
display: block;
width: 150px;
height: 150px;
}

#thumbnail:hover + #title {
display: block;
}

#title {
display: none;
color: #ffffff;
background-color: #000000;
text-align: center;
width: 130px;
padding: 10px;
}


.topnav { 

 overflow: hidden;
 background-color: #333;

}

.topnav a { 

 float: left;
 color: #f2f2f2;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 font-size: 17px;

}

.topnav a:hover { 

 background-color: #ddd;
 color: black;

}

.topnav a.active { 

 background-color: #ff0000;
 color: white;

}