diff options
Diffstat (limited to 'dist/css/style.css')
| -rw-r--r-- | dist/css/style.css | 150 |
1 files changed, 106 insertions, 44 deletions
diff --git a/dist/css/style.css b/dist/css/style.css index b0b67ab..0903dfd 100644 --- a/dist/css/style.css +++ b/dist/css/style.css @@ -2,7 +2,7 @@ * bulma css framework (github.com/jgthms | bulma.io) * Author: jeremy thomas * Author: jesus e. - * Version: 1.0.4 + * Version: 2.0.0 * Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE) */ /* basic formatting changes (mostly to cater for darker colours) */ @@ -22,6 +22,7 @@ body, input, textarea, .button { } /* Colores */ +/* main */ /* ------------- Menu Mobile sin JS ---------------- */ /* input hidden */ #navbar-toggle-cbox { @@ -39,7 +40,7 @@ label[for=navbar-toggle-cbox] { /*- ----------- End Menu Mobile sin JS ------------- */ /* navigation */ .navbar { - background-color: #0c0f0f; + background-color: #0a0a0a; } .navbar a { @@ -72,7 +73,7 @@ label[for=navbar-toggle-cbox] { } .navbar.is-social-center > a.navbar-item:hover { - color: #dd7325; + color: #209cee; } /* main-header */ @@ -85,11 +86,11 @@ label[for=navbar-toggle-cbox] { } .main-header .subtitle { - color: #dd7325; + color: #fff; } .main-header .hero { - background-color: #161c1c; + background-color: #1a1a1a; } code { @@ -103,7 +104,14 @@ li { pre { background-color: #000; - color: #78dcfa; + color: #f9f9f9; + margin: 10px 0; + border: 1px solid #3273dc; + border-left: 10px solid #3273dc; + background-size: 1px 40px; + text-align: left; + direction: ltr; + tab-size: 2; } strong { @@ -130,7 +138,6 @@ video { /* Colors Code */ .highlight { - background: #000000; color: #cccccc; } @@ -337,7 +344,7 @@ video { } .soumaicon:hover svg { - fill: #dd7325; + fill: #3273dc; } /* main content styling */ @@ -348,7 +355,7 @@ video { /* card changes */ .card { - background-color: #161c1c; + background-color: #1a1a1a; } .card .card-content-footer { @@ -360,14 +367,20 @@ video { padding-top: 2px; } -.card-content-header, .comments-header { - background-color: #dd7325; +.card-content-header, +.comments-header { + background-color: #3273dc; padding: 10px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } +.card-content-header:hover { + background-color: #209cee; +} + .card-content-header .title, .card-content-header a { color: whitesmoke; + text-shadow: 0px 1px 2px #000; } .card-inner-wrapper { @@ -376,7 +389,7 @@ video { .card-content-text { padding-bottom: 30px; - border-bottom: 1px solid #dd7325; + border-bottom: 1px solid #3273dc; } .card-content-text p { @@ -424,15 +437,6 @@ video { display: contents; } -.content blockquote:before { - opacity: 0.5; - content: open-quote; - font-size: 4rem; - line-height: .1em; - margin-right: .25em; - vertical-align: -0.4em; -} - * { box-sizing: border-box; } @@ -453,14 +457,8 @@ legend { margin-bottom: 0rem; } -.hidden-more { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - a { - color: #0099e5; + color: #3273dc; } a:hover { @@ -469,24 +467,24 @@ a:hover { } a.navbar-item.is-tab.is-active { - border-bottom-color: #dd7325; + border-bottom-color: #209cee; border-width: 2px; color: whitesmoke; } a.navbar-item.is-tab:hover { - border-bottom-color: #dd7325; + border-bottom-color: #209cee; border-width: 2px; - color: #dd7325; + color: #209cee; } a.navbar-item:hover { - color: #dd7325; + color: #209cee; background-color: transparent; } a.pagination-previous.disabled, a.pagination-next.disabled { - background: #0c0f0f; + background: #000; color: white; cursor: not-allowed; border-color: #dbdbdb; @@ -497,13 +495,13 @@ a.pagination-previous.disabled, a.pagination-next.disabled { h2 > a:hover { color: white; - text-shadow: 1px 2px 0px #161C1C; + text-shadow: 0px 1px 2px #000; } .is-button-grey, .pagination-link { background-color: #7a7a7a; border-color: transparent; - color: rgba(0, 0, 0, 0.7); + color: #1b1b1b; } .button { @@ -511,7 +509,7 @@ h2 > a:hover { } .button:hover, .pagination .is-current, .pagination-link:hover { - background-color: #dd7325; + background-color: #3273dc; border-color: transparent; color: whitesmoke; } @@ -526,20 +524,35 @@ h2 > a:hover { } .footer { - background-color: #0c0f0f; + background-color: #0a0a0a; color: whitesmoke; } .footer a { - color: #dd7325; + color: #3273dc; +} + +.footer a:hover { + color: #ffc20e; } .footer-top-shadow { box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1); } +.hidden-more { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: #fff; +} + +.warning-sp { + display: none; +} + .comments-content { - background-color: #161c1c; + background-color: #1a1a1a; padding-bottom: 10px; margin-top: 20px; } @@ -556,21 +569,70 @@ h2 > a:hover { color: whitesmoke; } +.comments-wrapper p > a { + color: #f0e68c; +} + +.comments-wrapper a { + color: #f0e68c; +} + +.comments-wrapper a:hover { + color: #ffc20e; +} + .comments-wrapper small { color: #7a7a7a; } -.comments-wrapper strong { - color: whitesmoke; +.comments-wrapper strong > a { + color: #00d1b2; font-weight: 100; } -.comments-wrapper a { - color: #dd7325; +.comments-wrapper time > small > a { + color: grey; } .comments-wrapper .media .media, .comments-wrapper .media + .media { - border-top: 1px solid #dd7325; + border-top: 1px solid #209cee; +} + +/* table of contents */ +.toc { + font-size: 0.85rem; +} + +.toctitle { + display: block; + text-align: center; + font-size: 1rem; + color: white; + text-decoration: underline; +} + +nav.toc { + background-color: #0c0f0f; + border: 1px solid #3273dc; + margin: 1rem 0px; +} + +div.toc { + margin: 1rem; +} + +a.headerlink { + color: grey; + padding-left: .5em; + visibility: hidden; +} + +h1:hover > a.headerlink, h2:hover > a.headerlink, +h3:hover > a.headerlink, h4:hover > a.headerlink, +h5:hover > a.headerlink, h6:hover > a.headerlink, +dt:hover > a.headerlink { + text-decoration: none; + visibility: visible; } @media screen and (max-width: 1087px) { |