Difference between revisions of "Template:UBonn HBRS/css/reset"

(Added table styles)
Line 30: Line 30:
 
font-family: inherit !important;
 
font-family: inherit !important;
 
font-weight: normal !important;
 
font-weight: normal !important;
−
}
 
−
 
−
#HQ_page table {
 
−
margin: 0;
 
−
border: none;
 
−
}
 
−
 
−
#HQ_page th, #HQ_page td {
 
−
margin: 0;
 
−
padding: 8px;
 
−
background: none;
 
−
border: none;
 
 
}
 
}
  
Line 88: Line 76:
 
#top_menu_14 .submenu {
 
#top_menu_14 .submenu {
 
opacity: 0.9;
 
opacity: 0.9;
 +
}
 +
 +
 +
/* * * * * * * * * * * * * * * * * * * * * * * * *
 +
Bootstrap Table Styles
 +
* * * * * * * * * * * * * * * * * * * * * * * * */
 +
 +
table {
 +
  border-collapse: collapse !important;
 +
  border-spacing: 0 !important;
 +
}
 +
td,
 +
th {
 +
  padding: 0 !important;
 +
}
 +
th {
 +
  text-align: left !important;
 +
}
 +
.table {
 +
  width: 100% !important;
 +
  max-width: 100% !important;
 +
  margin-bottom: 20px !important;
 +
}
 +
.table > thead > tr > th,
 +
.table > tbody > tr > th,
 +
.table > tfoot > tr > th,
 +
.table > thead > tr > td,
 +
.table > tbody > tr > td,
 +
.table > tfoot > tr > td {
 +
  padding: 8px !important;
 +
  line-height: 1.42857143 !important;
 +
  vertical-align: top !important;
 +
  border-top: 1px solid #dddddd !important;
 +
}
 +
.table > thead > tr > th {
 +
  vertical-align: bottom !important;
 +
  border-bottom: 2px solid #dddddd !important;
 +
}
 +
.table > caption + thead > tr:first-child > th,
 +
.table > colgroup + thead > tr:first-child > th,
 +
.table > thead:first-child > tr:first-child > th,
 +
.table > caption + thead > tr:first-child > td,
 +
.table > colgroup + thead > tr:first-child > td,
 +
.table > thead:first-child > tr:first-child > td {
 +
  border-top: 0 !important;
 +
}
 +
.table > tbody + tbody {
 +
  border-top: 2px solid #dddddd !important;
 +
}
 +
.table .table {
 +
  background-color: #ffffff !important;
 +
}
 +
.table-condensed > thead > tr > th,
 +
.table-condensed > tbody > tr > th,
 +
.table-condensed > tfoot > tr > th,
 +
.table-condensed > thead > tr > td,
 +
.table-condensed > tbody > tr > td,
 +
.table-condensed > tfoot > tr > td {
 +
  padding: 5px !important;
 +
}
 +
.table-bordered {
 +
  border: 1px solid #dddddd !important;
 +
}
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > tbody > tr > th,
 +
.table-bordered > tfoot > tr > th,
 +
.table-bordered > thead > tr > td,
 +
.table-bordered > tbody > tr > td,
 +
.table-bordered > tfoot > tr > td {
 +
  border: 1px solid #dddddd !important;
 +
}
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > thead > tr > td {
 +
  border-bottom-width: 2px !important;
 +
}
 +
.table-striped > tbody > tr:nth-of-type(odd) {
 +
  background-color: #f9f9f9 !important;
 +
}
 +
.table-hover > tbody > tr:hover {
 +
  background-color: #f5f5f5 !important;
 +
}
 +
table col[class*="col-"] {
 +
  position: static !important;
 +
  float: none !important;
 +
  display: table-column !important;
 +
}
 +
table td[class*="col-"],
 +
table th[class*="col-"] {
 +
  position: static !important;
 +
  float: none !important;
 +
  display: table-cell !important;
 +
}
 +
.table > thead > tr > td.active,
 +
.table > tbody > tr > td.active,
 +
.table > tfoot > tr > td.active,
 +
.table > thead > tr > th.active,
 +
.table > tbody > tr > th.active,
 +
.table > tfoot > tr > th.active,
 +
.table > thead > tr.active > td,
 +
.table > tbody > tr.active > td,
 +
