diff --git a/themes/buha/assets/css/layout.css b/themes/buha/assets/css/layout.css index 13f6d330..9c7348c5 100644 --- a/themes/buha/assets/css/layout.css +++ b/themes/buha/assets/css/layout.css @@ -5,7 +5,7 @@ flex-direction: row; flex-wrap: wrap; background-color: #741e94; - background: url(/images/logo_back_full.svg); + background: url(/images/logo_back_full.png); } @@ -307,4 +307,4 @@ input, textarea { @media only screen and (min-width: 992px) {...} /* Extra large devices (large laptops and desktops, 1200px and up) */ -@media only screen and (min-width: 1200px) {...} \ No newline at end of file +@media only screen and (min-width: 1200px) {...} diff --git a/themes/buha/assets/css/layout.css~ b/themes/buha/assets/css/layout.css~ new file mode 100644 index 00000000..13f6d330 --- /dev/null +++ b/themes/buha/assets/css/layout.css~ @@ -0,0 +1,310 @@ +#headerinner { + display: flex; + align-items: center; + justify-content: space-between; + flex-direction: row; + flex-wrap: wrap; + background-color: #741e94; + background: url(/images/logo_back_full.svg); +} + + + +form label { + display: inline-block; + width: 100px; +} + +form div { + margin-bottom: 10px; +} + +.container { + background-color: var(--background-alt); + background-image: linear-gradient(var(--background-alt), var(--background)); +} + +details { + margin-top: 0; +} + +summary { + background-color: var(--background-alt); + padding-bottom: 0; +} + +details p, details section { + text-align: right; +} + +aside { + display: none; +} + +h1 { + margin-left: .5rem; +} + +.right-sidebar { + display: none; + margin-left: 1rem; + justify-content: flex-end; + margin-right: 1rem; +} + +.right-sidebar a { + color: var(--text-muted); +} + +#pagination { + display: flex; + justify-content: flex-start; + margin: 1rem; +} + +#pagination a { + padding-right: 1rem; +} + +#menu { + display: flex; + justify-content: flex-end; + flex-wrap: wrap; + padding-right: .5rem; + align-items: center; +} + +#menu a { + margin-left: .5rem; + color: var(--text-header); +} + +footer { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-top: 1rem; + margin-left: 1rem; + margin-right: 1rem; + flex-direction: column-reverse; +} + +.footer_color { + color: var(--links); +} + +.infobox { + text-align: center; +} + +footer div { + margin-top: 1rem; +} + +p a { + text-decoration: underline; +} + +#articletitle h2 { + margin-top: 0; +} + +article a:hover { + text-decoration: none; +} + +article p:first-child { + margin: 0; +} + +article #readmore { + margin-top: 1rem; +} + +article { + display: flex; + flex-direction: column; + margin-bottom: 2rem; + padding: 1rem 1rem 1rem 1rem; +} + +#articletext img { + margin: 1.5rem 1.5rem 3rem 2rem; + border-radius: 15px; + width: 80%; +} + +#articlemeta { + margin-bottom: 1rem; +} + +#articlemeta div:first-child { + font-size: medium; + font-weight: bold; +} + +#articleinner { + display: flex; + flex-direction: column-reverse; + margin-top: .5rem; +} + +#articletext { + margin-bottom: 1rem; +} + +#articlepicture { + margin-top: .3rem; +} + +#articledata { + display: flex; + flex-direction: column-reverse; +} + +#article_footer { + margin-left: 1rem; + margin-top: 2rem; + display: flex; + align-items: flex-end; + font-size: x-small; + border-top: 1px solid var(--background); + color: var(--text-muted); +} + +.articlebgcol1 { + background-color: var(--background); +} + +#nav-posts { + display: flex; + flex-direction: column; +} + +.post_tag { + text-transform: capitalize; + margin-left: .5rem; +} + +.result { + -webkit-user-select: all; + user-select: all; +} + +label,textarea,#label { + width: 100%; +} + +fieldset{ + display: flex; + flex-direction: column; + max-width: 58.5rem; + border-color: var(--background-alt); +} + +input, textarea { + background-color: var(--background-body); +} + +.underline { + text-decoration: underline; +} + +.multiple_small { + flex: 0 0 24%; + margin-right: 1rem; +} + +.multiple_big { + flex: 0 0 72%; +} + +.solo { + flex: 0 0 100%; +} + +.borderrad25 { + border-radius: 15px; +} + +.minmax { + width: auto; + max-width: auto; +} + +.align_menu { + list-style: none; text-align: right; +} + + /* Extra small devices (phones, 600px and down) */ +@media only screen and (max-width: 600px) {...} + +/* Small devices (portrait tablets and large phones, 600px and up) */ +@media only screen and (min-width: 600px) { + details { + display: none; + } + + + + #headerinner { + padding: 10px; + } + .container { + min-height: 100vh; + } + + .content { + padding-left: 10px; + padding-right: 10px; + display: flex; + justify-content: space-between; + min-height: 70vh; + } + + .right-sidebar { + display: flex; + flex-shrink: 0; + flex-grow: 0; + margin-left: 2rem; + text-align: right; + flex-direction: column; + min-width: 15%; + min-height: 100vh; + margin-top: 1rem; + margin-right: .5rem; + justify-content: flex-start; + } + + footer { + padding-left: 10px; + padding-right: 10px; + flex-direction: row; + } + + .infobox { + text-align: left; + } + + #articleinner { + display: flex; + flex-direction: row; + } + + #article_footer { + margin-left: 2rem; + } + .minmax { + width: calc(100vw - 5rem); + max-width: 800px; + } +} + +/* Medium devices (landscape tablets, 768px and up) */ +@media only screen and (min-width: 768px) {...} + +/* Large devices (laptops/desktops, 992px and up) */ +@media only screen and (min-width: 992px) {...} + +/* Extra large devices (large laptops and desktops, 1200px and up) */ +@media only screen and (min-width: 1200px) {...} \ No newline at end of file diff --git a/themes/buha/assets/images/no_article_pic.svg b/themes/buha/assets/images/no_article_pic.svg new file mode 100644 index 00000000..394f84bf --- /dev/null +++ b/themes/buha/assets/images/no_article_pic.svg @@ -0,0 +1,103 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/buha/static/images/logo_back_full.png b/themes/buha/static/images/logo_back_full.png new file mode 100644 index 00000000..362f69eb Binary files /dev/null and b/themes/buha/static/images/logo_back_full.png differ