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

Line 16: Line 16:
 
#intro {
 
#intro {
 
color:Black;
 
color:Black;
−
background-color:#B2B2B2;
+
background-color:Yellow;
−
        padding: 10px;
+
 
}
 
}
  
−
img{
 
−
        margin: 0px;
 
−
}
 
  
 
body{
 
body{
−
background-color: #333;
+
background-color: #B2B2B2;
−
        padding: 0;
+
font-family: Arial, Helvetica, sans-serif;
−
        margin: 0;
+
font-size: 14px;
 +
width: 1322px;
 +
@charset 'UTF-8
 
}
 
}
  
 +
img{
 +
float:left;
 +
}
  
−
article{
+
#story{
−
        background-color:#B2B2B2;
+
width: 420px;
−
        padding-left: 10;
+
color: #333;
 +
border: 1px solid #ccc;
 +
background:#CCC8B3;
 +
margin: 0px 0px 5px 0px;
 +
padding: 10px;
 +
height: 579px;
 +
float:left;
 
}
 
}
  
−
#thumbnail {
 
−
display: block;
 
−
width: 150px;
 
−
height: 150px;
 
−
}
 
−
 
−
#thumbnail:hover + #title {
 
−
display: block;
 
−
}
 
−
 
 
  #title {
 
  #title {
 
  display: none;
 
  display: none;
Line 56: Line 53:
 
   
 
   
  
 +
#content {
 +
 +
width: 1300px;
 +
color: #333;
 +
border: 1px solid #ccc;
 +
background:#CCC8B3;
 +
margin: 0px 0px 5px 0px;
 +
padding: 10px;
 +
float:left;
 +
}
 +
#footer {
 +
color: #333;
 +
width: 1300px;
 +
border: 1px solid #ccc;
 +
background-color:#F3F2ED;
 +
margin: 0px 0px 10px 0px;
 +
padding: 10px;
 +
float: bottom;
 +
}
 
   
 
   
 
.topnav {
 
.topnav {

Revision as of 13:43, 29 June 2018

ul { list-style-image: none; }

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

background-color: none; 

       padding: 0;

}

  1. top_title {

display: none; }

  1. intro {

color:Black; background-color:Yellow; }


body{ background-color: #B2B2B2; font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 1322px; @charset 'UTF-8 }

img{ float:left; }

  1. story{

width: 420px; color: #333; border: 1px solid #ccc; background:#CCC8B3; margin: 0px 0px 5px 0px; padding: 10px; height: 579px; float:left; } 

#title {
display: none;
color: #ffffff;
background-color: #000000;
text-align: center;
width: 130px;
padding: 10px;
}
  1. content {
width: 1300px;
color: #333;
border: 1px solid #ccc;
background:#CCC8B3;
margin: 0px 0px 5px 0px;
padding: 10px;
float:left;

}

  1. footer { 
color: #333;
width: 1300px;
border: 1px solid #ccc;
background-color:#F3F2ED;
margin: 0px 0px 10px 0px;
padding: 10px;
float: bottom;

}

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

}