History: Themes_tiki_org_custom_CSS

• «
• »

            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.
{CODE()}
: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; }*/




{CODE}