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

Line 4: Line 4:
  
 
#content {
 
#content {
−
width: 100%;
+
width: 50%;
−
margin: auto;
+
margin: Auto;
 
padding: 0;
 
padding: 0;
 
background: none;
 
background: none;

Revision as of 14:04, 1 June 2018

ul { list-style-image: none; }

  1. content {

width: 50%; margin: Auto; 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:#C2B2B2; 

       width = auto;

}

body{ background-color: #333; }


article{ 

       background-color:#C2B2B2;

} 

#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;

}