.table > tfoot > tr.active > td,
 +
.table > thead > tr.active > th,
 +
.table > tbody > tr.active > th,
 +
.table > tfoot > tr.active > th {
 +
  background-color: #f5f5f5 !important;
 +
}
 +
.table-hover > tbody > tr > td.active:hover,
 +
.table-hover > tbody > tr > th.active:hover,
 +
.table-hover > tbody > tr.active:hover > td,
 +
.table-hover > tbody > tr:hover > .active,
 +
.table-hover > tbody > tr.active:hover > th {
 +
  background-color: #e8e8e8 !important;
 +
}
 +
.table > thead > tr > td.success,
 +
.table > tbody > tr > td.success,
 +
.table > tfoot > tr > td.success,
 +
.table > thead > tr > th.success,
 +
.table > tbody > tr > th.success,
 +
.table > tfoot > tr > th.success,
 +
.table > thead > tr.success > td,
 +
.table > tbody > tr.success > td,
 +
.table > tfoot > tr.success > td,
 +
.table > thead > tr.success > th,
 +
.table > tbody > tr.success > th,
 +
.table > tfoot > tr.success > th {
 +
  background-color: #dff0d8 !important;
 +
}
 +
.table-hover > tbody > tr > td.success:hover,
 +
.table-hover > tbody > tr > th.success:hover,
 +
.table-hover > tbody > tr.success:hover > td,
 +
.table-hover > tbody > tr:hover > .success,
 +
.table-hover > tbody > tr.success:hover > th {
 +
  background-color: #d0e9c6 !important;
 +
}
 +
.table > thead > tr > td.info,
 +
.table > tbody > tr > td.info,
 +
.table > tfoot > tr > td.info,
 +
.table > thead > tr > th.info,
 +
.table > tbody > tr > th.info,
 +
.table > tfoot > tr > th.info,
 +
.table > thead > tr.info > td,
 +
.table > tbody > tr.info > td,
 +
.table > tfoot > tr.info > td,
 +
.table > thead > tr.info > th,
 +
.table > tbody > tr.info > th,
 +
.table > tfoot > tr.info > th {
 +
  background-color: #d9edf7 !important;
 +
}
 +
.table-hover > tbody > tr > td.info:hover,
 +
.table-hover > tbody > tr > th.info:hover,
 +
.table-hover > tbody > tr.info:hover > td,
 +
.table-hover > tbody > tr:hover > .info,
 +
.table-hover > tbody > tr.info:hover > th {
 +
  background-color: #c4e3f3 !important;
 +
}
 +
.table > thead > tr > td.warning,
 +
.table > tbody > tr > td.warning,
 +
.table > tfoot > tr > td.warning,
 +
.table > thead > tr > th.warning,
 +
.table > tbody > tr > th.warning,
 +
.table > tfoot > tr > th.warning,
 +
.table > thead > tr.warning > td,
 +
.table > tbody > tr.warning > td,
 +
.table > tfoot > tr.warning > td,
 +
.table > thead > tr.warning > th,
 +
.table > tbody > tr.warning > th,
 +
.table > tfoot > tr.warning > th {
 +
  background-color: #fcf8e3 !important;
 +
}
 +
.table-hover > tbody > tr > td.warning:hover,
 +
.table-hover > tbody > tr > th.warning:hover,
 +
.table-hover > tbody > tr.warning:hover > td,
 +
.table-hover > tbody > tr:hover > .warning,
 +
.table-hover > tbody > tr.warning:hover > th {
 +
  background-color: #faf2cc !important;
 +
}
 +
.table > thead > tr > td.danger,
 +
.table > tbody > tr > td.danger,
 +
.table > tfoot > tr > td.danger,
 +
.table > thead > tr > th.danger,
 +
.table > tbody > tr > th.danger,
 +
.table > tfoot > tr > th.danger,
 +
.table > thead > tr.danger > td,
 +
.table > tbody > tr.danger > td,
 +
.table > tfoot > tr.danger > td,
 +
.table > thead > tr.danger > th,
 +
.table > tbody > tr.danger > th,
 +
.table > tfoot > tr.danger > th {
 +
  background-color: #f2dede !important;
 +
}
 +
.table-hover > tbody > tr > td.danger:hover,
 +
