Difference between revisions of "Team:Bulgaria"

Line 12: Line 12:
 
color: red;
 
color: red;
 
}
 
}
 +
 +
html, body {
 +
  width: 100%;
 +
  height: 100%;
 +
  background-color: #292929;
 +
  padding-top: 50px;
 +
}
 +
 +
*, *:before, *:after {
 +
  box-sizing: border-box;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
.strain {
 +
  width: 155px;
 +
  height: 1px;
 +
  background-color: #dbdbdb;
 +
  position: relative;
 +
  margin: 0px auto;
 +
  margin-top: 28px;
 +
  margin-bottom: 28px;
 +
  -webkit-animation-name: rotate-strain;
 +
          animation-name: rotate-strain;
 +
  -webkit-animation-duration: 1.7s;
 +
          animation-duration: 1.7s;
 +
  -webkit-animation-timing-function: linear;
 +
          animation-timing-function: linear;
 +
  -webkit-animation-iteration-count: infinite;
 +
          animation-iteration-count: infinite;
 +
  -webkit-animation-play-state: running;
 +
          animation-play-state: running;
 +
}
 +
.strain:before {
 +
  content: "";
 +
  display: block;
 +
  position: absolute;
 +
  width: 18px;
 +
  height: 18px;
 +
  border-radius: 50%;
 +
  background-color: #13b6e2;
 +
  left: 0;
 +
  margin-top: -9px;
 +
  margin-left: -9px;
 +
  -webkit-animation-name: strain-size-left;
 +
          animation-name: strain-size-left;
 +
  -webkit-animation-duration: 1.7s;
 +
          animation-duration: 1.7s;
 +
  -webkit-animation-timing-function: linear;
 +
          animation-timing-function: linear;
 +
  -webkit-animation-iteration-count: infinite;
 +
          animation-iteration-count: infinite;
 +
  -webkit-animation-play-state: running;
 +
          animation-play-state: running;
 +
}
 +
.strain:after {
 +
  content: "";
 +
  display: block;
 +
  position: absolute;
 +
  width: 18px;
 +
  height: 18px;
 +
  border-radius: 50%;
 +
  background-color: #13b6e2;
 +
  right: 0;
 +
  margin-top: -9px;
 +
  margin-right: -9px;
 +
  -webkit-animation-name: strain-size-right;
 +
          animation-name: strain-size-right;
 +
  -webkit-animation-duration: 1.7s;
 +
          animation-duration: 1.7s;
 +
  -webkit-animation-timing-function: linear;
 +
          animation-timing-function: linear;
 +
  -webkit-animation-iteration-count: infinite;
 +
          animation-iteration-count: infinite;
 +
  -webkit-animation-play-state: running;
 +
          animation-play-state: running;
 +
}
 +
.strain:nth-child(1), .strain:nth-child(1):before, .strain:nth-child(1):after {
 +
  -webkit-animation-delay: 0.15s;
 +
          animation-delay: 0.15s;
 +
}
 +
.strain:nth-child(2), .strain:nth-child(2):before, .strain:nth-child(2):after {
 +
  -webkit-animation-delay: 0.3s;
 +
          animation-delay: 0.3s;
 +
}
 +
.strain:nth-child(3), .strain:nth-child(3):before, .strain:nth-child(3):after {
 +
  -webkit-animation-delay: 0.45s;
 +
          animation-delay: 0.45s;
 +
}
 +
.strain:nth-child(4), .strain:nth-child(4):before, .strain:nth-child(4):after {
 +
  -webkit-animation-delay: 0.6s;
 +
          animation-delay: 0.6s;
 +
}
 +
.strain:nth-child(5), .strain:nth-child(5):before, .strain:nth-child(5):after {
 +
  -webkit-animation-delay: 0.75s;
 +
          animation-delay: 0.75s;
 +
}
 +
.strain:nth-child(6), .strain:nth-child(6):before, .strain:nth-child(6):after {
 +
  -webkit-animation-delay: 0.9s;
 +
          animation-delay: 0.9s;
 +
}
 +
.strain:nth-child(7), .strain:nth-child(7):before, .strain:nth-child(7):after {
 +
  -webkit-animation-delay: 1.05s;
 +
          animation-delay: 1.05s;
 +
}
 +
.strain:nth-child(8), .strain:nth-child(8):before, .strain:nth-child(8):after {
 +
  -webkit-animation-delay: 1.2s;
 +
          animation-delay: 1.2s;
 +
}
 +
.strain:nth-child(9), .strain:nth-child(9):before, .strain:nth-child(9):after {
 +
  -webkit-animation-delay: 1.35s;
 +
          animation-delay: 1.35s;
 +
}
 +
.strain:nth-child(10), .strain:nth-child(10):before, .strain:nth-child(10):after {
 +
  -webkit-animation-delay: 1.5s;
 +
          animation-delay: 1.5s;
 +
}
 +
.strain:nth-child(11), .strain:nth-child(11):before, .strain:nth-child(11):after {
 +
  -webkit-animation-delay: 1.65s;
 +
          animation-delay: 1.65s;
 +
}
 +
.strain:nth-child(12), .strain:nth-child(12):before, .strain:nth-child(12):after {
 +
  -webkit-animation-delay: 1.8s;
 +
          animation-delay: 1.8s;
 +
}
 +
 +
@-webkit-keyframes rotate-strain {
 +
  0% {
 +
    width: 155px;
 +
  }
 +
  25% {
 +
    width: 0;
 +
  }
 +
  50% {
 +
    width: 155px;
 +
  }
 +
  75% {
 +
    width: 0;
 +
  }
 +
  100% {
 +
    width: 155px;
 +
  }
 +
}
 +
 +
@keyframes rotate-strain {
 +
  0% {
 +
    width: 155px;
 +
  }
 +
  25% {
 +
    width: 0;
 +
  }
 +
  50% {
 +
    width: 155px;
 +
  }
 +
  75% {
 +
    width: 0;
 +
  }
 +
  100% {
 +
    width: 155px;
 +
  }
 +
}
 +
@-webkit-keyframes strain-size-left {
 +
  0% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
  25% {
 +
    -webkit-transform: scale(0.5);
 +
            transform: scale(0.5);
 +
  }
 +
  50% {
 +
    -webkit-transform: scale(1) translateX(155px);
 +
            transform: scale(1) translateX(155px);
 +
  }
 +
  75% {
 +
    -webkit-transform: scale(1.5);
 +
            transform: scale(1.5);
 +
  }
 +
  100% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
}
 +
@keyframes strain-size-left {
 +
  0% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
  25% {
 +
    -webkit-transform: scale(0.5);
 +
            transform: scale(0.5);
 +
  }
 +
  50% {
 +
    -webkit-transform: scale(1) translateX(155px);
 +
            transform: scale(1) translateX(155px);
 +
  }
 +
  75% {
 +
    -webkit-transform: scale(1.5);
 +
            transform: scale(1.5);
 +
  }
 +
  100% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
}
 +
@-webkit-keyframes strain-size-right {
 +
  0% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
  25% {
 +
    -webkit-transform: scale(1.5);
 +
            transform: scale(1.5);
 +
  }
 +
  50% {
 +
    -webkit-transform: scale(1) translateX(-155px);
 +
            transform: scale(1) translateX(-155px);
 +
  }
 +
  75% {
 +
    -webkit-transform: scale(0.5);
 +
            transform: scale(0.5);
 +
  }
 +
  100% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
}
 +
@keyframes strain-size-right {
 +
  0% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
  25% {
 +
    -webkit-transform: scale(1.5);
 +
            transform: scale(1.5);
 +
  }
 +
  50% {
 +
    -webkit-transform: scale(1) translateX(-155px);
 +
            transform: scale(1) translateX(-155px);
 +
  }
 +
  75% {
 +
    -webkit-transform: scale(0.5);
 +
            transform: scale(0.5);
 +
  }
 +
  100% {
 +
    -webkit-transform: scale(1) translateX(0px);
 +
            transform: scale(1) translateX(0px);
 +
  }
 +
}
 +
  
 
</style>
 
</style>
Line 20: Line 270:
  
 
<p class="awesome">TEST</p>
 
<p class="awesome">TEST</p>
 +
 +
<div class="strand-wrapper">
 +
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
<div class="strain"></div>
 +
</div>
  
  

Revision as of 15:38, 12 October 2019

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
Contribution
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗

iGEM Bulgaria presents

PEPTIDATOR P-800

TEST

Before you start

Please read the following pages:

Styling your wiki

You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.

While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.

Uploading pictures and files

You must upload any pictures and files to the iGEM 2019 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name.

When you upload, set the "Destination Filename" to T--YourOfficialTeamName--NameOfFile.jpg. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)

UPLOAD FILES

Editing your wiki

On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world!

Use WikiTools - Edit in the black menu bar to edit this page

EDIT PAGE

Inspiration

You can also view other team wikis for inspiration! Here are some examples: