Difference between revisions of "Team:Nanjing-China/CSS:design"

 
Line 230: Line 230:
 
visibility: visible;
 
visibility: visible;
 
}
 
}
−
.play{
+
 
 +
#b .play{
 
position:absolute;
 
position:absolute;
 
left:80%;
 
left:80%;
 
top:100px;
 
top:100px;
 +
width:60px;
 +
height:40px;
 +
line-height:40px;
 +
z-index:5;
 +
padding:2px;
 +
alignment-adjust: central;
 +
background-color:rgba(51,102,0,0.4);
 +
border:rgba(153,153,153,1) 3px groove;
 +
border-radius:8px;
 +
  
 
}
 
}
  
−
.stop{
+
#b .stop{
 
position:absolute;
 
position:absolute;
 
left:80%;
 
left:80%;
 
top:200px;
 
top:200px;
 +
width:60px;
 +
height:40px;
 +
line-height:40px;
 +
z-index:5;
 +
padding:2px;
 +
alignment-adjust: central;
 +
background-color:rgba(51,102,0,0.4);
 +
border:rgba(153,153,153,1) 3px groove;
 +
border-radius:8px;
 +
 
}
 
}
−
.play{
+
#b2 .play{
 
position:absolute;
 
position:absolute;
 
left:80%;
 
left:80%;
Line 259: Line 280:
 
}
 
}
  
−
.stop{
+
#b2 .stop{
 
position:absolute;
 
position:absolute;
 
left:80%;
 
left:80%;
Line 274: Line 295:
  
 
}
 
}
−
 
 
#b .play:hover {
 
#b .play:hover {
 
         background-color:rgba(51,102,0,0.8);
 
         background-color:rgba(51,102,0,0.8);

Latest revision as of 10:05, 15 October 2018

  1. Layer1 {

position:absolute; left:0; top:0; z-index:1; width: 140px; visibility: hidden; height: 115px; }

  1. Layer2 {

position:absolute; left:0; top:0; width:150px; z-index:1; height: 115px; visibility: visible; }

  1. Layer3 {

position:absolute; left:54px; top:24px; width:40; z-index:2; visibility: hidden; }

  1. Layer4 {

position:absolute; left:279px; top:40px; width:160px; height:56px; z-index:3; visibility: visible; }

  1. Layer5 {

position:absolute; left:155px; top:167px; width:30; z-index:3; visibility: visible; }

  1. Layer6 {

position:absolute; left:352px; top:70px; width:50px; z-index:3; height: 50px; visibility: visible; }

  1. Layer7 {

position:absolute; left:367px; top:43px; width:70; z-index:3; height: 72px; visibility: visible; }

  1. Layer8 {

position:absolute; left:312px; top:24px; width:184px; z-index:2; height: 106px; visibility: visible; }

  1. Layer-all1 {

position:absolute; left:0; top:0; width:108px; height:64px; z-index:6; visibility: hidden; }

  1. Layer11 {

position:absolute; left:19px; top:74px; width:141px; height:86px; z-index:1; visibility: hidden; }

  1. Layer12 {

position:absolute; left:32px; top:68px; z-index:2; width: 60px; visibility: visible; }

  1. Layer13 {

position:absolute; left:82px; top:81px; z-index:2; width: 100px; height: 62px; visibility: visible; }

  1. Layer14 {

position:absolute; left:0px; top:50px; width:98px; height:76px; z-index:1; visibility: visible; }

  1. Layer15 {

position:absolute; left:148px; top:29px; width:130; z-index:2; height: 49px; visibility: visible; }

  1. Layer16 {

position:absolute; left:-5; top:55; width:171px; height:130px; z-index:2; visibility: visible; }

  1. Layer17 {

position:absolute; left:168px; top:158px; z-index:2; width: 130px; height: 67px; visibility: visible; }

  1. Layer18 {

position:absolute; left:0px; top:30px; z-index:2; width: 200px; height: 172px; visibility: visible; }

  1. Layer-all2 {

position:absolute; left:0; top:0; z-index:3; width: 500px; height: 308px; visibility: hidden; }

  1. Layer21 {

position:absolute; left:0px; top:120px; z-index:1; width: 200px; height: 125px; visibility: hidden; }

  1. Layer22 {

position:absolute; left:24px; top:101px; width:179px; height:74px; z-index:2; visibility: hidden; }

  1. Layer23 {

position:absolute; top:118px; width:200px; z-index:2; left: -5px; height: 169px; visibility: hidden; }

  1. Layer24 {

position:absolute; left:206px; top:87px; width:60px; z-index:2; height: 131px; visibility: visible; }

  1. Layer25 {

position:absolute; left:-9px; top:108px; width:206px; height:103px; z-index:2; visibility: visible; }

  1. Layer26 {

position:absolute; left:183px; top:10px; width:208px; height:166px; z-index:2; visibility: visible; }

  1. Layer27 {

position:absolute; left:192px; top:136px; width:114px; z-index:2; visibility: hidden; }

  1. Layer28 {

position:absolute; left:170px; top:138px; width:150px; z-index:3; height: 91px; visibility: visible; }

  1. b .play{

position:absolute; left:80%; top:100px; width:60px; height:40px; line-height:40px; z-index:5; padding:2px; alignment-adjust: central; background-color:rgba(51,102,0,0.4); border:rgba(153,153,153,1) 3px groove; border-radius:8px;


}

  1. b .stop{

position:absolute; left:80%; top:200px; width:60px; height:40px; line-height:40px; z-index:5; padding:2px; alignment-adjust: central; background-color:rgba(51,102,0,0.4); border:rgba(153,153,153,1) 3px groove; border-radius:8px;

}

  1. b2 .play{

position:absolute; left:80%; top:100px; width:60px; height:40px; line-height:40px; z-index:5; padding:2px; alignment-adjust: central; background-color:rgba(51,102,0,0.4); border:rgba(153,153,153,1) 3px groove; border-radius:8px;


}

  1. b2 .stop{

position:absolute; left:80%; top:200px; width:60px; height:40px; line-height:40px; z-index:5; padding:2px; alignment-adjust: central; background-color:rgba(51,102,0,0.4); border:rgba(153,153,153,1) 3px groove; border-radius:8px;

}

  1. b .play:hover {
       background-color:rgba(51,102,0,0.8);
       cursor:pointer;
       color:rgba(153,153,153,1);
       border: 3px solid rgba rgba(0,153,0,0.6);
   }
  1. b2 .play:hover {
       background-color:rgba(51,102,0,0.8);
       cursor:pointer;
       color:rgba(153,153,153,1);
       border: 3px solid rgba rgba(0,153,0,0.6);
   }
  1. b .stop:hover {
       background-color:rgba(51,102,0,0.8);
       cursor:pointer;
       color:rgba(153,153,153,1);
       border: 3px solid rgba rgba(0,153,0,0.6);
   }
  1. b2 .stop:hover {
       background-color:rgba(51,102,0,0.8);
       cursor:pointer;
       color:rgba(153,153,153,1);
       border: 3px solid rgba rgba(0,153,0,0.6);
   }
  1. design1{ position:relative; height:430px;}
  2. design2{ position:relative; height:430px;}
  3. design3{ position:relative; height:430px;}