mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-26 19:47:20 +00:00
Code Issues Releases Wiki Activity

Stop using obsoleted "-moz-border-radius" and "-webkit-border-radius" properties

Browse Source 
Fixes #480
This commit is contained in:
nameanyone 2014-03-18 16:38:52 -07:00
parent bdbbf94326
commit 7616c4ce7d
5 changed files with 11 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
boot/boot.css.tid
View File

@ -19,8 +19,6 @@ Error message and password prompt
left: 50%; left: 50%;
margin-left: -144px; /* - width/2 - paddingHorz/2 - border */ margin-left: -144px; /* - width/2 - paddingHorz/2 - border */
padding: 16px 16px 16px 16px; padding: 16px 16px 16px 16px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; border-radius: 8px;
} }

7
core/ui/PageStylesheet.tid
View File

@ -6,13 +6,6 @@ title: $:/core/ui/PageStylesheet
\define color(name) \define color(name)
<<colour $name$>> <<colour $name$>>
\end \end
\define border-radius(radius)
```
-webkit-border-radius: $radius$;
-moz-border-radius: $radius$;
border-radius: $radius$;
```
\end
\define box-shadow(shadow) \define box-shadow(shadow)
``` ```
-webkit-box-shadow: $shadow$; -webkit-box-shadow: $shadow$;

3
editions/tw5.com/tiddlers/howtos/Using Stylesheets.tid
View File

@ -28,7 +28,7 @@ If you wish to use macros and transclusions in your stylesheets you should inste
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline \rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
body.tw-body pre { body.tw-body pre {
<<border-radius 7px>> <<box-shadow "inset 0 1px 0 #fff">>
} }
``` ```
@ -39,7 +39,6 @@ The `\rules` pragma at the top of the tiddler restricts the WikiText to just all
Several globally available macros are provided that are helpful in constructing stylesheets. See [[$:/core/ui/PageStylesheet]] for the definitions of these macros. Several globally available macros are provided that are helpful in constructing stylesheets. See [[$:/core/ui/PageStylesheet]] for the definitions of these macros.
* `<<colour name>>` and `<<color name>>` retrieve named colours from the current [[colour palette|ColourPalettes]] * `<<colour name>>` and `<<color name>>` retrieve named colours from the current [[colour palette|ColourPalettes]]
* `<<border-radius radius>>` specify a border-radius
* `<<box-shadow shadow>>` specify a box-shadow * `<<box-shadow shadow>>` specify a box-shadow
* `<<filter filter>>` specify a CSS filter * `<<filter filter>>` specify a CSS filter
* `<<transition transition>>` specify a CSS transition * `<<transition transition>>` specify a CSS transition

12
themes/tiddlywiki/snowwhite/base.tid
View File

@ -54,12 +54,12 @@ canvas.tw-edit-bitmapeditor {
} }
.tw-drop-down { .tw-drop-down {
<<border-radius 4px>> border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> <<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
} }
.tw-block-dropdown { .tw-block-dropdown {
<<border-radius 4px>> border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> <<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
} }
@ -68,23 +68,23 @@ canvas.tw-edit-bitmapeditor {
} }
.modal { .modal {
<<border-radius 6px>> border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">> <<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
} }
.modal-footer { .modal-footer {
<<border-radius "0 0 6px 6px">> border-radius: 0 0 6px 6px;
<<box-shadow "inset 0 1px 0 #fff">>; <<box-shadow "inset 0 1px 0 #fff">>;
} }
.tw-alert { .tw-alert {
<<border-radius 6px>> border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">> <<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
} }
.tw-notification { .tw-notification {
<<border-radius 6px>> border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">> <<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
text-shadow: 0 1px 0 rgba(255,255,255, 0.8); text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
} }

8
themes/tiddlywiki/vanilla/base.tid
View File

@ -52,7 +52,7 @@ pre {
background-color: <<colour pre-background>>; background-color: <<colour pre-background>>;
border: 1px solid <<colour pre-border>>; border: 1px solid <<colour pre-border>>;
padding: 0 3px 2px; padding: 0 3px 2px;
<<border-radius 3px>> border-radius: 3px;
} }
code { code {
@ -61,7 +61,7 @@ code {
border: 1px solid <<colour code-border>>; border: 1px solid <<colour code-border>>;
white-space: pre-wrap; white-space: pre-wrap;
padding: 0 3px 2px; padding: 0 3px 2px;
<<border-radius 3px>> border-radius: 3px;
} }
blockquote { blockquote {
@ -193,7 +193,7 @@ a.tw-tiddlylink-external:hover {
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
background-color: <<colour dragger-background>>; background-color: <<colour dragger-background>>;
<<border-radius 20px>> border-radius: 20px;
} }
.tw-tiddler-dragger-cover { .tw-tiddler-dragger-cover {
@ -295,7 +295,7 @@ a.tw-tiddlylink-external:hover {
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
background-color: <<colour tag-background>>; background-color: <<colour tag-background>>;
<<border-radius 8px>> border-radius: 8px;
} }
.tw-untagged-label { .tw-untagged-label {