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

Line 5: Line 5:
 
#content {
 
#content {
 
         width : 100%;
 
         width : 100%;
        heigth : 100%;
 
 
         margin: auto;
 
         margin: auto;
 
padding: 0;
 
padding: 0;
 
background: none;
 
background: none;
}
 
 
#bodyContent a[href ^="https://"], .link-https {
 
    background: whitesmoke;
 
    padding: 5px 0;
 
}
 
 
#HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page p{
 
font-family: "Century Gothic";
 
}
 
 
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
 
margin-bottom: 0;
 
padding: 0 5px;
 
 
}
 
}
  

Revision as of 14:10, 1 June 2018

ul { list-style-image: none; }

  1. content {
       width : 100%;
       margin: auto;

padding: 0; background: none; }

  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;

}