Loading...
 
Skip to main content

History: Tiki_org_family_customizations_CSS

Preview of version: 28



.keep_this_line_here_for_now_to_prevent_the_page_title_to_be_interpreted_as_a_CSS_selector_till_fixed,

Copy to clipboard
/***** * TO REQUEST THIS CODE AS CSS FILE TYPE USE: tiki-index_raw.php?page=Tiki_org_family_customizations_CSS&clean&textonly&download&css * Example: <link rel="stylesheet" href="https://themes.tiki.org/tiki-index_raw.php?page=Tiki_org_family_customizations_CSS&clean&textonly&download&css" type="text/css"> or @import url("https://themes.tiki.org/tiki-index_raw.php?page=Tiki_org_family_customizations_CSS&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 { box-shadow: 0.5em 0.5em 1em -0.5em rgba(0,0,0,.5); 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; word-break: normal; } 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); } /* To have the “bubble” stay on the same line as the link */ article a[href^="http://"], article a[href^="https://"] { display: inline-block; vertical-align: top; word-break: break-all; } article .rawlinks a[href^="http://"], article .rawlinks a[href^="https://"] { display: inherit; word-break: normal; }

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