History: Doc_tiki_org_custom_CSS

• «
• »

            This page is for keeping a record of the custom CSS used at this website, which is input in the Look and Feel admin Custom CSS textarea. When that content is edited, this page should be updated with the new content. Then if there is any question about the custom CSS that was used in the past, the page history here can be checked.

{CODE()}
/* Change logo from black to white */
img.sitelogo {filter: invert(100%); }
/* Next two: add to theme or tiki_base before Tiki 25.beta */
:root {
--tiki-top-dark-bg-color: #717826;
--tiki-top-dark-link-color: #ffffff;
--tiki-top-dark-link-hover-color: #ffffff;
--tiki-topbar-dark-bg-color: #7F7506;
--tiki-topbar-dark-link-color: #ffffff;
--tiki-topbar-dark-link-hover-color: #ffffff; 
}
.topbar {
  margin-bottom: 0;
}
a.navbar-brand.sitelogo { width: 100%; }

/* Gitter chat sidecar */
aside.gitter-chat-embed { margin-top: 130px; } 

div#outerToc {
	top: 31px;
}
/*.sitelogo {
	line-height: 46px;  same as .sitetitle 
}
.navbar-fixed-top .sitelogo a img, .layout_fixed_top_modules #top_modules .sitelogo a img {
	margin-right: 0;
	margin-top: 0;
} */

@media (max-width:991px) {
  .navbar-brand {
    font-size: 12px; 
    width: 65%;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: "…"; }
  }

.ui-autocomplete-loading { background: white url("img/spinner.gif") right center no-repeat; }

.wikitext .card {
    margin-bottom: 1rem;
}

#module_75 .card-body,
#module_25 .card-body { /* keywords module for Tiki 13 (jb) */
    height: 20em;
    overflow-y: scroll;
    overflow-x: hidden;
}

#module_75 .card-body .nav > li > a { padding: 0 15px; }

/* Display first paragraph of wiki pages as a leading text */
#page-data > p:first-of-type, .wikipreview .wikitext > p:first-of-type {
    font-size: 120%;
    padding: 2rem;
    background: #f0f0f0;
    border-radius: .5rem;
    box-shadow: rgba(50, 50, 50, .15) 0 3rem 3rem -2rem inset, rgba(50, 50, 50, 0.1) 0 -1rem 2rem -1rem inset;
}
#page-data > p:first-of-type > br:first-of-type, .wikipreview .wikitext > p:first-of-type > br:first-of-type {
    display: none;
}

/*#page-data a {
	font-weight: bold;
}*/

@-ms-viewport{
	width: auto!important;
}

/* Reduce page-top vertical whitespace */
#alternate_register_link_because_InterTiki > br,
#doc-dev-crosslinks > br { display: none; }

/* Responsive Youtube videos - video wrapper class */
.video-wrapper {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 10px;
     overflow: hidden;
 }
 .video-wrapper iframe {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

/* End Responsive Youtube videos - video wrapper class */

/* test to make dropdowns visible in mobile views */
.tiki .navbar-collapse.in { overflow-y: visible; }

/* Fix bad contrast- check and fix in stylesheet - GC-L 8/18 */
.tiki-edit_structure .structure-container .ui-state-default { background: inherit; }

footer.help-block {  border-top: 1px solid #737373; padding: .7em 0; margin-bottom: 1.2em; }

/* Added for Tiki 19 - will move to stylesheet if it's a general fix/improvement. */
#bottom_modules .row { width: 100%; max-width: 100%; }
#bottom_modules .icon-link-external { display: none; } 
#bottom_modules h4 { font-size: 1.2rem; }
#bottom_modules ul { list-style: none; padding-left: 0; }

textarea, .CodeMirror {
    font-family: monospace !important;
}

/* Added by Bsfez for the Video Tutorials pages */

.row .videoTutorials {
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc
}

.videoTitle h5 a.heading-link {display:none}
/*
.videoLevel-Beginner,
.videoLevel-Intermediate,
.videoLevel-PowerUser,
.videoLevel-Developer,
.videoRole,
.videoTitle a.wiki.external,
.videoTag {
  font-size: small
}*/

.videoLevel-Beginner {color: #117485}
.videoLevel-Intermediate {color: #a59705}
.videoLevel-PowerUser {color: #a53723}
.videoLevel-Developer {color: #a51e37}
.videoRole {color: #888}

.videoTitle h5 {margin-bottom:0.1em}
.videoTitle p {margin-bottom:0.2em}

.videoTitle a.wiki.external,
.videoTitle a:hover.wiki.external {
  word-break: normal;
  letter-spacing: -0.05em;
}

.videoTitle a.wiki.external:before,
.videoTitle a.wiki.external:after,
.videoTitle a:hover.wiki.external:before,
.videoTitle a:hover.wiki.external:after
{display: none}

.videoTitle a:hover.wiki.external {padding-left:0}

.videoDescription {
  overflow: hidden;
  position: relative; 
  line-height: 1.2em;
  max-height: 6em; 
  text-align: justify;
}

/* END - Added by Bsfez for the Video Tutorials pages */

/* Added by Bsfez for the tooh joinus message */
#mod-menutopbar1 > nav > div > ul > li:nth-child(8) > a {
  font-weight: bold;
  margin-left: 6em;
  color: rgb(255, 248, 33);}
/* END Added by Bsfez for the tooh joinus message */

/* Make input labels inline on "Video-Tutorials" */
.videoresourceTikiExperienceLevel input+br, .videoresourceTikiUserGroupRole input+br {display: none; }

/* Limit height of video transcript */
.transcript-container { max-height: 300px; overflow-y: auto; }

/* temp fix - Gary */
.tiki .col-lg-9 {
    flex-basis: 75%;
}

/* was: liquid layout to display all of wide table */
#page_5154 .field259 { width: 280px; } 
/*#page_5154 .tiki .container {width: 100%; max-width: 100%; }
#page_5154 .tiki #col1 .table-responsive {overflow: visible; width: inherit; border-right-color: transparent;}
#page_5154 .tiki #col1 .table-responsive > .table { width: 1200px; }*/

.modal-dialog {
    width: 80%; /* responsive width */
}

/* @media (min-width: 1200px) { .container { width:1240px; max-width:1240px;} } -- This only widens the pagetop content area, not the content, so a better solution is needed. - g_c-l */
{CODE}