172 lines
3.4 KiB
CSS
172 lines
3.4 KiB
CSS
/**
|
|
* Style that is inserted into the message after it is loaded.
|
|
*/
|
|
|
|
/*
|
|
* General HTML style.
|
|
*/
|
|
|
|
* {
|
|
transition: height 0.25s;
|
|
}
|
|
|
|
html {
|
|
/* Trigger CSS 2.1 § 10.6.7 to get a shrink-wrapped height. */
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
bottom: auto !important;
|
|
width: 100% !important;
|
|
height: auto !important;
|
|
|
|
/* Lock down the box enough so we don't get an incrementally
|
|
expanding web view */
|
|
box-sizing: border-box !important;
|
|
margin: 0 !important;
|
|
border: 0 !important;
|
|
padding: 0;
|
|
|
|
/* Never show scroll bars */
|
|
overflow: hidden;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
border: 0;
|
|
padding: 12px;
|
|
overflow-wrap: break-word !important;
|
|
}
|
|
|
|
table {
|
|
/* By default, tables reset the font properties to "normal" */
|
|
font-size: inherit;
|
|
}
|
|
|
|
a {
|
|
color: #08c;
|
|
}
|
|
|
|
hr {
|
|
background-color: #999;
|
|
height: 1px;
|
|
border: 0;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
blockquote {
|
|
margin: 0.5em 16px;
|
|
border: 0;
|
|
border-left: 3px #aaa solid;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
/**
|
|
* Message chrome style.
|
|
*/
|
|
|
|
.geary-signature {
|
|
color: #777;
|
|
display: inline;
|
|
}
|
|
|
|
.geary-signature a,
|
|
.geary-quote-container a {
|
|
color: #5fb2e7;
|
|
}
|
|
|
|
@media screen {
|
|
|
|
.geary_replaced_inline_image {
|
|
display: block;
|
|
max-width: 100%;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
/* Inline collapsable quote blocks */
|
|
|
|
.geary-quote-container {
|
|
position: relative;
|
|
/* Split 1em of top/bottom margin between here and the default
|
|
blockquote style, so if a message specifies 0px margin and padding
|
|
(i.e. GMail) there will still be some space space between the
|
|
container's background and and the blockquote. */
|
|
margin: 0.5em 0;
|
|
border-radius: 4px;
|
|
padding: 0.5em 0;
|
|
color: #303030;
|
|
background-color: #e8e8e8;/* recv-quoted */
|
|
}
|
|
.geary-sent .geary-quote-container {
|
|
background-color: #e8e8e8;/* sent-quoted */
|
|
}
|
|
|
|
.geary-quote-container > .geary-quote {
|
|
position: relative;
|
|
padding: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
z-index: 0;
|
|
}
|
|
.geary-quote-container.geary-controllable.geary-hide > .geary-quote {
|
|
/* Use a fraction value to cut the last visible line off half way. */
|
|
max-height: 7.75em;
|
|
}
|
|
|
|
.geary-quote-container.geary-controllable > .geary-quote > blockquote {
|
|
/* Add space between the quote and the hider button */
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.geary-quote-container > .geary-shower,
|
|
.geary-quote-container > .geary-hider {
|
|
position: absolute;
|
|
display: none;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -8px;
|
|
z-index: 1;
|
|
-webkit-user-select: none;
|
|
-webkit-user-drag: none;
|
|
}
|
|
|
|
.geary-quote-container > .geary-shower > input,
|
|
.geary-quote-container > .geary-hider > input {
|
|
display: block;
|
|
width: 100%;
|
|
height: 16px;
|
|
padding: 0;
|
|
font-size: 8px; /* Absolute size in pixels for graphics */
|
|
color: #888;
|
|
}
|
|
.geary-quote-container > .geary-shower:hover > input,
|
|
.geary-quote-container > .geary-hider:hover > input {
|
|
color: #000;
|
|
}
|
|
|
|
.geary-quote-container.geary-controllable.geary-hide > .geary-hider {
|
|
display: none;
|
|
}
|
|
.geary-quote-container.geary-controllable.geary-hide > .geary-shower,
|
|
.geary-quote-container.geary-controllable > .geary-hider {
|
|
display: block;
|
|
}
|
|
|
|
/* Highlight search terms */
|
|
|
|
.geary_search_coloring *::selection {
|
|
background-color: #00ddff;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
body {
|
|
background-color: white !important;
|
|
}
|
|
}
|