change theme

it4i_theme/assets/stylesheets/application.css

@@ -152,7 +152,7 @@ body {
 }
 @supports (-webkit-appearance:none) {
     body {
-    background: #e84e40;
+    background: #fff0e6;
 }
 }.ios body {
     background: #fff;
@@ -177,7 +177,7 @@ hr {
 }
 .header {
     box-shadow: 0 1.5px 3px rgba(0, 0, 0, .24), 0 3px 8px rgba(0, 0, 0, .05);
-    background: #e84e40;
+    background: #fff0e6;
     color: #fff;
 }
 .ios.standalone .header:before {
@@ -356,10 +356,10 @@ body, input {
     transition: box-shadow .4s, opacity .4s;
 }
 .drawer .toc a.current, .drawer .toc a:focus, .drawer .toc a:hover {
-    color: #e84e40;
+    color: #fff0e6;
 }
 .drawer .anchor a {
-    border-left: 2px solid #e84e40;
+    border-left: 2px solid #fff0e6;
 }
 .drawer .section {
     color: rgba(0, 0, 0, .54);
@@ -530,15 +530,15 @@ pre span {
     transition: color .25s;
 }
 .ios.standalone .article {
-    background: -webkit-linear-gradient(top, #fff 50%, #e84e40 0);
-    background: linear-gradient(180deg, #fff 50%, #e84e40 0);
+    background: -webkit-linear-gradient(top, #fff 50%, #fff0e6 0);
+    background: linear-gradient(180deg, #fff 50%, #fff0e6 0);
 }
 .ios.standalone .article .wrapper {
     background: -webkit-linear-gradient(top, #fff 50%, #fff 0);
     background: linear-gradient(180deg, #fff 50%, #fff 0);
 }
 .article a, .article h1, .article h2 {
-    color: #e84e40;
+    color: #fff0e6;
 }
 .article code {
     background: #eee;
@@ -580,7 +580,7 @@ pre span {
     color: rgba(0, 0, 0, .54);
 }
 .footer {
-    background: #e84e40;
+    background: #fff0e6;
     color: #fff;
 }
 .footer a {
@@ -596,14 +596,14 @@ pre span {
     color: hsla(0, 0%, 100%, .7);
 }
 .admonition {
-    background: #29b6f6;
+    background: #fff0e6;
     color: #fff;
 }
 .admonition pre {
     background: hsla(0, 0%, 100%, .3);
 }
 .admonition.warning {
-    background: #e84e40;
+    background: #fff0e6;
 }
 .admonition a, .admonition a:hover {
     color: #fff;
@@ -912,7 +912,7 @@ h1 .article .headerlink {
     opacity: 1;
 }
 .results .meta {
-    background: #e84e40;
+    background: #fff0e6;
     color: #fff;
 }
 .results .list a {
@@ -1027,6 +1027,8 @@ h1 .article .headerlink {
     height: auto;
     margin-bottom: 96px;
     padding-top: 80px;
+    max-height: 1200px;
+    overflow:  auto;
 }
 .drawer, .drawer .scrollable {
     position: static;
@@ -1068,7 +1070,7 @@ h1 .article .headerlink {
 }
 .project {
     box-shadow: 0 1.5px 3px rgba(0, 0, 0, .24), 0 3px 8px rgba(0, 0, 0, .05);
-    background: #e84e40;
+    background: #fff0e6;
     color: #fff;
 }
 .drawer {
@@ -1244,5 +1246,20 @@ h1 .article .headerlink {
     box-shadow: none;
 }
 .article table th {
-    color: #e84e40;
+    color: #fff0e6;
+}
+a:not([href*="//"]) {
+    /* CSS for internal links */
+}
+
+a[href*="//"] {
+    /*CSS for external links */
+    background: transparent url("/img/external.png") no-repeat right 0px top 1px;
+    background-size: 12px;
+    padding: 1px 16px 1px 0px;    
+}
+
+#page-wrap {
+     width: 800px;
+     margin: 0 auto;
 }