TiddlyWiki5/cssbuild/tiddlywiki.less

273 wiersze
4.3 KiB
Plaintext
Czysty Zwykły widok Historia

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 {
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-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
*/
@media (min-width: 767px) {
2012-10-24 21:28:25 +00:00
.tw-tiddler-frame {
2012-06-24 13:53:44 +00:00
padding: 30px 30px 30px 30px;
margin: 30px 5px 30px 5px;
2012-06-24 13:53:44 +00:00
.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
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-10-26 13:01:49 +00:00
/*
Cecily views
*/
.mediumCecilyView {
overflow: scroll;
-webkit-overflow-scrolling: touch;
2012-10-26 13:01:49 +00:00
white-space: nowrap;
.box-shadow(inset 1px 1px 4px 1px rgba(0, 0, 0, 0.15));
background: #ccc;
2012-10-27 15:29:12 +00:00
padding: 10px 10px 10px 10px;
width: 100%;
height: 400px;
}
.mediumCecilyView .tw-list-element {
white-space: normal;
overflow: auto;
}
.mediumCecilyView .tw-cecily-tiddler-frame {
padding: 30px 30px 30px 30px;
.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
background-color: #fff;
width: 400px;
}
/*
Sideways views
*/
.mediumSidewaysView {
overflow: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
.box-shadow(inset 1px 1px 4px 1px rgba(0, 0, 0, 0.15));
background: #ccc;
padding: 10px 10px 10px 10px;
width: 100%;
height: 400px;
2012-10-26 13:01:49 +00:00
}
.mediumSidewaysView .tw-list-element {
white-space: normal;
overflow: auto;
2012-10-26 13:01:49 +00:00
}
.mediumSidewaysView .tw-sideways-tiddler-frame {
vertical-align: top;
display: inline-block;
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;
width: 400px;
2012-10-26 13:01:49 +00:00
}
2012-07-08 18:26:00 +00:00
/*
Dropdown menus
*/
.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 {
top: -4px;
2012-06-24 13:53:44 +00:00
}
.navbar .dropdown-menu::after {
top: -3px;
2012-06-24 13:53:44 +00:00
}
2012-07-08 18:26:00 +00:00
/*
Buttons
*/
.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 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
@import "javascript.less";