Difference between revisions of "Team:Uppsala/Worm Culturing"

Line 28: Line 28:
 
                  
 
                  
 
             }
 
             }
 
 
 
 
 
 
          /*    CSS FOR FLOWCHART        */
 
 
            #lab-content{
 
                padding: 3em;
 
            }
 
 
            .flowchart{
 
                display: grid;
 
                grid-template-columns: repeat(auto-fit, 100px);
 
                grid-gap: 0.5em;
 
            }
 
 
 
            .flowchart > div.card {
 
                /* background-color: var(--primary);
 
                border-radius: 8px; */
 
                height: 100px;
 
                width: 100px;
 
            }
 
 
 
 
            /*ARROW STUFF */
 
 
            .arrowed {
 
                position: relative;
 
                /*height: 50px; width: 50px;*/
 
                margin: 5%;
 
                /* border: 1px solid rgba(0,0,0,1); */
 
            }
 
 
            /* Just centering the examples */
 
            .arrowed div {
 
                position: absolute;
 
                top: 0; bottom: 0; left: 0; right: 0;
 
                margin: auto;
 
            }
 
            .arrow-5 {
 
                /* more triangle */
 
                position: relative;
 
                height: 0px; width: 0px;
 
                border: 12px solid;
 
                border-color:
 
                    black
 
                    black
 
                    transparent
 
                    transparent;
 
 
                /* darkcyan
 
                    darkcyan
 
                    transparent
 
                    transparent; */
 
                transform: rotate(45deg);
 
            }
 
 
            .arrow-5:before {
 
                content: '';
 
                position: absolute;
 
                top: 0px; right: 0px;
 
                display: block;
 
                height: 12px; width: 16px;
 
                background-color: black;
 
                transform:
 
                    rotate(-45deg)
 
                    translate(2px, 1px);
 
            }
 
         
 
           
 
            .content-card-img {
 
                border: transparent;
 
            }
 
 
           
 
          /** End of Arrow Stuff**/
 
 
 
 
 
            /*    CLICKABLE LINK FOR FLOW CHART  */
 
 
          .make-flowchart-link { 
 
                position:absolute;
 
                width:100%;
 
                height:100%;
 
                top:0;
 
                left: 0;
 
                z-index: 1;
 
                /* to fix overlapp problems, include a empty svg */
 
              /* background-image: url('empty.gif'); */
 
            } 
 
 
 
 
  
  

Revision as of 14:02, 16 October 2018