mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-10-03 01:10:45 +00:00
Comments and rearrangements for the base stylesheet
Preparatory to picking it apart into separate files
This commit is contained in:
parent
9a4caec992
commit
608175803b
@ -26,6 +26,10 @@ background-image: -ms-linear-gradient($gradient$);
|
|||||||
```
|
```
|
||||||
\end
|
\end
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Start with the normalize CSS reset, and then belay some of its effects
|
||||||
|
*/
|
||||||
|
|
||||||
{{$:/core/styles/reset}}
|
{{$:/core/styles/reset}}
|
||||||
|
|
||||||
*, input[type="search"] {
|
*, input[type="search"] {
|
||||||
@ -34,6 +38,10 @@ background-image: -ms-linear-gradient($gradient$);
|
|||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Basic element styles
|
||||||
|
*/
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||||
}
|
}
|
||||||
@ -81,6 +89,19 @@ table th, table td {
|
|||||||
border-left: 1px solid #ddd;
|
border-left: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img, canvas, embed {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
embed {
|
||||||
|
width: 100%;
|
||||||
|
height: 20em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Links
|
||||||
|
*/
|
||||||
|
|
||||||
a.tw-tiddlylink {
|
a.tw-tiddlylink {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@ -117,6 +138,10 @@ a.tw-tiddlylink-missing {
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Drag and drop styles
|
||||||
|
*/
|
||||||
|
|
||||||
.tw-tiddler-dragger {
|
.tw-tiddler-dragger {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 8px 20px;
|
padding: 8px 20px;
|
||||||
@ -131,6 +156,38 @@ a.tw-tiddlylink-missing {
|
|||||||
<<border-radius 20px>>
|
<<border-radius 20px>>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tw-import {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tw-drop-zone-fullscreen.tw-dragover:before {
|
||||||
|
z-index: 10000;
|
||||||
|
display: block;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: rgba(0,200,0,0.7);
|
||||||
|
text-align: center;
|
||||||
|
content: "Drop here";
|
||||||
|
}
|
||||||
|
|
||||||
|
.tw-drop-zone.tw-dragover:before {
|
||||||
|
z-index: 10000;
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: rgba(0,200,0,0.7);
|
||||||
|
text-align: center;
|
||||||
|
content: "Drop here";
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Buttons
|
||||||
|
*/
|
||||||
|
|
||||||
.btn-invisible {
|
.btn-invisible {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -146,6 +203,10 @@ a.tw-tiddlylink-missing {
|
|||||||
color: #444;
|
color: #444;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Tags and missing tiddlers
|
||||||
|
*/
|
||||||
|
|
||||||
.tw-tags-wrapper {
|
.tw-tags-wrapper {
|
||||||
margin: 0.25em 0 1em 0;
|
margin: 0.25em 0 1em 0;
|
||||||
}
|
}
|
||||||
@ -184,6 +245,10 @@ a.tw-tiddlylink-missing {
|
|||||||
<<box-shadow "inset 0px 2em 0 rgba(0,0,0,0.22)">>
|
<<box-shadow "inset 0px 2em 0 rgba(0,0,0,0.22)">>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Page layout
|
||||||
|
*/
|
||||||
|
|
||||||
.edit-header {
|
.edit-header {
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -211,6 +276,10 @@ a.tw-tiddlylink-missing {
|
|||||||
display: none;
|
display: none;
|
||||||
}}
|
}}
|
||||||
|
|
||||||
|
.tw-search-results {
|
||||||
|
padding-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.tw-menu-list-item {
|
.tw-menu-list-item {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -225,6 +294,10 @@ a.tw-tiddlylink-missing {
|
|||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
}}
|
}}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Tiddler styles
|
||||||
|
*/
|
||||||
|
|
||||||
.tw-tiddler-frame {
|
.tw-tiddler-frame {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 2em 3em 3em 3em;
|
padding: 2em 3em 3em 3em;
|
||||||
@ -258,7 +331,7 @@ a.tw-tiddlylink-missing {
|
|||||||
height: 0.75em;
|
height: 0.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-tiddler-help {
|
.tw-tiddler-help { /* Help prompts within tiddler template */
|
||||||
color: #999;
|
color: #999;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
@ -267,6 +340,31 @@ a.tw-tiddlylink-missing {
|
|||||||
color: #888888;
|
color: #888888;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tw-tiddler-frame .tw-edit-texteditor input, .tw-tiddler-frame .tw-edit-texteditor textarea {
|
||||||
|
width: 100%;
|
||||||
|
padding: 3px 3px 3px 3px;
|
||||||
|
border: 1px solid #888;
|
||||||
|
line-height: 1.3em;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0.25em 0 0.25em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tw-tiddler-frame .tw-edit-texteditor input {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
|
||||||
|
}
|
||||||
|
|
||||||
|
canvas.tw-edit-bitmapeditor {
|
||||||
|
cursor: crosshair;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Dropdowns
|
||||||
|
*/
|
||||||
|
|
||||||
.tw-drop-down {
|
.tw-drop-down {
|
||||||
min-width: 20em;
|
min-width: 20em;
|
||||||
border: 1px solid {{$:/core/styles/colourmappings##dropdownborder}};
|
border: 1px solid {{$:/core/styles/colourmappings##dropdownborder}};
|
||||||
@ -289,6 +387,23 @@ a.tw-tiddlylink-missing {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tw-drop-down .tw-tab-buttons button {
|
||||||
|
background-color: #ececec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tw-drop-down .tw-tab-buttons button.tw-tab-selected {
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tw-drop-down .tw-tab-contents a {
|
||||||
|
padding: 0 0.5em 0 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Modals
|
||||||
|
*/
|
||||||
|
|
||||||
.modal-backdrop {
|
.modal-backdrop {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -339,6 +454,10 @@ a.tw-tiddlylink-missing {
|
|||||||
<<box-shadow "inset 0 1px 0 #fff">>;
|
<<box-shadow "inset 0 1px 0 #fff">>;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** Tabs
|
||||||
|
*/
|
||||||
|
|
||||||
.tw-tab-set {
|
.tw-tab-set {
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -412,78 +531,3 @@ a.tw-tiddlylink-missing {
|
|||||||
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(255,255,255) 100%">>
|
<<background-linear-gradient "left, rgb(236,236,236) 0%, rgb(255,255,255) 100%">>
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-search-results {
|
|
||||||
padding-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-drop-down .tw-tab-buttons button {
|
|
||||||
background-color: #ececec;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-drop-down .tw-tab-buttons button.tw-tab-selected {
|
|
||||||
background-color: #fff;
|
|
||||||
border-bottom: 1px solid #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-drop-down .tw-tab-contents a {
|
|
||||||
padding: 0 0.5em 0 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-tiddler-frame .tw-edit-texteditor input, .tw-tiddler-frame .tw-edit-texteditor textarea {
|
|
||||||
width: 100%;
|
|
||||||
padding: 3px 3px 3px 3px;
|
|
||||||
border: 1px solid #888;
|
|
||||||
line-height: 1.3em;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
margin: 0.25em 0 0.25em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-tiddler-frame .tw-edit-texteditor input {
|
|
||||||
background-color: #f8f8f8;
|
|
||||||
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
|
|
||||||
}
|
|
||||||
|
|
||||||
canvas.tw-edit-bitmapeditor {
|
|
||||||
cursor: crosshair;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
img, canvas, embed {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
embed {
|
|
||||||
width: 100%;
|
|
||||||
height: 20em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-import {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-drop-zone-fullscreen.tw-dragover:before {
|
|
||||||
z-index: 10000;
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background: rgba(0,200,0,0.7);
|
|
||||||
text-align: center;
|
|
||||||
content: "Drop here";
|
|
||||||
}
|
|
||||||
|
|
||||||
.tw-drop-zone.tw-dragover:before {
|
|
||||||
z-index: 10000;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background: rgba(0,200,0,0.7);
|
|
||||||
text-align: center;
|
|
||||||
content: "Drop here";
|
|
||||||
}
|
|
||||||
|
Loading…
Reference in New Issue
Block a user