Difference between revisions of "Team:USTC-Software/css/style"

Line 1: Line 1:
 
#sideMenu {
 
#sideMenu {
−
display: none
+
    display: none
 
}
 
}
 +
#menu {
 +
    position: fixed;
 +
    z-index: 3000;
 +
    left: 7%;
 +
    top:20%;
 +
}
 +
 +
#menu ul li {
 +
    height: 30px;
 +
    line-height:30px;
 +
    padding-left:10px;
 +
    border-left: solid #c2c2c2 5px;
 +
}
 +
 +
#menu ul li a{
 +
    display: block;
 +
    font-size: 15px;
 +
    color: #c2c2c2;
 +
    width: 120px;
 +
    text-decoration: none;
 +
    outline:none;
 +
}
 +
 +
#menu ul li:hover {
 +
    border-left: solid #ef4c3c 5px;
 +
}
 +
 +
#menu .focused {
 +
    color: #ef4c3c;
 +
    font-size: 17px;
 +
}
 +
 +
/*.scroll-img{
 +
    position: fixed;
 +
    z-index: 3000;
 +
    width: 120px;
 +
    left: 115px;
 +
    bottom: 5%;
 +
}*/
  
  

Revision as of 13:18, 24 October 2017

  1. sideMenu {
   display: none

}

  1. menu {
   position: fixed;
   z-index: 3000;
   left: 7%;
   top:20%;

}

  1. menu ul li {
   height: 30px;
   line-height:30px;
   padding-left:10px;
   border-left: solid #c2c2c2 5px;

}

  1. menu ul li a{
   display: block;
   font-size: 15px;
   color: #c2c2c2;
   width: 120px;
   text-decoration: none;
   outline:none;

}

  1. menu ul li:hover {
   border-left: solid #ef4c3c 5px;

}

  1. menu .focused {
   color: #ef4c3c;
   font-size: 17px;

}

/*.scroll-img{ 

   position: fixed;
   z-index: 3000;
   width: 120px;
   left: 115px;
   bottom: 5%;

}*/


.item ul li { 

   float:left;
   margin-right:10px;
   margin-bottom:10px;
   display:inline;
   overflow:hidden;
   position:relative;

}

.item ul li .photo { 

   width:200px;
   height:200px;
   overflow:hidden;
   background-color: darkgray;

}

.item .rsp { 

   width:200px;
   height:200px;
   overflow:hidden;
   position: absolute;
   background:#000;
   top:0;
   left:0;

}

.item .text { 

   position:absolute;
   width:200px;
   height:200px;
   left:-200px;
   top:0;
   overflow:hidden;

}

.item .text a { 

   text-decoration:none

}

.item .text p { 

   color:#FFFFFF;
   font-size:18px;

}

.item .box { 

   padding:10px 0px 10px 0px;
   border-top: solid;
   border-left: solid;
   border-width:1px;
   border-color: #f1f1f1;
   box-shadow: 2px 2px 1px #e1e1e1;
   margin-left: 20px;

}

.item .img { 

   width: 160px;
   height: 160px;
   border-radius: 160px;
   text-align: center;
   border: solid;
   border-width:1px;"

}

.item h3 { 

   text-align: center;
   border-top: solid;
   font-size:15px;
   border-color: #e1e1e1;
   border-width:1px;
   padding:8px 0 8px;
   margin: 0px 0 0px;

}

.item h5 { 

   height: 50px;
   overflow: hidden;
   text-align: center;
   border-top: solid;
   border-color: #e1e1e1;
   border-width:1px;
   padding:22px 0 5px;
   margin: 0px 0 0px;

}

  1. theme-graph svg {
   filter: brightness(90%);

}

section,body { 

   min-width: 1020px;

}