Difference between revisions of "Template:Uppsala/CSS"

Line 16: Line 16:
  
 
#panel {
 
#panel {
−
    background-color: ghostwhite;
 
−
    color: #34495e;
 
−
    padding: 50px;
 
−
    border-radius: 10px;
 
−
    transition: box-shadow 0.1s, background-color 0.1s, transform 0.1s;
 
−
}
 
−
 
−
#panel:hover {
 
 
     background-color: #2ecd70;
 
     background-color: #2ecd70;
 
     color: ghostwhite;
 
     color: ghostwhite;
 
     padding: 50px;
 
     padding: 50px;
 
     border-radius: 10px;
 
     border-radius: 10px;
−
     transition: box-shadow 0.1s, background-color 0.1s, transform 0.1s;
+
     transition: box-shadow 0.1s, transform 0.1s;
−
}
+
     -webkit-box-shadow: 0px 13px 0px 0px rgba(43, 191, 104, 1);
−
 
+
    -moz-box-shadow: 0px 13px 0px 0px rgba(43, 191, 104, 1);
−
#panel * {
+
     box-shadow: 0px 13px 0px 0px rgba(43, 191, 104, 1);
−
     transition: transform 0.1s;
+
    font-family: 'MS PGothic', Osaka, Arial, sans-serif;
−
}
+
−
 
+
−
#panel:active * {
+
−
     transform: translate(0px, 5px);
+
 
}
 
}
  
 
#panel:active {
 
#panel:active {
−
     -webkit-box-shadow: inset 5px 5px 0px 0px rgba(0, 0, 0, 0.2);
+
     -webkit-box-shadow: 0px 10px 0px 0px rgba(40, 177, 97, 1);
−
     -moz-box-shadow: inset 5px 5px 0px 0px rgba(0, 0, 0, 0.2);
+
     -moz-box-shadow: 0px 10px 0px 0px rgba(40, 177, 97, 1);
−
     box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.2);
+
     box-shadow: 0px 10px 0px 0px rgba(40, 177, 97, 1);
−
     background-color: 2ecd70;
+
     transform: translateY(3px);
 
}
 
}
  

Revision as of 13:43, 29 June 2016