replace FontIcons for SVGIcons
This commit is contained in:
parent
7b505891bf
commit
c502c88757
@ -1,11 +1,24 @@
|
||||
/* github.com/plasticneko */
|
||||
/* bulma css framework (github.com/jgthms | bulma.io)
|
||||
Author: jeremy thomas
|
||||
Author: jesus e.
|
||||
*/
|
||||
|
||||
/*!
|
||||
* bulma css framework (github.com/jgthms | bulma.io)
|
||||
* Author: jeremy thomas
|
||||
* Author: jesus e.
|
||||
* Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE)
|
||||
*/
|
||||
/* basic formatting changes (mostly to cater for darker colours) */
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(../fonts/roboto/roboto-latin.woff2) format("woff2");
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* html/body/font-fixes */
|
||||
body, input, textarea, .button {
|
||||
font-family: 'Roboto Condensed', Nimbus Sans, sans-serif;
|
||||
}
|
||||
|
||||
/* Colores */
|
||||
/* ------------- Menu Mobile sin JS ---------------- */
|
||||
/* input hidden */
|
||||
#navbar-toggle-cbox {
|
||||
@ -20,87 +33,54 @@ label[for=navbar-toggle-cbox] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ------------ End Menu Mobile sin JS ------------- */
|
||||
|
||||
/* ------------------- codehilite ------------------ */
|
||||
.highlight pre {
|
||||
font-size: 75%;
|
||||
/*- ----------- End Menu Mobile sin JS ------------- */
|
||||
/* navigation */
|
||||
.navbar {
|
||||
background-color: #0c0f0f;
|
||||
}
|
||||
.navbar a {
|
||||
color: whitesmoke;
|
||||
}
|
||||
.navbar.is-social-center {
|
||||
align-items: stretch;
|
||||
background-color: transparent;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
-webkit-box-align: stretch;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex-pack: center;
|
||||
-ms-flex-align: stretch;
|
||||
-ms-flex-negative: 0;
|
||||
-ms-flex-positive: 0;
|
||||
}
|
||||
.navbar.is-social-center > a.navbar-item {
|
||||
color: #4a4a4a;
|
||||
background-color: transparent;
|
||||
}
|
||||
.navbar.is-social-center > a.navbar-item:hover {
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
/* main-header */
|
||||
.main-header {
|
||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
|
||||
}
|
||||
.main-header .title {
|
||||
color: whitesmoke;
|
||||
}
|
||||
.main-header .subtitle {
|
||||
color: #dd7325;
|
||||
}
|
||||
.main-header .hero {
|
||||
background-color: #161c1c;
|
||||
}
|
||||
.highlight .hll { background-color: #222222 }
|
||||
.highlight { background: #000000; color: #cccccc }
|
||||
.highlight .c { color: #4E4F8E } /* Comment */
|
||||
.highlight .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */
|
||||
.highlight .esc { color: #cccccc } /* Escape */
|
||||
.highlight .g { color: #cccccc } /* Generic */
|
||||
.highlight .k { color: #cdcd00 } /* Keyword */
|
||||
.highlight .l { color: #cccccc } /* Literal */
|
||||
.highlight .n { color: #cccccc } /* Name */
|
||||
.highlight .o { color: #3399cc } /* Operator */
|
||||
.highlight .x { color: #cccccc } /* Other */
|
||||
.highlight .p { color: #fac0ba } /* Punctuation */
|
||||
.highlight .ch { color: #4E4F8E } /* Comment.Hashbang */
|
||||
.highlight .cm { color: #4E4F8E } /* Comment.Multiline */
|
||||
.highlight .cp { color: #4E4F8E } /* Comment.Preproc */
|
||||
.highlight .cpf { color: #4E4F8E } /* Comment.PreprocFile */
|
||||
.highlight .c1 { color: #4E4F8E } /* Comment.Single */
|
||||
.highlight .cs { color: #cd0000; font-weight: bold } /* Comment.Special */
|
||||
.highlight .gd { color: #cd0000 } /* Generic.Deleted */
|
||||
.highlight .ge { color: #cccccc; font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #FF0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #4E4F8E; font-weight: bold } /* Generic.Heading */
|
||||
.highlight .gi { color: #00cd00 } /* Generic.Inserted */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #4E4F8E; font-weight: bold } /* Generic.Prompt */
|
||||
.highlight .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
|
||||
.highlight .gt { color: #0044DD } /* Generic.Traceback */
|
||||
.highlight .kc { color: #cdcd00 } /* Keyword.Constant */
|
||||
.highlight .kd { color: #00cd00 } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #cd00cd } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #cdcd00 } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #cdcd00 } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #00cd00 } /* Keyword.Type */
|
||||
.highlight .ld { color: #cccccc } /* Literal.Date */
|
||||
.highlight .m { color: #cd00cd } /* Literal.Number */
|
||||
.highlight .s { color: #cd0000 } /* Literal.String */
|
||||
.highlight .na { color: #cccccc } /* Name.Attribute */
|
||||
.highlight .nb { color: #cd00cd } /* Name.Builtin */
|
||||
.highlight .nc { color: #00cdcd } /* Name.Class */
|
||||
.highlight .no { color: #cccccc } /* Name.Constant */
|
||||
.highlight .nd { color: #cccccc } /* Name.Decorator */
|
||||
.highlight .ni { color: #cccccc } /* Name.Entity */
|
||||
.highlight .ne { color: #666699; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #cccccc } /* Name.Function */
|
||||
.highlight .nl { color: #cccccc } /* Name.Label */
|
||||
.highlight .nn { color: #cccccc } /* Name.Namespace */
|
||||
.highlight .nx { color: #cccccc } /* Name.Other */
|
||||
.highlight .py { color: #cccccc } /* Name.Property */
|
||||
.highlight .nt { color: orange } /* Name.Tag */
|
||||
.highlight .nv { color: #00cdcd } /* Name.Variable */
|
||||
.highlight .ow { color: #cdcd00 } /* Operator.Word */
|
||||
.highlight .w { color: #cccccc } /* Text.Whitespace */
|
||||
.highlight .mb { color: #cd00cd } /* Literal.Number.Bin */
|
||||
.highlight .mf { color: #cd00cd } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #cd00cd } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #cd00cd } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #cd00cd } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #cd0000 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #cd0000 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #cd0000 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #cd0000 } /* Literal.String.Double */
|
||||
.highlight .se { color: #cd0000 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #cd0000 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #cd0000 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #cd0000 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #cd0000 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #cd0000 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #cd0000 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #cd00cd } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #00cdcd } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #00cdcd } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #00cdcd } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #cd00cd } /* Literal.Number.Integer.Long */
|
||||
/* ----------------- End codehilite ---------------- */
|
||||
|
||||
code {
|
||||
background-color: #282828;
|
||||
@ -125,60 +105,6 @@ video {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
a.pagination-previous.disabled,
|
||||
a.pagination-next.disabled {
|
||||
background: #0c0f0f;
|
||||
color: white;
|
||||
cursor: not-allowed;
|
||||
border-color: #dbdbdb;
|
||||
box-shadow: none;
|
||||
color: #7a7a7a;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.content blockquote {
|
||||
background: black;
|
||||
color: white;
|
||||
border-left: 4px solid #dbdbdb;
|
||||
margin: 1.5rem 1rem;
|
||||
padding: 1.5rem 1rem;
|
||||
}
|
||||
|
||||
.content blockquote p {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.content blockquote:before {
|
||||
opacity: 0.5;
|
||||
content: open-quote;
|
||||
font-size: 4rem;
|
||||
line-height: .1em;
|
||||
margin-right: .25em;
|
||||
vertical-align: -0.4em;
|
||||
}
|
||||
|
||||
*, *:after, *:before, legend {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.content dl,
|
||||
.content dt,
|
||||
.content dd {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.content h2,
|
||||
.content h3,
|
||||
.content h4,
|
||||
.content h5,
|
||||
.content h6 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.content.social{
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.is-cyan {
|
||||
color: #0dd3ff;
|
||||
}
|
||||
@ -187,127 +113,171 @@ a.pagination-next.disabled {
|
||||
display: table;
|
||||
}
|
||||
|
||||
.pagination-list {
|
||||
margin-bottom: 1.5rem;
|
||||
/* Colors Code */
|
||||
.highlight {
|
||||
background: #000000;
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight pre {
|
||||
font-size: 75%;
|
||||
}
|
||||
.highlight .hll {
|
||||
background-color: #222222;
|
||||
}
|
||||
.highlight .c {
|
||||
color: #4E4F8E;
|
||||
}
|
||||
.highlight .err {
|
||||
color: #cccccc;
|
||||
border: 1px solid #FF0000;
|
||||
}
|
||||
.highlight .esc, .highlight .g {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .k {
|
||||
color: #cdcd00;
|
||||
}
|
||||
.highlight .l, .highlight .n {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .o {
|
||||
color: #3399cc;
|
||||
}
|
||||
.highlight .x {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .p {
|
||||
color: #fac0ba;
|
||||
}
|
||||
.highlight .ch, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1 {
|
||||
color: #4E4F8E;
|
||||
}
|
||||
.highlight .cs {
|
||||
color: #cd0000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .gd {
|
||||
color: #cd0000;
|
||||
}
|
||||
.highlight .ge {
|
||||
color: #cccccc;
|
||||
font-style: italic;
|
||||
}
|
||||
.highlight .gr {
|
||||
color: #FF0000;
|
||||
}
|
||||
.highlight .gh {
|
||||
color: #4E4F8E;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .gi {
|
||||
color: #00cd00;
|
||||
}
|
||||
.highlight .go {
|
||||
color: #888888;
|
||||
}
|
||||
.highlight .gp {
|
||||
color: #4E4F8E;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .gs {
|
||||
color: #cccccc;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .gu {
|
||||
color: #800080;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .gt {
|
||||
color: #0044DD;
|
||||
}
|
||||
.highlight .kc {
|
||||
color: #cdcd00;
|
||||
}
|
||||
.highlight .kd {
|
||||
color: #00cd00;
|
||||
}
|
||||
.highlight .kn {
|
||||
color: #cd00cd;
|
||||
}
|
||||
.highlight .kp, .highlight .kr {
|
||||
color: #cdcd00;
|
||||
}
|
||||
.highlight .kt {
|
||||
color: #00cd00;
|
||||
}
|
||||
.highlight .ld {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .m {
|
||||
color: #cd00cd;
|
||||
}
|
||||
.highlight .s {
|
||||
color: #cd0000;
|
||||
}
|
||||
.highlight .na {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .nb {
|
||||
color: #cd00cd;
|
||||
}
|
||||
.highlight .nc {
|
||||
color: #00cdcd;
|
||||
}
|
||||
.highlight .no, .highlight .nd, .highlight .ni {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .ne {
|
||||
color: #666699;
|
||||
font-weight: bold;
|
||||
}
|
||||
.highlight .nf, .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .nt {
|
||||
color: orange;
|
||||
}
|
||||
.highlight .nv {
|
||||
color: #00cdcd;
|
||||
}
|
||||
.highlight .ow {
|
||||
color: #cdcd00;
|
||||
}
|
||||
.highlight .w {
|
||||
color: #cccccc;
|
||||
}
|
||||
.highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {
|
||||
color: #cd00cd;
|
||||
}
|
||||
.highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss {
|
||||
color: #cd0000;
|
||||
}
|
||||
.highlight .bp {
|
||||
color: #cd00cd;
|
||||
}
|
||||
.highlight .vc, .highlight .vg, .highlight .vi {
|
||||
color: #00cdcd;
|
||||
}
|
||||
.highlight .il {
|
||||
color: #cd00cd;
|
||||
}
|
||||
|
||||
/* html/body/font-fixes */
|
||||
body, input, textarea, .button {
|
||||
font-family: 'Roboto Condensed', Nimbus Sans, sans-serif;
|
||||
.soumaicon {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.fa small {
|
||||
font-family: 'Roboto Condensed', Nimbus Sans, sans-serif;
|
||||
color: #7a7a7a;
|
||||
.soumaicon svg {
|
||||
width: .8rem;
|
||||
height: .8rem;
|
||||
fill: currentcolor;
|
||||
}
|
||||
|
||||
/* button colouring */
|
||||
.is-button-grey, .pagination-link {
|
||||
background-color: #7a7a7a;
|
||||
border-color: transparent;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.button:hover, .pagination .is-current, .pagination-link:hover {
|
||||
background-color: #dd7325;
|
||||
border-color: transparent;
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.button:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* input select */
|
||||
input:focus, textarea:focus, input[type]:focus {
|
||||
box-shadow: 0 0 5px #719ECE;
|
||||
border: 1px;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
/* navigation */
|
||||
.navbar {
|
||||
background-color: #0c0f0f;
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.navbar.is-social-center{
|
||||
align-items: stretch;
|
||||
background-color: transparent;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
-webkit-box-align: stretch;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex-pack: center;
|
||||
-ms-flex-align: stretch;
|
||||
-ms-flex-negative: 0;
|
||||
-ms-flex-positive: 0;
|
||||
}
|
||||
|
||||
.navbar.is-social-center > a.navbar-item {
|
||||
color: #4a4a4a;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar.is-social-center > a.navbar-item:hover {
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0099e5;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
a.navbar-item.is-tab.is-active {
|
||||
border-bottom-color: #dd7325;
|
||||
border-width: 2px;
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
a.navbar-item.is-tab:hover {
|
||||
border-bottom-color: #dd7325;
|
||||
border-width: 2px;
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
a.navbar-item:hover {
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
a.navbar-item:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* main-header */
|
||||
.main-header .title {
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.main-header .subtitle {
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
.main-header {
|
||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
|
||||
}
|
||||
|
||||
.main-header .hero {
|
||||
background-color: #161c1c;
|
||||
.soumaicon:hover svg {
|
||||
fill: #dd7325;
|
||||
}
|
||||
|
||||
/* main content styling */
|
||||
@ -320,7 +290,6 @@ a.navbar-item:hover {
|
||||
.card {
|
||||
background-color: #161c1c;
|
||||
}
|
||||
|
||||
.card .card-content-footer {
|
||||
color: #7a7a7a;
|
||||
}
|
||||
@ -348,12 +317,10 @@ a.navbar-item:hover {
|
||||
padding-bottom: 30px;
|
||||
border-bottom: 1px solid #dd7325;
|
||||
}
|
||||
|
||||
.card-content-text p {
|
||||
color: whitesmoke;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.card-content-text label {
|
||||
color: whitesmoke;
|
||||
font-weight: 100;
|
||||
@ -382,7 +349,94 @@ a.navbar-item:hover {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
.content blockquote {
|
||||
background: black;
|
||||
color: white;
|
||||
border-left: 4px solid #dbdbdb;
|
||||
margin: 1.5rem 1rem;
|
||||
padding: 1.5rem 1rem;
|
||||
}
|
||||
.content blockquote p {
|
||||
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;
|
||||
}
|
||||
*:after, *:before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
legend {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.content dl, .content dt, .content dd, .content h2, .content h3, .content h4, .content h5, .content h6 {
|
||||
color: white;
|
||||
}
|
||||
.content.social {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0099e5;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.navbar-item.is-tab.is-active {
|
||||
border-bottom-color: #dd7325;
|
||||
border-width: 2px;
|
||||
color: whitesmoke;
|
||||
}
|
||||
a.navbar-item.is-tab:hover {
|
||||
border-bottom-color: #dd7325;
|
||||
border-width: 2px;
|
||||
color: #dd7325;
|
||||
}
|
||||
a.navbar-item:hover {
|
||||
color: #dd7325;
|
||||
background-color: transparent;
|
||||
}
|
||||
a.pagination-previous.disabled, a.pagination-next.disabled {
|
||||
background: #0c0f0f;
|
||||
color: white;
|
||||
cursor: not-allowed;
|
||||
border-color: #dbdbdb;
|
||||
box-shadow: none;
|
||||
color: #7a7a7a;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.pagination-list {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.is-button-grey, .pagination-link {
|
||||
background-color: #7a7a7a;
|
||||
border-color: transparent;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.button:hover, .pagination .is-current, .pagination-link:hover {
|
||||
background-color: #dd7325;
|
||||
border-color: transparent;
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.button:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.comments-content {
|
||||
background-color: #161c1c;
|
||||
padding-bottom: 10px;
|
||||
@ -392,7 +446,18 @@ a.navbar-item:hover {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
/* comments block */
|
||||
.footer {
|
||||
background-color: #0c0f0f;
|
||||
color: whitesmoke;
|
||||
}
|
||||
.footer a {
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
.footer-top-shadow {
|
||||
box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1);
|
||||
}
|
||||
|
||||
.comments-wrapper {
|
||||
padding: 25px;
|
||||
}
|
||||
@ -404,44 +469,25 @@ a.navbar-item:hover {
|
||||
.comments-wrapper p {
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.comments-wrapper small {
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.comments-wrapper strong {
|
||||
color: whitesmoke;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.comments-wrapper a {
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
.comments-wrapper .media .media, .comments-wrapper .media + .media {
|
||||
border-top: 1px solid #dd7325;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
.footer {
|
||||
background-color: #0c0f0f;
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #dd7325;
|
||||
}
|
||||
|
||||
.footer-top-shadow {
|
||||
box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1087px) {
|
||||
.navbar-menu {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.main-content {
|
||||
padding: 0rem;
|
||||
|
||||
78
cl-theme/static/images/icons/master.svg
Normal file
78
cl-theme/static/images/icons/master.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 62 KiB |
@ -1,10 +1,10 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block extra_head %}
|
||||
<meta name="description" content="{{ _('Lista de artículos publicados en Conocimientos Libres.') }}">
|
||||
<meta name="keywords" content="{{ _('archivos,artículos,historia,lista de artículos') }}">
|
||||
<meta name="description" content="{{ _('Lista de artículos publicados en Conocimientos Libres.') }}">
|
||||
<meta name="keywords" content="{{ _('archivos,artículos,historia,lista de artículos') }}">
|
||||
|
||||
<style>
|
||||
<style>
|
||||
|
||||
.content ul, .content ul ul, .content ul ul ul {
|
||||
list-style:none !important;
|
||||
@ -48,15 +48,15 @@
|
||||
.contenedor-arbol ul > li:last-child::after {
|
||||
height: 8px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{% trans %}Archivos de {{ SITENAME }}{% endtrans %}{% endblock %}
|
||||
{% block content %}
|
||||
<!-- page content -->
|
||||
<div class="main-content">
|
||||
<!-- page content -->
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<!-- start of posts -->
|
||||
<div class="columns is-multiline is-centered">
|
||||
@ -74,7 +74,6 @@
|
||||
<div class="card-content">
|
||||
<div class="content">
|
||||
<div class="card-inner-wrapper">
|
||||
|
||||
<div class="contenedor-arbol">
|
||||
<p>{{ ngettext('%(num)d artículo', '%(num)d artículos', dates|length) }}</p>
|
||||
<ul>
|
||||
@ -85,7 +84,6 @@
|
||||
{% set previous_year = loop.previtem.date|strftime('%Y') %}
|
||||
{% set previous_month = loop.previtem.date|strftime('%m') %}
|
||||
{% endif %}
|
||||
|
||||
{% if current_year != previous_year %}
|
||||
{% if loop.previtem %}
|
||||
</ul>
|
||||
@ -93,7 +91,6 @@
|
||||
</ul>
|
||||
</li> <!-- Cierra el año -->
|
||||
{% endif %}
|
||||
|
||||
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/">{{ current_year }}</a>
|
||||
<ul>
|
||||
<li><a href="{{ SITEURL }}/archives/{{ current_year }}/{{ current_month }}/">{{ article.date|strftime('%B') }}</a>
|
||||
@ -116,19 +113,18 @@
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end of post content -->
|
||||
|
||||
</div>
|
||||
<!-- end of post -->
|
||||
|
||||
</div>
|
||||
<!-- end of post column -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of page content -->
|
||||
</div>
|
||||
<!-- end of page content -->
|
||||
{% endblock %}
|
||||
|
||||
@ -87,18 +87,24 @@
|
||||
<div class="card-content-footer-small">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
@ -108,7 +114,11 @@
|
||||
<a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
|
||||
</div>
|
||||
<div class="column has-text-right">
|
||||
<i class="fa fa-calendar">
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#calendar" />
|
||||
</svg>
|
||||
</span>
|
||||
{% set año = article.date|strftime('%Y') %}
|
||||
{% set mes = article.date|strftime('%m') %}
|
||||
{% set nombre_mes = article.date|strftime('%B') %}
|
||||
@ -125,16 +135,18 @@
|
||||
</a>
|
||||
</small>
|
||||
</time>
|
||||
</i>
|
||||
|
||||
{% if not HIDE_AUTHORS and article.authors %}
|
||||
<i class="fa fa-user-o">
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#user"/>
|
||||
</svg>
|
||||
</span>
|
||||
{% for author in article.authors %}
|
||||
<small>
|
||||
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
|
||||
</small>
|
||||
{% endfor %}
|
||||
</i>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
@ -142,7 +154,6 @@
|
||||
<!-- end of post footer nav -->
|
||||
</div>
|
||||
<!-- end of post footer -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,10 @@
|
||||
<!-- post footer -->
|
||||
<div class="card-content-footer">
|
||||
<i class="fa fa-calendar">
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#calendar" />
|
||||
</svg>
|
||||
</span>
|
||||
{% set año = article.date|strftime('%Y') %}
|
||||
{% set mes = article.date|strftime('%m') %}
|
||||
{% set nombre_mes = article.date|strftime('%B') %}
|
||||
@ -17,39 +21,43 @@
|
||||
</a>
|
||||
</small>
|
||||
</time>
|
||||
</i>
|
||||
|
||||
{% if article.modified %}
|
||||
<i class="fa fa-calendar">
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#calendar" />
|
||||
</svg>
|
||||
</span>
|
||||
<span class="edit-link"
|
||||
title="{{ _('Fecha de modificación') }}">
|
||||
<small class="screen-reader-text">{{ _('Modificado el %(fecha)s'|format(fecha='</small>
|
||||
<time class="updated" datetime="%s"><small>%s</small></time>')|format(article.modified.isoformat(), article.locale_modified)) }}
|
||||
</span>
|
||||
</i>
|
||||
{% endif %}
|
||||
|
||||
<!-- <i class="fa fa-comment">
|
||||
<small>20 comments</small>
|
||||
</i> -->
|
||||
|
||||
{% if not HIDE_AUTHORS and article.authors %}
|
||||
<i class="fa fa-user-o">
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#user" />
|
||||
</svg>
|
||||
</span>
|
||||
{% for author in article.authors %}
|
||||
<small>
|
||||
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
|
||||
</small>
|
||||
{% endfor %}
|
||||
</i>
|
||||
{% endif %}
|
||||
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{% if translations.translations_for(article) %}
|
||||
<i class="fa fa-flag">
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#translate" />
|
||||
</svg>
|
||||
</span>
|
||||
<small>
|
||||
{{ translations.translations_for(article) }}
|
||||
</small>
|
||||
</i>
|
||||
{% else %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
@ -80,18 +80,24 @@
|
||||
<div class="card-content-footer-small">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -16,10 +16,6 @@
|
||||
<meta property="og:url" content="{{ SITEURL }}">
|
||||
<meta property="og:description" content="{{ SITE_DESCRIPTION }}">
|
||||
{% endblock %}
|
||||
<!-- fonts -->
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/fontawesome.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/libresocial.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/roboto.css">
|
||||
<!-- stylesheets -->
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/bulma.css">
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/hover.css">
|
||||
@ -152,18 +148,24 @@
|
||||
<div class="content social">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
@ -194,50 +196,68 @@
|
||||
<!-- header nav content -->
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-pump"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#pump"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-pixelfed"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#pixelfed"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-peertube"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#peertube"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mediagoblin"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mediagoblin"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-matrix"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#matrix"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="fa fa-rss"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#rss"/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- end of header nav content -->
|
||||
<div class="container has-text-centered">
|
||||
<span class="icon">
|
||||
<i class="icon-libregit"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#libregit"/>
|
||||
</svg>
|
||||
</span>
|
||||
<p>{{ _('Escrito por') }}
|
||||
<a href="https://libregit.org/heckyel">libregit.org/heckyel</a>
|
||||
@ -245,8 +265,10 @@
|
||||
<p>{{ _('Este sitio es Software Libre') }}</p>
|
||||
<p>
|
||||
<a href="https://libregit.org/heckyel/cl">{{ _('Código fuente') }}</a>
|
||||
<span class="icon">
|
||||
<i class="fa fa-code"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#code"/>
|
||||
</svg>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block extra_head %}
|
||||
{{ super() }}
|
||||
{% if lang_siteurls and articles_page.number == 1 %}
|
||||
{% for lang, url in lang_siteurls.items() %}
|
||||
<link rel="alternate" hreflang="{{ lang }}" href="{{ url }}/">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{{ super() }}
|
||||
{% if lang_siteurls and articles_page.number == 1 %}
|
||||
{% for lang, url in lang_siteurls.items() %}
|
||||
<link rel="alternate" hreflang="{{ lang }}" href="{{ url }}/">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{{ SITENAME }}{% if articles_page.number != 1 %} | Page {{ articles_page.number }}{% endif %}{% endblock %}
|
||||
{% block sitename %}
|
||||
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
|
||||
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
|
||||
<h1 class="title is-1 is-spaced">{{ SITENAME }}</h1>
|
||||
<h4 class="subtitle is-4">{{ SITESUBTITLE }}</h4>
|
||||
{% endblock %}
|
||||
|
||||
@ -56,18 +56,24 @@
|
||||
<div class="card-content-footer-small">
|
||||
<div class="navbar is-social-center">
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-gnusocial"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#gnusocial" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-diaspora"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#diaspora" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="navbar-item" href="">
|
||||
<span class="icon">
|
||||
<i class="icon-mastodon"></i>
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#mastodom" />
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
@ -77,14 +83,17 @@
|
||||
<a class="button is-small is-button-grey" href="{{ SITEURL }}/">{{ _('Regresar al Inicio') }}</a>
|
||||
</div>
|
||||
<div class="column has-text-right">
|
||||
<i class="fa fa-flag">
|
||||
<span class="soumaicon">
|
||||
<svg>
|
||||
<use href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/master.svg#translate" />
|
||||
</svg>
|
||||
</span>
|
||||
{% import 'translations.html' as translations with context %}
|
||||
{% if translations.translations_for(page) %}
|
||||
<small>
|
||||
{{ translations.translations_for(page) }}
|
||||
</small>
|
||||
{% endif %}
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end of post footer nav -->
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="main-content">
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<!-- start of posts -->
|
||||
<div class="columns is-multiline is-centered">
|
||||
@ -42,6 +42,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user