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

Line 87: Line 87:
  
 
/*  FOOTER */
 
/*  FOOTER */
−
    .sponsors {
+
.sponsors {
−
        max-width: 5em;
+
    max-width: 5em;
−
        max-height: 6em;
+
    max-height: 6em;
−
        background: white;
+
    background: white;
−
        padding-right: 5px;
+
    padding-right: 5px;
−
        padding-top: 5px;
+
    padding-top: 5px;
−
    }
+
}
  
−
    .socials {
+
.socials {
−
        text-align: right;
+
    text-align: right;
−
        max-width: 3em;
+
    max-width: 3em;
−
        max-height: 3em;
+
    max-height: 3em;
−
    }
+
}
  
−
    .footer-left {
+
.footer-left {
−
       
+
    text-align: left;
−
        text-align: left;
+
    width: 100%;
−
        width: 100%;
+
}
−
    }
+
  
−
    .footer-right {
+
.footer-right {
 +
    text-align: right;
 +
    width: 100%;
 +
}
  
−
        text-align: right;
+
footer {
−
        width: 100%;
+
    position: absolute;
−
    }
+
    right: 0;
−
        footer {
+
    bottom: 0;
−
        position: absolute;
+
    left: 0;
−
        right: 0;
+
    padding: 1rem;
−
        bottom: 0;
+
    background-color: #efefef;
−
        left: 0;
+
    text-align: center;
−
        padding: 1rem;
+
}
−
        background-color: #efefef;
+
−
        text-align: center;
+
−
    }
+
 
      
 
      
 
/*  IMAGES */
 
/*  IMAGES */

Revision as of 17:14, 31 October 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 */

}


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

 display: block;

}


  1. rider {
    position: relative;

}

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

}

/* FOOTER */ .sponsors { 

   max-width: 5em;
   max-height: 6em;
   background: white;
   padding-right: 5px;
   padding-top: 5px;

}

.socials { 

   text-align: right;
   max-width: 3em;
   max-height: 3em;

}

.footer-left { 

   text-align: left;
   width: 100%;

}

.footer-right { 

    text-align: right;
    width: 100%;

}

footer { 

   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1rem;
   background-color: #efefef;
   text-align: center;

}

/* IMAGES */

.team-group { 

   width: inherit;
   padding: 1em;

}

.section-video { 

   display: block;
   margin: 0 auto;

}

.section-image { 

   width: inherit;
   padding: 1em;

}