.table-hover > tbody > tr > th.danger:hover,
 +
.table-hover > tbody > tr.danger:hover > td,
 +
.table-hover > tbody > tr:hover > .danger,
 +
.table-hover > tbody > tr.danger:hover > th {
 +
  background-color: #ebcccc !important;
 +
}
 +
.table-responsive {
 +
  overflow-x: auto !important;
 +
  min-height: 0.01% !important;
 
}
 
}

Revision as of 21:46, 12 October 2016

/** Reset Styles iGEM-Team Bonn

feel free to use stuff from here but please give credit

  • /

/* * * * * * * * * * * * * * * * * * * * * * * * * Resets & Fixes

  • * * * * * * * * * * * * * * * * * * * * * * * */

html, body, #globalWrapper, #content, #HQ_page, #bodyContent, #mw-content-text { min-height: 100% !important; margin: 0 !important; padding: 0 !important; }

  1. globalWrapper, #content {

position: static; }

  1. content {

width: 100%; margin: 0; padding: 0; }

  1. HQ_page h1, h2, h3, h4, h5 {

margin-bottom: 0 !important; font-family: inherit !important; font-weight: normal !important; }

  1. top_title, #mw-content-text > p:first-of-type, #top_menu_under, .sideNav_h1:first-of-type, .mw-editsection {

display: none !important; }

  1. globalWrapper {

font-size: inherit !important; }

  1. sideMenu, #sideMenu * {

box-sizing: content-box; }

  1. sideMenu {

display: none; left: auto !important; right: 25px; border: 1px solid #222; border-radius: 5px; }

  1. top_menu_14 {

height: 19px; background: linear-gradient(0deg, #383838, #444444); }

  1. top_menu_inside {

width: 100%; margin: 0 auto; border: none; }

  1. user_item {

float: left !important; margin: 0 !important; padding: 0px 25px 0px 20px !important; }

  1. bars_item {

left: auto !important; right: 25px; }

  1. top_menu_14 .submenu {

opacity: 0.9; }


/* * * * * * * * * * * * * * * * * * * * * * * * * Bootstrap Table Styles

  • * * * * * * * * * * * * * * * * * * * * * * * */

table { 

 border-collapse: collapse !important;
 border-spacing: 0 !important;

} td, th { 

 padding: 0 !important;

} th { 

 text-align: left !important;

} .table { 

 width: 100% !important;
 max-width: 100% !important;
 margin-bottom: 20px !important;

} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { 

 padding: 8px !important;
 line-height: 1.42857143 !important;
 vertical-align: top !important;
 border-top: 1px solid #dddddd !important;

} .table > thead > tr > th { 

 vertical-align: bottom !important;
 border-bottom: 2px solid #dddddd !important;

} .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { 

 border-top: 0 !important;

} .table > tbody + tbody { 

 border-top: 2px solid #dddddd !important;

} .table .table { 

 background-color: #ffffff !important;

} .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { 

 padding: 5px !important;

} .table-bordered { 

 border: 1px solid #dddddd !important;

} .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { 

 border: 1px solid #dddddd !important;

} .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { 

 border-bottom-width: 2px !important;

} .table-striped > tbody > tr:nth-of-type(odd) { 

 background-color: #f9f9f9 !important;

} .table-hover > tbody > tr:hover { 

 background-color: #f5f5f5 !important;

} table col[class*="col-"] { 

 position: static !important;
 float: none !important;
 display: table-column !important;

} table td[class*="col-"], table th[class*="col-"] { 

 position: static !important;
 float: none !important;
 display: table-cell !important;

} .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { 

 background-color: #f5f5f5 !important;

} .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { 

 background-color: #e8e8e8 !important;

} .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { 

 background-color: #dff0d8 !important;

} .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { 

 background-color: #d0e9c6 !important;

} .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { 

 background-color: #d9edf7 !important;

} .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { 

 background-color: #c4e3f3 !important;

} .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { 

 background-color: #fcf8e3 !important;

} .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { 

 background-color: #faf2cc !important;

} .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { 

 background-color: #f2dede !important;

} .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { 

 background-color: #ebcccc !important;

} .table-responsive { 

 overflow-x: auto !important;
 min-height: 0.01% !important;

}