Loading...
 
Skip to main content

History: Tiki_org_family_customizations_CSS

Source of version: 22

Copy to clipboard
            ~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: 0.952381em;
overflow: hidden;
margin-right: 0.285714em;
text-indent: -10em;
transition: transform .25s;
vertical-align: middle;
width: 0.952381em;
}

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

article a[href^="http://"]:hover::after,
article a[href^="https://"]:hover::after {
border-left-width: .5em;
border-left-style: solid;
border-bottom-color: transparent;
border-bottom-width: .5em;
border-bottom-style: solid;
left: .5em;
margin-top: 1.39em;
top: -1em;
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: 0.9285714285714286em;
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;
}
.rawlinks a.list-group-item {
padding: 10px 15px !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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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;
content: "";
}

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}
        

History

Advanced
Information Version
Fri 03 of May, 2024 05:03 GMT-0000 Gary Cunningham-Lee Changed word-break:break-all to break-word due to bad-form breaks within words. Checking now for downsides. 34
Sun 24 of Dec, 2023 12:25 GMT-0000 Gary Cunningham-Lee Changed "tiki:" to "Tiki community:" in tooltip content. 33
Sun 24 of Dec, 2023 12:16 GMT-0000 Gary Cunningham-Lee Use blue color for tiki.org, not info, and don't use orange for tiki.org (testing). 32
Sat 23 of Dec, 2023 13:45 GMT-0000 Gary Cunningham-Lee Commented out orange color for tiki.org community links. Will delete rules if test is ok. 31
Wed 19 of Jul, 2023 23:59 GMT-0000 System Administrator 30
Wed 20 of Sep, 2017 21:05 GMT-0000 luciash d' being ?‍♂️ prevent padding jumping on hovering rawlinks 29
Wed 20 of Sep, 2017 20:48 GMT-0000 luciash d' being ?‍♂️ add raw links exception 28
Wed 20 of Sep, 2017 20:44 GMT-0000 luciash d' being ?‍♂️ trying subtle shadow 27
Wed 20 of Sep, 2017 12:08 GMT-0000 luciash d' being ?‍♂️ normal word-break inside the bubbles 26
Wed 20 of Sep, 2017 11:55 GMT-0000 luciash d' being ?‍♂️ 25
Wed 20 of Sep, 2017 11:39 GMT-0000 luciash d' being ?‍♂️ oops, still needs a bit more ;) 24
Wed 20 of Sep, 2017 11:37 GMT-0000 luciash d' being ?‍♂️ To have the “bubble” stay on the same line as the link (thanks Brendan) 23
Wed 20 of Sep, 2017 11:17 GMT-0000 luciash d' being ?‍♂️ more precise number to persuade Chrome to behave 22
Wed 20 of Sep, 2017 11:05 GMT-0000 luciash d' being ?‍♂️ convert to em to prevent jumping of text on hover - part 2/2 21
Wed 20 of Sep, 2017 10:00 GMT-0000 luciash d' being ?‍♂️ several adjustments to prevent "poor" display in some cases part 1/2 (thanks chealer and victor for reporting) 20
Tue 29 of Aug, 2017 15:04 GMT-0000 luciash d' being ?‍♂️ display the skewed bubble pointer only when hovering the chosen URLs; not on every http/https link 19
Tue 29 of Aug, 2017 14:58 GMT-0000 luciash d' being ?‍♂️ position the "bubble" from bottom 18
Thu 10 of Aug, 2017 21:09 GMT-0000 luciash d' being ?‍♂️ 17
Thu 10 of Aug, 2017 20:56 GMT-0000 luciash d' being ?‍♂️ to prevent jumpy buttons 16
Thu 10 of Aug, 2017 20:32 GMT-0000 luciash d' being ?‍♂️ this should be enough 15
Thu 10 of Aug, 2017 20:26 GMT-0000 luciash d' being ?‍♂️ 14
Thu 10 of Aug, 2017 20:19 GMT-0000 luciash d' being ?‍♂️ 13
Thu 10 of Aug, 2017 19:54 GMT-0000 luciash d' being ?‍♂️ 12
Sun 06 of Aug, 2017 09:58 GMT-0000 luciash d' being ?‍♂️ added German wikipedia links on Torsten's request 11
Wed 02 of Aug, 2017 12:01 GMT-0000 luciash d' being ?‍♂️ little improvement to adjust the bubble pointer to larger font sizes (e.g. class .lead) dynamically 10
Thu 13 of Apr, 2017 17:57 GMT-0000 luciash d' being ?‍♂️ oops, something should stay there and the before:hover is not needed anymore 9
Thu 13 of Apr, 2017 17:51 GMT-0000 luciash d' being ?‍♂️ remove the wikipedia W as it was not ideal to read 8
Mon 10 of Apr, 2017 20:14 GMT-0000 luciash d' being ?‍♂️ correct class 7
Mon 10 of Apr, 2017 20:07 GMT-0000 luciash d' being ?‍♂️ position it from top to support multiline links 6
Mon 10 of Apr, 2017 20:01 GMT-0000 luciash d' being ?‍♂️ adding a little "speech bubble pointer" 5
Thu 30 of Mar, 2017 14:11 GMT-0000 luciash d' being ?‍♂️ little space adjustment 4
Thu 30 of Mar, 2017 14:08 GMT-0000 luciash d' being ?‍♂️ 3
Wed 29 of Mar, 2017 22:25 GMT-0000 luciash d' being ?‍♂️ add doc.tiki.org site definitions 2
Wed 29 of Mar, 2017 22:13 GMT-0000 luciash d' being ?‍♂️ 1