Sha256: dec9922691b97909d26e1e7ec09cda0316aa60498f8fb09882f6c78cc1339c2d
Contents?: true
Size: 1.69 KB
Versions: 5
Compression:
Stored size: 1.69 KB
Contents
---
---
// The dashes above are required by jekyll.
// This file generates a css.
/*
* Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
*
* [1] IE9
* [2] IE10+
*/
/* 1 */
.ie9 img[src$=".svg"] {
width: 100%;
}
/* 2
The @media rule is used in media queries to apply different styles for different media types/devices.
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
img[src$=".svg"] {
width: 100%;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #444;
}
}
@media (max-width: 990px) {
#displayed_sidebar {
position: relative;
}
}
@media (min-width: 1000px) {
ul#displayed_sidebar {
width: 225px;
}
}
@media (max-width: 900px) {
ul#displayed_sidebar {
max-width: 100%;
}
}
@media only screen and (min-width: 900px), only screen and (min-device-width: 900px) {
.col-md-9 img {
max-width: 700px;
max-height: 700px;
}
}
/******************************************/
/*set navbar breakpoint so that it converts to hamburger earlier */
@media (max-width: 1200px) {
.navbar-header {
float: none;
}
.navbar-left, .navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-nav {
float: none !important;
margin-top: 7.5px;
> li {
float: none;
> a {
padding-top: 10px;
padding-bottom: 10px;
}
}
}
.collapse.in {
display: block !important;
}
}
Version data entries
5 entries across 5 versions & 1 rubygems