2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
TiddlyWiki
|
|
|
|
Base CSS from Twitter Bootstrap plus TiddlyWiki-specific overrides
|
|
|
|
*/
|
2012-06-24 12:15:00 +00:00
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
Base Twitter Bootstrap
|
|
|
|
*/
|
2012-06-24 12:15:00 +00:00
|
|
|
|
|
|
|
@import "twitter-bootstrap/less/bootstrap.less";
|
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
TiddlyWiki overrides of Bootstrap variables
|
|
|
|
*/
|
2012-06-24 13:53:44 +00:00
|
|
|
|
|
|
|
@baseFontSize: 14px;
|
|
|
|
@baseLineHeight: 20px;
|
|
|
|
|
2012-06-24 12:15:00 +00:00
|
|
|
@navbarBackground: darken(@navbarBackgroundHighlight, 15%);
|
|
|
|
@navbarBackgroundHighlight: @btnDangerBackgroundHighlight;
|
|
|
|
|
|
|
|
@navbarText: @white;
|
|
|
|
@navbarLinkColor: @grayLighter;
|
2012-06-24 13:53:44 +00:00
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
TiddlyWiki mixins
|
|
|
|
*/
|
2012-06-24 13:53:44 +00:00
|
|
|
|
|
|
|
// This doesn't seem to work; trying to call it puts Less into an infinite loop
|
|
|
|
.tab-size (@size) {
|
|
|
|
tab-size: @size;
|
|
|
|
-moz-tab-size: @size;
|
|
|
|
-o-tab-size: @size;
|
|
|
|
}
|
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
Base re-definitions
|
|
|
|
*/
|
2012-06-24 13:53:44 +00:00
|
|
|
|
|
|
|
body {
|
2012-06-24 14:22:33 +00:00
|
|
|
position: relative; // So that height: 100% will fit to the body
|
|
|
|
padding-top: @navbarHeight; // Allow for the navbar
|
2012-06-24 13:53:44 +00:00
|
|
|
}
|
|
|
|
|
2012-11-16 16:59:47 +00:00
|
|
|
/*
|
|
|
|
Password prompts
|
|
|
|
*/
|
|
|
|
.tw-password-wrapper {
|
|
|
|
z-index: 20000;
|
|
|
|
position: fixed;
|
|
|
|
text-align: center;
|
|
|
|
width: 480px;
|
2012-11-16 22:59:44 +00:00
|
|
|
top: 4em;
|
2012-11-16 16:59:47 +00:00
|
|
|
left: 50%;
|
|
|
|
margin-left: -264px; /* - width/2 - paddingHorz/2 - border */
|
|
|
|
padding: 16px 16px 16px 16px;
|
|
|
|
-webkit-border-radius: 8px;
|
|
|
|
-moz-border-radius: 8px;
|
|
|
|
border-radius: 8px;
|
|
|
|
color: #000;
|
|
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
|
|
background-color: rgb(197, 235, 183);
|
|
|
|
border: 8px solid rgb(164, 197, 152);
|
|
|
|
}
|
|
|
|
|
|
|
|
.tw-password-wrapper form {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tw-password-wrapper h1 {
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 20px;
|
|
|
|
}
|
|
|
|
|
2012-09-12 09:45:59 +00:00
|
|
|
/*
|
|
|
|
Tweaks for full screen mode
|
|
|
|
*/
|
|
|
|
html:-webkit-full-screen { width: 100%; height: 100%; }
|
|
|
|
html:-moz-full-screen { width: 100%; height: 100%; }
|
|
|
|
html:-ms-full-screen { width: 100%; height: 100%; }
|
|
|
|
html:-o-full-screen { width: 100%; height: 100%; }
|
|
|
|
html:full-screen { width: 100%; height: 100%; }
|
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
Tiddler styles
|
|
|
|
*/
|
2012-06-24 14:22:33 +00:00
|
|
|
|
2012-07-13 21:55:39 +00:00
|
|
|
@media (min-width: 767px) {
|
2012-07-13 21:20:39 +00:00
|
|
|
|
2012-10-24 21:28:25 +00:00
|
|
|
.tw-tiddler-frame {
|
2012-06-24 13:53:44 +00:00
|
|
|
padding: 30px 30px 30px 30px;
|
2012-07-13 21:20:39 +00:00
|
|
|
margin: 30px 5px 30px 5px;
|
2012-06-24 13:53:44 +00:00
|
|
|
.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
|
2012-07-13 21:20:39 +00:00
|
|
|
background-color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
background: @grayLighter; // So that the tiddlers pop out more
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
|
|
|
|
|
|
|
|
|
2012-06-24 13:53:44 +00:00
|
|
|
}
|
|
|
|
|
2012-10-24 21:28:25 +00:00
|
|
|
.tw-tiddler-frame .body {
|
2012-06-24 13:53:44 +00:00
|
|
|
margin-top: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 33px;
|
|
|
|
line-height: 40px;
|
|
|
|
color: #182955;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title button {
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title > span {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tw-tiddler-missing .title {
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tw-edit-field {
|
|
|
|
border: 1px dotted #888;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea.tw-edit-field {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
canvas.tw-edit-field {
|
|
|
|
cursor: crosshair;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
}
|
|
|
|
|
2012-10-10 09:45:39 +00:00
|
|
|
img, canvas, embed {
|
2012-06-24 13:53:44 +00:00
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
2012-10-10 09:45:39 +00:00
|
|
|
embed {
|
|
|
|
width: 100%;
|
|
|
|
height: 20em;
|
|
|
|
}
|
|
|
|
|
2012-06-24 13:53:44 +00:00
|
|
|
a.tw-tiddlylink {
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.tw-tiddlylink-resolves {
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.tw-tiddlylink-missing {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tw-suppress-missing-tiddlylink a.tw-tiddlylink-missing {
|
|
|
|
font-style: inherit;
|
|
|
|
}
|
|
|
|
|
2012-11-03 12:34:36 +00:00
|
|
|
.tw-list-element {
|
2012-10-28 08:46:35 +00:00
|
|
|
white-space: normal;
|
|
|
|
}
|
|
|
|
|
2012-11-03 16:14:00 +00:00
|
|
|
.tw-well {
|
2012-10-28 08:46:35 +00:00
|
|
|
.box-shadow(inset 1px 1px 4px 1px rgba(0, 0, 0, 0.15));
|
|
|
|
background: #ccc;
|
2012-10-26 13:01:49 +00:00
|
|
|
}
|
|
|
|
|
2013-01-01 18:00:02 +00:00
|
|
|
.tw-error-widget {
|
|
|
|
background-color: red;
|
|
|
|
color: white;
|
|
|
|
padding: 5px 5px 5px 5px;
|
|
|
|
margin: 15px 15px 15px 15px;
|
|
|
|
}
|
|
|
|
|
2012-11-03 16:14:00 +00:00
|
|
|
.tw-scrollable-outer {
|
|
|
|
}
|
|
|
|
|
2012-11-03 12:34:36 +00:00
|
|
|
.tw-scrollable-inner {
|
2012-10-26 13:01:49 +00:00
|
|
|
}
|
|
|
|
|
2012-11-03 12:34:36 +00:00
|
|
|
.tw-scrollable .tw-tiddler-frame {
|
2012-10-28 08:46:35 +00:00
|
|
|
margin: 10px 10px 10px 10px;
|
2012-10-26 13:01:49 +00:00
|
|
|
padding: 30px 30px 30px 30px;
|
|
|
|
.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
|
|
|
|
background-color: #fff;
|
2012-10-28 08:46:35 +00:00
|
|
|
width: 400px;
|
2012-10-26 13:01:49 +00:00
|
|
|
}
|
|
|
|
|
2012-11-27 18:30:21 +00:00
|
|
|
.tw-zoomable .tw-tiddler-frame {
|
|
|
|
margin: 0px 0px 0px 0px;
|
|
|
|
padding: 30px 30px 30px 30px;
|
|
|
|
.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
|
|
|
|
background-color: #fff;
|
2012-11-27 22:27:36 +00:00
|
|
|
width: 400px;
|
2012-11-27 18:30:21 +00:00
|
|
|
}
|
|
|
|
|
2012-11-04 19:49:13 +00:00
|
|
|
.tw-menu-list-item {
|
|
|
|
word-wrap: break-word;
|
|
|
|
padding-bottom: 0.5em;
|
|
|
|
}
|
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
Dropdown menus
|
|
|
|
*/
|
2012-06-24 14:22:33 +00:00
|
|
|
|
|
|
|
.tw-ticked-menu-item::before {
|
|
|
|
position: absolute;
|
|
|
|
content: "\2022";
|
|
|
|
left: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu {
|
|
|
|
position: static;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu a {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* This is needed to make the dropdown arrows abut to the dropdown itself */
|
2012-06-24 13:53:44 +00:00
|
|
|
.navbar .dropdown-menu::before {
|
2012-06-24 14:22:33 +00:00
|
|
|
top: -4px;
|
2012-06-24 13:53:44 +00:00
|
|
|
}
|
|
|
|
.navbar .dropdown-menu::after {
|
2012-06-24 14:22:33 +00:00
|
|
|
top: -3px;
|
2012-06-24 13:53:44 +00:00
|
|
|
}
|
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
Buttons
|
|
|
|
*/
|
2012-06-24 14:22:33 +00:00
|
|
|
|
|
|
|
.btn-invisible {
|
|
|
|
border: none;
|
|
|
|
background: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tw-tags-wrapper .label {
|
|
|
|
margin-right: 6px;
|
|
|
|
}
|
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
Split label
|
|
|
|
*/
|
2012-06-24 14:22:33 +00:00
|
|
|
|
2012-06-24 13:53:44 +00:00
|
|
|
.splitLabel {
|
|
|
|
font-size: 9.5px;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.splitLabelLeft {
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: bold;
|
|
|
|
padding: 3px 2px 3px 5px;
|
|
|
|
border-top-left-radius: 3px;
|
|
|
|
border-bottom-left-radius: 3px;
|
|
|
|
background-color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
.splitLabelRight {
|
|
|
|
padding: 3px 5px 3px 2px;
|
|
|
|
border-top-right-radius: 3px;
|
|
|
|
border-bottom-right-radius: 3px;
|
|
|
|
background-color: #eee;
|
|
|
|
}
|
|
|
|
|
2012-07-08 18:26:00 +00:00
|
|
|
/*
|
|
|
|
Includes
|
|
|
|
*/
|
2012-06-24 13:53:44 +00:00
|
|
|
|
2012-06-24 14:22:33 +00:00
|
|
|
@import "javascript.less";
|