History: Themes_tiki_org_custom_CSS
Preview of version: 3
This is the Look & Feel admin custom CSS used at this site as of the time of this writing.
To do: Page-specific CSS should be moved to the particular page (vertical timeline, for example). Other rules should be checked to see if they are still needed, etc.
Copy to clipboard
:root { --tiki-page-content-top-margin: 20px; } .sitetitles { --tiki-site-title-color: var(--tiki-top-color); --tiki-site-subtitle-color: var(--tiki-top-color); } [data-bs-theme="dark"] { --tiki-site-title-color: var(--tiki-top-color); --tiki-site-subtitle-color: var(--tiki-top-color); } /* Change logo from black to white */ img.sitelogo {filter: invert(100%); } /* Gitter chat sidecar */ aside.gitter-chat-embed { margin-top: 150px; } /* Link color definitions for sister sites removed -- see page Themes.tiki.org Custom CSS page history. */ /*.top_modules { float: right; }*/ .topbar_modules { width: 100%; } /* #module_78 .nav { background: #f8e286a !important; } - hex code isn't a color *//* project site dropdown background */ @media (min-width: 768px) { .top_modules { min-width: 400px; } } /* prevent collapsing top navbar items when not logged in */ #outerToc { top: 31px; } @media (max-width: 991px) { .navbar-brand { font-size: 12px; } } /*#module_66 {width: auto; background: url(dl146) repeat-x; text-align: center; color: #8E286A; text-shadow: 4px 4px 0px #fff;} @media (min-width: 768px) { #page_1 .middle_outer {margin-top: 350px;} #module_66 {height:330px;margin-top: -330px; font-size: 90px;padding-top: 65px; } #page_1 .content_tiki_is { margin-top: 40px; margin-bottom: 40px;background: #8e286a; color: #fff;} #page_1 .content_tiki_is .lead {padding: 40px 0 20px;} } */ .content_next_steps .center-block {display: table;} .content_next_steps {margin-bottom: 40px;} #page_1 .pagetitle {display: none;}/* This shouldn't be needed, but the no-title option on the page edit screen doesn't seem to work. */ ul.ui-autocomplete {background: #fff;} #page_356 #col2 { display:none; } #page_356 #middle.container { width: 100%; } #page_356 #col1 { width: 100%; left: 0; } #page_356 .tiki .middle_outer { background: #28292b; } #page_356 .top_row { background: #28292b; color: #fff; } #page_356 .middle_row { background: #f2f2f2; color: #333; } #page_356 .bottom_row { background: #fff; color: #333; } /* testing menu dropdown visibility in site header */ .navbar-collapse.in { overflow: visible; } /* Homepage parallax scrolling, etc. */ #page_1 h3#Featured_at_the_Marketplace { padding-bottom: 30px; } #page_1 .row.site_intro { padding-bottom: 40px; } #page_1 .row.site_intro h1 { font-size: 4.5rem; } /* updated in 21 */ #page_1 .container.middle h1 {font-size: 66px; margin-top: 60px; } /*#page_1 body { background: #f9e5f2; }*/ #page_1 .container.middle article.wikitext { font-size: 110%; } #page_1 .container.middle, #page_1 .container.middle > .row > .col-md-12 { width: 100%; padding-left: 0; padding-right: 0; max-width: 100%; margin-left: 0; margin-right: 0; } #page_1 .container.middle > .row, #page_1 .topbar.row { margin-left: 0; margin-right: 0; } /* * Lulu Parallax v1.0 * * Copyright 2016 Carlos Ruiz / carlosruiz.me */ .parallax-group { height: 25vw; /* float: left;*/ margin: 20px 0 40px 0; } .parallax-group .parallax-container.background { height: 50vw; display: table; } .parallax-group { width: 100%; position: relative; overflow: hidden; } .parallax-group .parallax-container.foreground { height: 15vw; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50); color: #fff; display: table; } .parallax-group .parallax-container .info { display: table-cell; vertical-align: middle; } .parallax-group .parallax-container .info.info-a { text-align: center; } .parallax-group .parallax-container { width: 100%; position: absolute; } .parallax-group .parallax-container.background { background-repeat: no-repeat; background-size: cover; } .parallax-group .parallax-container.foreground.with, .parallax-group .parallax-container.background.against { top: 0; } .parallax-group .parallax-container.background.with, .parallax-group .parallax-container.foreground.against { bottom: 0; } .parallax-group .parallax-container.foreground { height: 15vw; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.25); color: #fff; display: table; } .parallax-group .parallax-container .info { display: table-cell; vertical-align: middle; text-align: center; } .parallax-group.group-a .parallax-container.background { background-image: url("display181"); } .parallax-group.group-a.theme-info_intro .parallax-container.background { background-image: url("display182"); } footer.help-block { border-top: 1px solid #737373; padding: .7em 0; margin-bottom: 1.2em; } /* New for branch 19 #pagebottom_modules {flex-wrap: wrap; } #pagebottom_modules > .text-center { height: 3rem; } #bottom_modules .icon-link-external { display: none; } #bottom_modules h4 { font-size: 1.25rem; } .nav-link.dropdown-toggle { white-space: nowrap; } */ /* temp fix - Gary .tiki .col-lg-9 { flex-basis: 75%; }*/ /* .postbody .card-header { background: #83286a; } May 7, 2019 ,postbody .card-header a.label, .postbody .card-header a.btn-link { color: #fff rgba(255,255,255,.75; }*/