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%;

}