body { padding-top: 50px; overflow-y: scroll; } div.jumbotron { padding-top: 16px; } .jumbotron h1 { /*font-size: 36px;*/ margin-bottom: 0; } .jumbotron p { font-size: 18px; } p { text-align: justify; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } .raggedright p { text-align: inherit; hyphens: inherit; -moz-hyphens: inherit; -webkit-hyphens: inherit; -ms-hyphens: inherit; } p.center { text-align: center; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; } .jumbotron h1, .jumbotron h2 { line-height: 1; margin-top: 0; text-align: center; } /* center buttons in xs view */ @media (max-width: 767px) { .jumbotron .col-xs-11 p { text-align: center; } } /* fix for anchored links to scroll the top bar */ *[id]:before { display: block; content: " "; margin-top: -65px; height: 65px; visibility: hidden; } #___gcse_0:before { display: inline; } /* This is for mobile devices and the size of the youtube video */ iframe { max-width: 100%; } /* Better color for linked headers */ h1 a, h2 a, h3 a { color: #333; } /* Position the irssi logo */ .navbar-brand img { margin-top: -14px; } footer { margin-top: 20ex; } /* Out of site link image */ a[rel="external"],a.rel-external { padding-right: 10px; } .navbar-nav a[rel="external"] { padding-right: 10px; } a[rel="external"]:after,a.rel-external:after { position: absolute; font-family: 'Glyphicons Halflings'; content: "\e164"; /* glyphicon-new-window */ padding-left: 2px; font-size: 51%; } .navbar-nav a[rel="external"]:after { font-size: 100%; } a[rel="external"]:hover:after,a.rel-external:hover:after { text-decoration: none; } /* Reduce navbar spacing on small resolutions, to avoid wrapping */ @media (max-width:991px) and (min-width:768px) { .nav > li > a { padding-left: 6px; padding-right: 4px; font-size: 95%; letter-spacing: -0.2px; } .nav > li > a[rel="external"] { padding-right: 18px; } } /* Tweak to make the menu visible (otherwise Bugs is cut off) */ .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 412px; } /* Select box for settings docs */ .col-xs-12.col-md-4 select { display: block; background: inherit; border: inherit; width: 11em; -moz-appearance: none; -webkit-appearance: none; color: #337ab7; } select .header { text-align: center; } .welcome-img { background-image: url(https://cloud.githubusercontent.com/assets/5665186/4387267/d2401f24-43da-11e4-8753-666ea552580a.png); background-color: #ffeeff; background-repeat: no-repeat; background-position: 5% 95%; background-size: cover; border: 5px solid black; box-shadow: 0px 0px 5px black, inset 0 0 10px white; border-radius: 10px; background-blend-mode: darken; transition-duration: 1s; } @media (min-width:992px) { .jumbotron.flex .row { display: flex; } } @media (max-width:991px) { .welcome-img { height: 350px; } } @media (max-width:767px) { .welcome-img { height: 250px; } } blockquote { font-size: inherit; } .gsearch-form input.form-control { width: 120px; } .twitter-timeline { height: 80vh !important; } .osicon { padding-right: 1ex; margin-bottom: 1ex; } @media (min-width:992px) { .two-column { -moz-column-count: 2; -moz-column-gap: 20px; -moz-column-fill: balance; -webkit-column-count: 2; -webkit-column-gap: 20px; -webkit-column-fill: balance; column-count: 2; column-gap: 20px; column-fill: balance; } .two-column > div { display: inline-block; } }