asiaH4/assets/stylesheets/template/modules/experiment.scss

105 lines
1.9 KiB
SCSS

@charset "utf-8";
@import "../initial";
// Lab MODULES
// Widget
.widget-experiments{
&.widget1{
h3{
@extend .unity-title;
}
table{
th{
background-color: $theme-color-main;
color: $theme-white;
font-size: $font-15;
font-family: $main-font;
border: none;
white-space: nowrap;
}
td {
font-size: $font-15;
a{
color: $theme-color-main;
}
.btn-primary{
background-color: $theme-color-second;
border-color: darken( $theme-color-second , 5%);
color: $theme-white;
margin-bottom: 6px;
&:hover{
background-color:darken( $theme-color-second , 5%);
}
}
}
}
}
}
// Index
.experiment-index{
h3{
@extend .unity-title;
}
table{
th{
background-color: $theme-color-main;
color: $theme-white;
font-size: $font-15;
font-family: $main-font;
border: none;
white-space: nowrap;
}
td {
font-size: $font-15;
a{
color: $theme-color-main;
}
.btn-primary{
background-color: $theme-color-second;
border-color: darken( $theme-color-second , 5%);
color: $theme-white;
margin-bottom: 6px;
&:hover{
background-color:darken( $theme-color-second , 5%);
}
}
}
.img-wrap{
@media (min-width: $screen-lg){
height: 174px;
}
@media (max-width: $screen-lg){
img{
position: static!important;
}
}
}
}
}
// Show
.show-experiments{
table{
th{
border-right: 2px solid $theme-color-main;
color: $theme-color-main;
font-size: $font-15;
font-family: $main-font;
}
td{
font-size: $font-15;
padding-left: 1em;
.btn-primary{
background-color: $theme-color-second;
border-color: darken( $theme-color-second , 5%);
margin-bottom: 6px;
&:hover{
background-color:darken( $theme-color-second , 5%);
}
}
}
}
}