Periyodik Tablonun CSS Kısmı

CSS Kısmı (Periyodik Tablo)

 body
 {
    font-size: 16px; background: url('resim3.jpg');
     background-repeat: no-repeat; color:white;
}
section
{
    width: 1500px; max-width: 90%; margin: 0px auto; color:white;
}
#container
{
    width: 1400px; color:white;
}
.box
{
    border: 3px solid black;  max-width: 50px; max-height: 50px; color:white;
    padding: 10px; line-height: 50px;  text-align: center;  font-size: 1.63em;
}

#panelOne
{
    float: left; color:white; background-color: lightblue; margin-top: 80px; margin-left: 180px;
}
#panelOne:hover
{
    font-style: italic; background-color: blue; opacity: 0.8;
}

#panelTwo
{
    float: left; position: relative; top: 75px; color:white; background-color: lightblue; margin-top: 80px;
}
#panelTwo:hover
{
    font-style: italic; background-color: blue; opacity: 0.8;
}

.panelThree
{
    float: left; position: relative; top: 225px; color:white; background-color: pink; margin-top: 80px;
}
.panelThree:hover
{
    font-style: italic; background-color: red; opacity: 0.8;
}

.panelFour
{
    float: left; position: relative; top: 75px; color:white; background-color: orange; margin-top: 80px;
}
.panelFour:hover
{
    font-style: italic; background-color: brown; opacity: 0.8;
}

#panelFive
{
    float: left; color:white; background-color: orange; margin-top: 80px;
}
#panelFive:hover
{
   font-style: italic; background-color: brown; opacity: 0.8;
}

#lowerContainer
{
    float: left; margin-top: 20px; color:white; margin-left: 300px;
}

.bottom
{
    float: left; color:white; background-color: green;
}
.bottom:hover
{
    font-style: italic; background-color: darkgreen; opacity: 0.8;
}
a
{
    text-decoration: none;color:white;
}
#all1 a
{
    text-decoration: none; color: white;
}
#boxinf
{
    width: 10px; height: 10px; float: right; margin-right: 100px; font-size: 26px; font-style: bold;
}