Difference between revisions of "Team:CHINA CD UESTC/Gallery"

Line 142: Line 142:
 
     display: block;
 
     display: block;
 
}
 
}
 +
 +
 +
 
.gallery-container label {
 
.gallery-container label {
    font-family: 'Microsoft yahei', 'Arial Narrow', Arial, sans-serif;
 
 
     width: 20%;
 
     width: 20%;
 
     height: 30px;
 
     height: 30px;
 
     padding: 10px;
 
     padding: 10px;
 
     cursor: pointer;
 
     cursor: pointer;
    color: #000000;
 
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
 
 
     line-height: 33px;
 
     line-height: 33px;
 
     font-size: 19px;
 
     font-size: 19px;
     background: #gallerygallerygallery;
+
 
     background: -moz-linear-gradient(top, #gallerygallerygallery 1%, #eaeaea 100%);
+
     color: rgba(255,255,255,1);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255, 255, 255)), color-stop(100%,#FFFFFF));
+
     text-decoration: none;
     background: -o-linear-gradient(top, #gallerygallerygallery 1%,#eaeaea 100%);
+
    background-color: rgba(219,87,5,1);
     background: -ms-linear-gradient(top, #gallerygallerygallery 1%,#eaeaea 100%);
+
     font-family: 'Yanone Kaffeesatz','Microsoft yahei';
     background: linear-gradient(top, #gallerygallerygallery 1%,#eaeaea 100%);
+
    display: block;
 +
    padding: 4px;
 +
    -webkit-border-radius: 8px;
 +
    -moz-border-radius: 8px;
 +
    border-radius: 8px;
 +
    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
 +
    -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
 +
     box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
 +
     text-align: center;
 +
           
 +
    -webkit-transition: all .3s ease;
 +
    -moz-transition: all .3s ease;
 +
     -ms-transition: all .3s ease;
 +
    -o-transition: all .3s ease;
 +
    transition: all .3s ease;
 +
 
 +
 
 
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#gallerygallerygallery', endColorstr='#eaeaea',GradientType=0 );
 
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#gallerygallerygallery', endColorstr='#eaeaea',GradientType=0 );
 
     float: left;
 
     float: left;
    box-shadow: 0px 0px 0px 1px #aaa, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 2px rgba(0,0,0,0.2);
 
 
}
 
}
 
.gallery-container label.gallery-label-type-all{
 
.gallery-container label.gallery-label-type-all{
Line 172: Line 187:
 
.gallery-container input.gallery-selector-type-2:checked ~ label.gallery-label-type-2,
 
.gallery-container input.gallery-selector-type-2:checked ~ label.gallery-label-type-2,
 
.gallery-container input.gallery-selector-type-3:checked ~ label.gallery-label-type-3{
 
.gallery-container input.gallery-selector-type-3:checked ~ label.gallery-label-type-3{
    background: #000000;
 
    background: -moz-linear-gradient(top, #646d93 0%, #7c87ad 100%);
 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646d93), color-stop(100%,#7c87ad));
 
    background: -o-linear-gradient(top, #646d93 0%,#7c87ad 100%);
 
    background: -ms-linear-gradient(top, #646d93 0%,#7c87ad 100%);
 
    background: linear-gradient(top, #646d93 0%,#7c87ad 100%);
 
 
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646d93', endColorstr='#7c87ad',GradientType=0 );
 
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646d93', endColorstr='#7c87ad',GradientType=0 );
     color: #FFE400;
+
      
     text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
+
 
     box-shadow: 0px 0px 0px 1px #40496e, 0 1px 2px rgba(0,0,0,0.1) inset;
+
 
}
+
     -webkit-box-shadow: 0px 3px 0px rgb(255, 177, 13), 0px 3px 6px rgba(0,0,0,.9);
 +
     -moz-box-shadow: 0px 3px 0px rgb(255, 177, 13), 0px 3px 6px rgba(0,0,0,.9);
 +
    box-shadow: 0px 3px 0px rgb(255, 177, 13), 0px 3px 6px rgba(0,0,0,.9);
 +
    background-color: rgba(255, 178, 29, 0.9);
 +
    color: rgb(255, 255, 255);}
 
.gallery-container input{
 
.gallery-container input{
 
     display: none;
 
     display: none;

Revision as of 06:16, 26 August 2015

<!DOCTYPE html>

GALLERY

  We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.