first commit
This commit is contained in:
Jesús
10289
cl-theme/static/css/bulma.css
vendored
Normal file
10289
cl-theme/static/css/bulma.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
cl-theme/static/css/bulma.css.map
Normal file
1
cl-theme/static/css/bulma.css.map
Normal file
File diff suppressed because one or more lines are too long
2341
cl-theme/static/css/fontawesome.css
vendored
Normal file
2341
cl-theme/static/css/fontawesome.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
61
cl-theme/static/css/hover.css
Normal file
61
cl-theme/static/css/hover.css
Normal file
@@ -0,0 +1,61 @@
|
||||
/**
|
||||
* @licstart The following is the entire license notice for the
|
||||
* CSS code in this page.
|
||||
*
|
||||
* Copyleft 2018 Jesus E.
|
||||
*
|
||||
* @licend The above is the entire license notice
|
||||
* for the CSS code in this page.
|
||||
*
|
||||
*/
|
||||
.ihover {
|
||||
display: block;
|
||||
position: relative;
|
||||
box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.3), 0 1px 0px 0px rgba(0, 0, 0, 0.05);
|
||||
overflow: hidden;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/*transition*/
|
||||
.ihover, .ihover:after, .ihover:before {
|
||||
-moz-transition: all .5s cubic-bezier(0.54, 0, 0.1, 1);
|
||||
-ms-transition: all .5s cubic-bezier(0.54, 0, 0.1, 1);
|
||||
-o-transition: all .5s cubic-bezier(0.54, 0, 0.1, 1);
|
||||
-webkit-transition: left .5s cubic-bezier(0.54, 0, 0.1, 1);
|
||||
transition: all .5s cubic-bezier(0.54, 0, 0.1, 1);
|
||||
}
|
||||
|
||||
.ihover > img {
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ihover:before, .ihover:after {
|
||||
position: absolute;
|
||||
background: url(../images/hover/lupa.png) no-repeat center center rgba(0,0,0,0.8);
|
||||
}
|
||||
|
||||
/*slide circle 3*/
|
||||
.ihover.circle3:before {
|
||||
content: "";
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(-50%, -50%) scale(1.4);
|
||||
-moz-transform: translate(-50%, -50%) scale(1.4);
|
||||
-ms-transform: translate(-50%, -50%) scale(1.4);
|
||||
-o-transform: translate(-50%, -50%) scale(1.4);
|
||||
transform: translate(-50%, -50%) scale(1.4);
|
||||
}
|
||||
.ihover.circle3:hover:before {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate(-50%, -50%) scale(1);
|
||||
-moz-transform: translate(-50%, -50%) scale(1);
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
-o-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
}
|
||||
105
cl-theme/static/css/libresocial.css
Normal file
105
cl-theme/static/css/libresocial.css
Normal file
@@ -0,0 +1,105 @@
|
||||
/* ---- ---- LIBRESOCIAL ---- ---- */
|
||||
/* Written by Heckyel */
|
||||
@font-face {
|
||||
font-family: "libresocial";
|
||||
src: url("../fonts/libresocial/libresocial.woff") format("woff"),
|
||||
url("../fonts/libresocial/libresocial.ttf") format("truetype"),
|
||||
url("../fonts/libresocial/libresocial.svg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: "libresocial";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
margin-right: 0.2em;
|
||||
text-align: center;
|
||||
/* opacity: .8; */
|
||||
/* For safety - reset parent styles, that can break glyph codes */
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* remove if not needed */
|
||||
margin-left: 0.2em;
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
/* Font smoothing. That was taken from TWBS */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
|
||||
.icon-copyleft:before {
|
||||
content: "\e800";
|
||||
}
|
||||
|
||||
.icon-diaspora:before {
|
||||
content: "\e801";
|
||||
}
|
||||
|
||||
.icon-friendica:before {
|
||||
content: "\e802";
|
||||
}
|
||||
|
||||
.icon-gitlab:before {
|
||||
content: "\e803";
|
||||
}
|
||||
|
||||
.icon-gnusocial:before {
|
||||
content: "\e804";
|
||||
}
|
||||
|
||||
.icon-hubzilla:before {
|
||||
content: "\e805";
|
||||
}
|
||||
|
||||
.icon-liberapay:before {
|
||||
content: "\e806";
|
||||
}
|
||||
|
||||
.icon-libregit:before {
|
||||
content: "\e807";
|
||||
}
|
||||
|
||||
.icon-mastodon:before {
|
||||
content: "\e808";
|
||||
}
|
||||
|
||||
.icon-matrix:before {
|
||||
content: "\e809";
|
||||
}
|
||||
|
||||
.icon-mediagoblin:before {
|
||||
content: "\e810";
|
||||
}
|
||||
|
||||
.icon-notabug:before {
|
||||
content: "\e811";
|
||||
}
|
||||
|
||||
.icon-peertube:before {
|
||||
content: "\e812";
|
||||
}
|
||||
|
||||
.icon-pixelfed:before {
|
||||
content: "\e813";
|
||||
}
|
||||
|
||||
.icon-pump:before {
|
||||
content: "\e814";
|
||||
}
|
||||
|
||||
.icon-tox:before {
|
||||
content: "\e815";
|
||||
}
|
||||
|
||||
.icon-xmpp:before {
|
||||
content: "\e816";
|
||||
}
|
||||
70
cl-theme/static/css/roboto.css
Normal file
70
cl-theme/static/css/roboto.css
Normal file
@@ -0,0 +1,70 @@
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Condensed'),
|
||||
local('RobotoCondensed-Regular'),
|
||||
url(../fonts/roboto/roboto-cyrillic-ext.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Condensed'),
|
||||
local('RobotoCondensed-Regular'),
|
||||
url(../fonts/roboto/roboto-cyrillic.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Condensed'),
|
||||
local('RobotoCondensed-Regular'),
|
||||
url(../fonts/roboto/roboto-greek-ext.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Condensed'),
|
||||
local('RobotoCondensed-Regular'),
|
||||
url(../fonts/roboto/roboto-greek.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Condensed'),
|
||||
local('RobotoCondensed-Regular'),
|
||||
url(../fonts/roboto/roboto-vietnamese.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Condensed'),
|
||||
local('RobotoCondensed-Regular'),
|
||||
url(../fonts/roboto/roboto-latin-ext.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
368
cl-theme/static/css/style.css
Normal file
368
cl-theme/static/css/style.css
Normal file
@@ -0,0 +1,368 @@
|
||||
/* github.com/plasticneko */
|
||||
/* bulma css framework (github.com/jgthms | bulma.io)
|
||||
Author: jeremy thomas
|
||||
Author: jesus e.
|
||||
*/
|
||||
|
||||
/* basic formatting changes (mostly to cater for darker colours) */
|
||||
|
||||
/* ------------- Menu Mobile sin JS ---------------- */
|
||||
/* input hidden */
|
||||
#navbar-toggle-cbox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
label[for=navbar-toggle-cbox] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#navbar-toggle-cbox:checked ~ .navbar-menu {
|
||||
display: block;
|
||||
}
|
||||
/*- ----------- End Menu Mobile sin JS ------------- */
|
||||
|
||||
code {
|
||||
background-color: #282828;
|
||||
color: #73d1ed;
|
||||
}
|
||||
|
||||
li {
|
||||
color: white;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: #282828;
|
||||
color: #78dcfa;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: white;
|
||||
}
|
||||
|
||||
video {
|
||||
width: 100%;
|
||||
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;
|
||||
}
|
||||
|
||||
.is-table {
|
||||
display: table;
|
||||
}
|
||||
|
||||
.pagination-list {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
/* html/body/font-fixes */
|
||||
body, input, textarea, .button {
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
}
|
||||
|
||||
.fa small {
|
||||
font-family: 'Roboto Condensed', sans-serif;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* main content styling */
|
||||
.main-content {
|
||||
background-color: #363636;
|
||||
padding: 1rem 1.5rem;
|
||||
}
|
||||
|
||||
/* card changes */
|
||||
.card {
|
||||
background-color: #161c1c;
|
||||
}
|
||||
|
||||
.card .card-content-footer {
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.card-content-footer i {
|
||||
padding-right: 10px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.card-content-header, .comments-header {
|
||||
background-color: #dd7325;
|
||||
padding: 10px;
|
||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
|
||||
}
|
||||
|
||||
.card-content-header .title, .card-content-header a {
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.card-inner-wrapper {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.card-content-text {
|
||||
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;
|
||||
}
|
||||
|
||||
.card-content-nav {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.card-content-footer {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.card-content-footer-small {
|
||||
padding-top: 20px;
|
||||
margin-bottom: -25px;
|
||||
}
|
||||
|
||||
.card-content-footer-cols {
|
||||
padding-top: 20px;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
|
||||
.card-content-form {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
.comments-content {
|
||||
background-color: #161c1c;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.pagination-style-custom {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
/* comments block */
|
||||
.comments-wrapper {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.comments-header .title {
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user