Difference between revisions of "Team:NAWI Graz/Resources/CSS/style"

Line 17: Line 17:
 
}
 
}
  
−
.section {
+
 
−
  background: transparent;
+
−
}
+
  
 
/* dropdown on hover */
 
/* dropdown on hover */

Revision as of 00:34, 2 November 2017

  1. topBtn {
   display: none; /* Hidden by default */
   position: fixed; /* Fixed/sticky position */
   bottom: 20px; /* Place the button at the bottom of the page */
   right: 30px; /* Place the button 30px from the right */
   z-index: 99; /* Make sure it does not overlap */
   cursor: pointer; /* Add a mouse pointer on hover */

}

.mainpage { 

 width: 100%;

}

.bodyContent { 

 backgroud-image: url("Chiplogo.png");

}


/* dropdown on hover */ .dropdown:hover>.dropdown-menu { 

 display: block;

}


  1. rider {
    position: relative;
    height: 3em;

}

.colibot:before { 

   font-style: italic;
   content: 'Coli';

} .colibot:after { 

   font-style: normal;
   content: 'Bot';

} /* RIDER */ .rider { 

   -webkit-box-shadow: 0 8px 6px -6px #999;
   -moz-box-shadow: 0 8px 6px -6px #999;
   box-shadow: 0 8px 6px -6px #999

}

/* NAVBAR */ .navbar { 

   -webkit-box-shadow: 0 8px 6px -6px #999;
   -moz-box-shadow: 0 8px 6px -6px #999;
   box-shadow: 0 8px 6px -6px #999

}

/* STECKBRIEFE TEAM */ .team-portrait { 

   box-shadow: 10px 10px 5px #888888;
   margin-bottom: 1em;

} .steckbrief-image { 

   max-width: 100%;
   margin: 0 auto;
   padding: 0em;

}

.steckbrief-header { 

   padding: 0.5em;
   padding-bottom: 2em;
   margin-bottom: 2em;
   border-bottom: dashed 0.2em grey;

} .steckbrief-name { 

   text-align: left;
   font-size: 2.5em;

}

.steckbrief-attr { 

   text-align: left;
   font-size: 1.6em;

}

.steckbrief { 

   padding: 0em;
   /* border: 5px solid grey; */
   border-radius: 5px;
   text-align: left;

}

.steckbrief-prompt { 

   font-weight: bold;
   text-align: center;

}

.steckbrief-prompt:after { 

   content: '\A';
   white-space: pre;

}


/* IMAGES */

.team-group { 

   width: inherit;
   padding: 1em;

}

.section-video { 

   display: block;
   margin: 0 auto;

}

.section-image { 

   width: inherit;
   padding: 1em;

}


.title-gif { 

   width: 50%;

}