summaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
authorAilin Nemui <ailin@linux.localdomain>2015-07-10 00:41:56 +0200
committerAilin Nemui <ailin@linux.localdomain>2015-08-05 23:13:09 +0200
commit6c888c42cfeaff68f8880e9ec73c0450c420bdfa (patch)
treec761dd371843b43b93dec55a3603ba99f61f985d /assets/css
parentaeefab4eb333d47d9d0af936e9e3f59cf86815e1 (diff)
downloadirssi.github.io-6c888c42cfeaff68f8880e9ec73c0450c420bdfa.zip
irssi-import(2)
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/style.css96
1 files changed, 93 insertions, 3 deletions
diff --git a/assets/css/style.css b/assets/css/style.css
index c0c38c0..9273765 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -3,14 +3,47 @@ body {
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;
+}
+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;
+}
+
/* fix for anchored links to scroll the top bar */
*[id]:before {
display: block;
content: " ";
margin-top: -65px;
- height: 65px;
- visibility: hidden;
+ height: 65px;
+ visibility: hidden;
}
+#___gcse_0:before { display: inline; }
/* This is for mobile devices and the size of the youtube video */
iframe {
@@ -33,7 +66,7 @@ footer {
margin-top: 20ex;
}
-/* Out of site link */
+/* Out of site link image */
a[rel="external"],a.rel-external {
padding-right: 10px;
}
@@ -57,3 +90,60 @@ a[rel="external"]:after,a.rel-external:after {
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: 7px;
+ padding-right: 5px;
+ font-size: 98%;
+ }
+ .nav > li > a[rel="external"] {
+ padding-right: 20px;
+ }
+}
+
+/* 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%;
+ box-shadow: 20px 20px 15px black, inset 0 0 10px white;
+ border-radius: 5px;
+ 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;
+ }
+}