History: Tiki_org_family_customizations_CSS

• «
• »

            ~tc~ 
*****
* PLEASE NOTE: THIS PAGE HAS OBJECT PERMS SET UP TO PREVENT EDITING BY NON-ADMINS
*****
~/tc~

.keep_this_line_here_for_now_to_prevent_the_page_title_to_be_interpreted_as_a_CSS_selector_till_fixed,

{CODE(colors=css)}
/*****
* TO REQUEST THIS CODE AS CSS FILE TYPE USE: tiki-index_raw.php?page={{page}}&clean&textonly&download&css
* Example: <link rel="stylesheet" href="https://themes.tiki.org/tiki-index_raw.php?page={{page}}&clean&textonly&download&css" type="text/css"> or @import url("https://themes.tiki.org/tiki-index_raw.php?page={{page}}&clean&textonly&download&css");
*****/

/*** Link color definitions for "sister" sites ***/

article a[href^="http://"]::before,
article a[href^="https://"]::before,
article a.ext:before {
color: #fff;
display: inline-block;
font-size: 75%;
border-radius: 50%;
height: 10px;
overflow: hidden;
padding: 2px 5px;
margin-right: 3px;
text-indent: -10rem;
transition: transform .25s;
vertical-align: middle;
width: 10px;
}

article a[href^="http://"]:hover::before,
article a[href^="https://"]:hover::before {
width: auto;
transition: text-indent .1s;
text-indent: 0;
padding: 1px 5px;
height: auto;
border-radius: 9rem;
position: absolute;
margin-top: -1rem;
margin-left: -13px;
}

article a[href^="http://"]:hover::after,
article a[href^="https://"]:hover::after {
content: "";
border-left-width: 6px;
border-left-style: solid;
border-bottom-color: transparent;
border-bottom-width: 6px;
border-bottom-style: solid;
left: 5px;
bottom: .4em;
position: absolute;
transform: skewX(-20deg);
}

/* rules common for all URLs we want to match */
article a[href^="http://branding.tiki"]:hover,
article a[href^="https://branding.tiki"]:hover,
article a[href^="http://community.tiki"]:hover,
article a[href^="https://community.tiki"]:hover,
article a[href^="http://dev.tiki"]:hover,
article a[href^="https://dev.tiki"]:hover,
article a[href^="http://doc.tiki"]:hover,
article a[href^="https://doc.tiki"]:hover,
article a[href^="http://info.tiki"]:hover,
article a[href^="https://info.tiki"]:hover,
article a[href^="http://profiles.tiki"]:hover,
article a[href^="https://profiles.tiki"]:hover,
article a[href^="http://suite.tiki"]:hover,
article a[href^="https://suite.tiki"]:hover,
article a[href^="http://themes.tiki"]:hover,
article a[href^="https://themes.tiki"]:hover,
article a[href^="http://tiki.org"]:hover,
article a[href^="https://tiki.org"]:hover,
article a[href^="http://tikiwiki.org"]:hover,
article a[href^="https://tikiwiki.org"]:hover,
article a[href^="http://de.wikipedia.org"]:hover,
article a[href^="https://de.wikipedia.org"]:hover,
article a[href^="http://en.wikipedia.org"]:hover,
article a[href^="https://en.wikipedia.org"]:hover,
article a[href^="https://www.wikipedia.org"]:hover,
article a[href^="http://wikisuite.org"]:hover,
article a[href^="https://wikisuite.org"]:hover,
article a.ext_page:hover {
padding-left: 13px;
position: relative;
}

/* Sometimes we want to prevent these so we can wrap the content in .rawlinks class and the links will display raw */
.rawlinks a::before, .rawlinks a::after {
display: none !important;
}
.rawlinks a.btn {
padding: 6px 12px !important;
}
.rawlinks a.btn-lg, .rawlinks .btn-group-lg > .btn {
padding: 10px 16px !important;
}

/* Color and badge definitions for specific URLs follow */
article a[href^="http://branding.tiki"]:hover:after,
article a[href^="https://branding.tiki"]:hover:after,
article a.branding:hover:after {
border-left-color: #eb0a82;
}

article a[href^="http://branding.tiki"]:before,
article a[href^="https://branding.tiki"]:before,
article a.branding:before {
background-color: #eb0a82;
content: "branding:";
}

