Team:XMU-China/css/buttonCss

/*carousel*/ .wrapone{ background-color: rgba(7,17,27,.5); opacity: 0.8; position: absolute; left: 0px; top: 0px; width: 25%; z-index: 1; } a:visited { 

  color: #FFF;

} a:visited { 

  color: #FFF;

} .carousel-inner{ background-color:#FFF; margin-bottom:10px; } .carousel-inner .item{ height:100%; padding-bottom:10px; } .carousel img{ 

   width: 100%;

}

.carousel-control.right { 

   right: 0;
   left: auto;
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
   background-repeat: repeat-x;

} .carousel-control.left { 

   left:25%;
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
   background-repeat: repeat-x;

} .carousel-control { 

   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 15%;
   font-size: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
   background-color: rgba(0, 0, 0, 0);
   filter: alpha(opacity=50);
   opacity: .5;

}

/*button*/ 

#big .row{
   margin-left:4%;
   width:92%;

}

  1. big .btn a{
   color:#333;
   height:46px;
   width:46px;

}

  1. medium .btn a{
   color:#333;
   height:46px;
   width:46px;

}

  1. medium .col-xs-4{
  padding:50px;

}

  1. small .btn a{
   color:#333;
   height:36px;
   width:36px;

}

.btn a:visited{ 

  color:#333;

}

body{ 

   margin:0;
   padding:0;

}

  1. big .link .icon, #medium .link .icon{

display:inline-block; width:100%; 

       height:120px;

transition:0.2s ease-out; -moz-transition:0.2s ease-out; -webkit-transition:0.2s ease-out; -o-transition:0.2s ease-out; 

       font-smoothing:antialiased;
       -webkit-font-smoothing:antialiased;
       -moz-font-smoothing:antialiased;
       -o-font-smoothing:antialiased;

}

  1. small .link .icon{

display:inline-block; width:100%; 

       height:110px;

transition:0.2s ea1se-out; -moz-transition:0.2s ease-out; -webkit-transition:0.2s ease-out; -o-transition:0.2s ease-out; 

       font-smoothing:antialiased;
       -webkit-font-smoothing:antialiased;
       -moz-font-smoothing:antialiased;
       -o-font-smoothing:antialiased;

}

.link-project .icon{ background:url(T--XMU-China--icon1_and_.jpg) no-repeat center center; }

.link-interlab .icon{ background:url(T--XMU-China--icon2_and_.jpg) no-repeat center center; } .link-humanpractice .icon{ background:url(T--XMU-China--icon3_and_.jpg) no-repeat center center; } .link-judging .icon{ background:url(T--XMU-China--icon4_and_.jpg) no-repeat center center; } .link-notebooks .icon{ background:url(T--XMU-China--icon5_and_.jpg) no-repeat center center; } .link-team .icon{ background:url(T--XMU-China--icon6_and_.jpg) no-repeat center center; } .link .icon:hover{ transform:rotate(360deg) scale(1.2); -ms-transform:rotate(360deg) scale(1.2); -moz-transform:rotate(360deg) scale(1.2); -webkit-transform:rotate(360deg) scale(1.2); -o-transform:rotate(360deg) scale(1.2); }

  1. big .buttonme, #medium .buttonme{
      font-size:19px;
       width:140px;

height:50px; line-height:50px; 

       padding-left:7px;

}

  1. small .buttonme{
      font-size:17px;
       width:140px;

height:40px; line-height:40px; 

       padding-left:7px;

}

.buttonme{ display:block; text-decoration:none; font-family:'Blue_High_Way'; font-weight:bolder; margin:0 auto; position:relative; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; -o-transition:0.4s ease; } .link-project .buttonme { 

    background:url(T--XMU-China--arrownew1_and_.png) no-repeat 84px center;
     border:2px solid rgba(224,102,255,0.7);

}

.link-interlab .buttonme{ 

      background:url(T--XMU-China--arrownew2_and_.png) no-repeat 84px center;
     border:2px solid rgba(30,144,255,0.7);

}

.link-humanpractice .buttonme { 

     background:url(T--XMU-China--arrow_and_.png) no-repeat 84px center;    
     border:2px solid rgba(0,255,127,0.7);

}

.link-judging .buttonme { 

      background:url(T--XMU-China--arrownew4_and_.png) no-repeat 84px center;
      border:2px solid rgba(0,191,255,0.7);

}

.link-notebooks .buttonme{ 

     background:url(T--XMU-China--arrownew5_and_.png) no-repeat 84px center;
     border:2px solid rgba(255,165,0,0.7);

} .link-team .buttonme{ 

     background:url(T--XMU-China--arrownew6_and_.png) no-repeat 84px center;
     border:2px solid rgba(238,99,99,0.7);

}

.buttonme:hover{ border:2px solid rgba(255,255,255,1); background-position:92px center; } .buttonme .line{ display:block; position:absolute; background:none; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; -o-transition:0.4s ease; } .link-project .buttonme:hover .line{ background:rgba(224,102,255,1); } .link-interlab .buttonme:hover .line{ background:rgba(30,144,255,1); } .link-humanpractice .buttonme:hover .line{ background:rgba(0,255,127,1); } .link-judging .buttonme:hover .line{ background:rgba(0,191,255,1); } .link-notebooks .buttonme:hover .line{ background:rgba(255,165,0,1); } .link-team .buttonme:hover .line{ background:rgba(238,99,99,1); } .buttonme .line-top{ height:2px; width:0; left:-110%; top:-2px; } .buttonme:hover .line-top{ 

   width:102%;

left:-2px; } .buttonme .line-right{ 

   width:2px;

height:0; right:-2px; top:-110%; } .buttonme:hover .line-right{ 

   height:105%;

top:-2px; } .buttonme .line-bottom{ 

   width:2px;

height:0; left:-2px; bottom:-27%; } .buttonme:hover .line-bottom{ 

   height:104%;

bottom:-2px; } .buttonme .line-left{ 

   width:0;

height:2px; bottom:-2px; right:-42%; } .buttonme:hover .line-left{ 

   width:102%;

right:-2px; } a:hover{ 

   text-decoration:none;

} .link-project a:visited{ 

   color:rgba(224,102,255,1);

} .link-project a{ 

   color:rgba(224,102,255,1);

} .link-interlab a:visited{ 

   color:rgba(30,144,255,1);

} .link-interlab a{ 

   color:rgba(30,144,255,1);

} .link-humanpractice a:visited{ 

   color:rgba(0,255,127,1);

}

.link-humanpractice a{ 

   color:rgba(0,255,127,1);

}

.link-judging a:visited{ 

   color:rgba(0,191,255,1);

}

.link-judging a{ 

   color:rgba(0,191,255,1);

}

.link-notebooks a:visited{ 

   color:rgba(255,165,0,1);

}

.link-notebooks a{ 

   color:rgba(255,165,0,1);

}

.link-team a:visited{ 

   color:rgba(238,99,99,1);

}

.link-team a{ 

   color:rgba(238,99,99,1);

}