change theme

it4i_theme/assets/stylesheets/application.css

@@ -300,7 +300,6 @@ hr {
 .button .icon {
     display: inline-block;
     font-size: 24px;
-    padding: 8px;
     margin: 4px;
 }
 .stretch {
@@ -367,9 +366,6 @@ body, input {
 .ios.standalone .project:before {
     background: rgba(0, 0, 0, .12);
 }
-.project .logo img {
-    background: #fff;
-    border-radius: 100%}
 .project:focus .logo img, .project:hover .logo img {
     box-shadow: 0 4px 7px rgba(0, 0, 0, .23), 0 8px 25px rgba(0, 0, 0, .05);
 }
@@ -452,7 +448,6 @@ body, input {
 }
 .project .logo img {
     display: block;
-    width: 64px;
     height: 64px;
 }
 .project .name {
@@ -463,7 +458,7 @@ body, input {
     vertical-align: middle;
 }
 .project .logo+.name {
-    font-size: 12px;
+    font-size: 20px;
 }
 .repo {
     margin: 24px 0;
@@ -540,9 +535,6 @@ pre span {
 .article a, .article h1, .article h2 {
     color: #fff0e6;
 }
-.article code {
-    background: #eee;
-}
 .article kbd {
     color: #555;
     background-color: #fcfcfc;
@@ -596,8 +588,7 @@ pre span {
     color: hsla(0, 0%, 100%, .7);
 }
 .admonition {
-    background: #fff0e6;
-    color: #fff;
+    background: #e6f2ff;
 }
 .admonition pre {
     background: hsla(0, 0%, 100%, .3);
@@ -1027,8 +1018,6 @@ h1 .article .headerlink {
     height: auto;
     margin-bottom: 96px;
     padding-top: 80px;
-    max-height: 1200px;
-    overflow:  auto;
 }
 .drawer, .drawer .scrollable {
     position: static;
@@ -1248,6 +1237,10 @@ h1 .article .headerlink {
 .article table th {
     color: #fff0e6;
 }
+} .toc  {
+    max-height: 600px;
+    overflow:  auto;
+}
 a:not([href*="//"]) {
     /* CSS for internal links */
 }
@@ -1263,3 +1256,4 @@ a[href*="//"] {
      width: 800px;
      margin: 0 auto;
 }
+