article a[href^="http://tiki.org"]:hover:after,
article a[href^="https://tiki.org"]:hover:after,
article a[href^="http://tikiwiki.org"]:hover:after,
article a[href^="https://tikiwiki.org"]:hover:after,
article a[href^="http://info.tiki"]:hover:after,
article a[href^="https://info.tiki"]:hover:after,
article a.info:hover:after {
border-left-color: #117485;
}

article a[href^="http://tiki.org"]:before,
article a[href^="https://tiki.org"]:before,
article a[href^="http://tikiwiki.org"]:before,
article a[href^="https://tikiwiki.org"]:before,
article a[href^="http://info.tiki"]:before,
article a[href^="https://info.tiki"]:before,
article a.info:before {
background-color: #117485;
content: "info:";
}

/* orange for community ext wiki links */
article a[href^="http://community.tiki"]:hover:after,
article a[href^="https://community.tiki"]:hover:after,
article a.tw:hover:after {
border-left-color: #ec6223;
}

article a[href^="http://community.tiki"]:before,
article a[href^="https://community.tiki"]:before,
article a.tw:before {
background-color: #ec6223;
content: "community:";
}

article a[href^="http://dev.tiki"]:hover:after,
article a[href^="https://dev.tiki"]:hover:after,
article a.dev:hover:after {
border-left-color: #c21e3b;
}

article a[href^="http://dev.tiki"]:before,
article a[href^="https://dev.tiki"]:before,
article a.dev:before {
background-color: #c21e3b;
content: "dev:";
}

article a[href^="http://doc.tiki"]:hover:after,
article a[href^="https://doc.tiki"]:hover:after,
article a.doc:hover:after {
border-left-color: #96a032;
}

article a[href^="http://doc.tiki"]:before,
article a[href^="https://doc.tiki"]:before,
article a.doc:before {
background-color: #96a032;
content: "doc:";
}

article a[href^="http://profiles.tiki"]:hover:after,
article a[href^="https://profiles.tiki"]:hover:after,
article a.profiles:hover:after {
border-left-color: #ffc506;
}

article a[href^="http://profiles.tiki"]:before,
article a[href^="https://profiles.tiki"]:before,
article a.profiles:before {
background-color: #ffc506;
content: "profiles:";
}

article a[href^="http://suite.tiki"]:hover:after,
article a[href^="https://suite.tiki"]:hover:after,
article a.suite:hover:after {
border-left-color: #7001a7;
}

article a[href^="http://suite.tiki"]:before,
article a[href^="https://suite.tiki"]:before,
article a.suite:before {
background-color: #7001a7;
content: "suite:";
}

article a[href^="http://themes.tiki"]:hover:after,
article a[href^="https://themes.tiki"]:hover:after,
article a.themes:hover:after {
border-left-color: #8e286a;
}

article a[href^="http://themes.tiki"]:before,
article a[href^="https://themes.tiki"]:before,
article a.themes:before {
background-color: #8e286a;
content: "themes:";
}

article a[href^="http://de.wikipedia.org"]:hover:after,
article a[href^="https://de.wikipedia.org"]:hover:after,
article a[href^="http://en.wikipedia.org"]:hover:after,
article a[href^="https://en.wikipedia.org"]:hover:after,
article a[href^="https://www.wikipedia.org"]:hover:after,
article a.wikipedia:hover:after {
border-left-color: #cedff2;
}

article a[href^="http://de.wikipedia.org"]:before,
article a[href^="https://de.wikipedia.org"]:before,
article a[href^="http://en.wikipedia.org"]:before,
article a[href^="https://en.wikipedia.org"]:before,
article a[href^="https://www.wikipedia.org"]:before,
article a.wikipedia:before {
background-color: #cedff2;
color: #000;
content: "wikipedia:";
}

article a[href^="http://de.wikipedia.org"]:before,
article a[href^="https://de.wikipedia.org"]:before,
article a.wikipedia.de:before {
content: "wikipedia (german):";
}

article a[href^="http://wikisuite.org"]:before,
article a[href^="https://wikisuite.org"]:before,
article a.wikisuite:before {
background-color: #192263;
border-radius: .25rem;
content: "wikisuite:";
transform: rotate(-45deg);
}

article a[href^="http://wikisuite.org"]:hover:after, 
article a[href^="https://wikisuite.org"]:hover:after, 
article a.wikisuite:hover:after {
border-left-color: #192263;
}

article a[href^="http://wikisuite.org"]:hover:before,
article a[href^="https://wikisuite.org"]:hover:before,
article a.wikisuite:hover:before {
transform: rotate(0deg);
}

{CODE}