1316 lines
24 KiB
CSS
1316 lines
24 KiB
CSS
/*
|
|
*= require select2
|
|
*= require_self
|
|
*= require mobile
|
|
*= require_tree ./local
|
|
*/
|
|
|
|
|
|
/* generics */
|
|
|
|
/* force a vertical scrollbar to avoid page-shifting */
|
|
html {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
body, textarea, input, button {
|
|
font-family: "helvetica neue", arial, sans-serif;
|
|
font-size: 10pt;
|
|
color: #333;
|
|
}
|
|
|
|
body {
|
|
background-color: #fefefe;
|
|
line-height: 1.45em;
|
|
}
|
|
|
|
a {
|
|
color: #2562dc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
li.story div.details span.link a:visited {
|
|
color: #7395d9;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0px;
|
|
margin-bottom: 0.75em;
|
|
padding: 0px;
|
|
font-size: 14pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.clear {
|
|
clear: both;
|
|
}
|
|
|
|
a.tag {
|
|
background-color: #fffcd7;
|
|
border: 1px solid #d5d458;
|
|
border-radius: 5px;
|
|
color: #555;
|
|
font-size: 8pt;
|
|
margin-left: 0.25em;
|
|
padding: 0px 0.4em 1px 0.4em;
|
|
text-decoration: none;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
a.tag_is_media {
|
|
background-color: #ddebf9;
|
|
border-color: #b2ccf0;
|
|
}
|
|
|
|
a.tag_meta {
|
|
background-color: #eee;
|
|
border-color: #c8c8c8;
|
|
}
|
|
|
|
span.hat {
|
|
border-bottom: 6px solid #bbb;
|
|
border-radius: 4px;
|
|
padding: 1px 8px;
|
|
vertical-align: super;
|
|
white-space: nowrap;
|
|
}
|
|
span.hat span.crown {
|
|
background-color: #ddd;
|
|
border: 1px solid #eee;
|
|
border-bottom: 0;
|
|
border-radius: 5px 5px 0px 0px;
|
|
font-size: 8pt;
|
|
padding: 3px 5px 2px 5px;
|
|
text-decoration: none;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
span.hat span.crown, span.hat a {
|
|
color: #777;
|
|
text-decoration: none;
|
|
}
|
|
|
|
span.fakea {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
color: gray;
|
|
}
|
|
|
|
span.na {
|
|
color: gray;
|
|
font-style: italic;
|
|
}
|
|
|
|
div.shorten_first_p p:first-child {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
pre {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
|
|
/* default form styling */
|
|
|
|
input,
|
|
button,
|
|
select,
|
|
textarea {
|
|
color: #555;
|
|
background-color: white;
|
|
padding: 3px 5px;
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
input[type="text"],
|
|
input[type="search"],
|
|
input[type="password"],
|
|
input[type="email"],
|
|
input[type="number"],
|
|
textarea {
|
|
border: 1px solid #ccc;
|
|
}
|
|
input:focus, textarea:focus {
|
|
outline-style: solid;
|
|
outline-width: 2px;
|
|
}
|
|
input[type="checkbox"] {
|
|
margin-top: 0.5em;
|
|
}
|
|
select {
|
|
border: 1px solid #ccc;
|
|
}
|
|
input:focus,
|
|
textarea:focus {
|
|
border-color: #888;
|
|
color: #303030;
|
|
outline: 0;
|
|
}
|
|
textarea:disabled {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
|
|
input[type="submit"]:focus,
|
|
button:focus {
|
|
border-color: #888;
|
|
outline: 1px solid #888;
|
|
}
|
|
|
|
/* these must be separate */
|
|
::-webkit-input-placeholder {
|
|
color: #aaa;
|
|
font-style: italic;
|
|
}
|
|
:-moz-placeholder {
|
|
color: #aaa;
|
|
font-style: italic;
|
|
}
|
|
|
|
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"],
|
|
div.select2-choices {
|
|
display: inline-block;
|
|
padding: 2px 10px 2px 10px;
|
|
line-height: 18px;
|
|
color: #333333;
|
|
text-align: center;
|
|
background-color: #fafafa;
|
|
border: 1px solid #ccc;
|
|
border-bottom-color: #bbb;
|
|
cursor: pointer;
|
|
}
|
|
button:first-child,
|
|
input[type="button"]:first-child,
|
|
input[type="reset"]:first-child,
|
|
input[type="submit"]:first-child {
|
|
margin-left: 0;
|
|
}
|
|
button:hover,
|
|
input[type="button"]:hover,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"]:hover {
|
|
color: #333333;
|
|
text-decoration: none;
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
select {
|
|
margin-top: 3px;
|
|
min-width: 100px;
|
|
}
|
|
select:focus {
|
|
border-color: rgba(160,160,160,.8);
|
|
color: #303030;
|
|
outline: 0;
|
|
}
|
|
select::-moz-focus-inner {
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
div.field_with_errors {
|
|
display: inline;
|
|
}
|
|
|
|
div.field_with_errors input[type="text"],
|
|
div.field_with_errors input[type="email"],
|
|
div.field_with_errors input[type="password"],
|
|
div.field_with_errors textarea {
|
|
border: 1px solid red;
|
|
}
|
|
div.field_with_errors input:focus {
|
|
border-color: rgba(255,0,0,.8);
|
|
}
|
|
|
|
input:disabled,
|
|
button:disabled {
|
|
background-color: #e9e9e9;
|
|
color: gray;
|
|
}
|
|
|
|
.totp_code::-webkit-inner-spin-button,
|
|
.totp_code::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
/* outliners */
|
|
|
|
div#wrapper {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-bottom: 2em;
|
|
min-width: 600px;
|
|
max-width: 900px;
|
|
}
|
|
div#inside {
|
|
margin-left: 0.25em;
|
|
margin-right: 0.25em;
|
|
}
|
|
|
|
|
|
/* header */
|
|
|
|
#header {
|
|
font-weight: bold;
|
|
padding: 5px 10px;
|
|
margin-top: 1em;
|
|
margin-bottom: 0.5em;
|
|
line-height: 18px;
|
|
}
|
|
|
|
#headerleft {
|
|
float: left;
|
|
}
|
|
|
|
#header h1 {
|
|
font-size: 11pt;
|
|
margin: 0px;
|
|
margin-left: 22px;
|
|
margin-right: 1em;
|
|
padding: 0px;
|
|
display: inline;
|
|
}
|
|
#header h1 a {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#l_holder {
|
|
background-position: center;
|
|
float: left;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 1px;
|
|
margin-left: 4px;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
#headertitle {
|
|
padding-right: 0.75em;
|
|
}
|
|
#headertitle a {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.headerlinks a {
|
|
color: #777;
|
|
text-decoration: none;
|
|
padding-right: 0.75em;
|
|
}
|
|
|
|
#headerright {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
#headerright .headerlinks a {
|
|
padding-right: 0;
|
|
padding-left: 0.75em;
|
|
}
|
|
|
|
#header a.cur_url {
|
|
color: #333;
|
|
}
|
|
|
|
#header a.new_messages {
|
|
color: #ac130d;
|
|
}
|
|
|
|
div#leader {
|
|
padding: 4px 0px;
|
|
}
|
|
|
|
/* footer */
|
|
|
|
div#footer {
|
|
float: right;
|
|
font-weight: bold;
|
|
margin-top: 1.5em;
|
|
padding-right: 10px;
|
|
}
|
|
div#footer a {
|
|
color: #999;
|
|
text-decoration: none;
|
|
padding-left: 0.75em;
|
|
}
|
|
|
|
|
|
/* other specifics */
|
|
div#gravatar {
|
|
border: 2px solid #fff;
|
|
border-radius: 100% 100%;
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
|
|
float: right;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
div#gravatar img {
|
|
border-radius: 50px;
|
|
height: 100px;
|
|
width: 100px;
|
|
}
|
|
|
|
/* stories */
|
|
|
|
ol.stories,
|
|
ol.comments,
|
|
ol.search_results {
|
|
padding: 0;
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
ol.comments {
|
|
margin-left: 20px;
|
|
margin-bottom: 0em;
|
|
padding-left: 6px;
|
|
}
|
|
ol.comments1 {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
ol.comments.comments1 {
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
ol.search_results {
|
|
margin-left: 20px;
|
|
margin-bottom: 0em;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
ol.search_results li.story {
|
|
padding-bottom: 0.75em;
|
|
}
|
|
|
|
div.voters {
|
|
float: left;
|
|
margin-top: 0px;
|
|
width: 40px;
|
|
}
|
|
|
|
div.voters div.score {
|
|
color: #aaa;
|
|
font-size: 9pt;
|
|
margin-top: 1px;
|
|
margin-bottom: -3px;
|
|
text-align: center;
|
|
}
|
|
|
|
li.story div.voters div.score {
|
|
font-size: 9.5pt;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
div.voters .upvoter,
|
|
div.voters .downvoter {
|
|
border-color: transparent transparent #bbb transparent;
|
|
border-style: solid;
|
|
border-width: 6px;
|
|
text-decoration: none;
|
|
width: 0px;
|
|
height: 0;
|
|
margin-bottom: 0px;
|
|
margin-left: 14px;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
|
|
div.voters .upvoter:hover,
|
|
.upvoted div.voters .upvoter {
|
|
border-bottom-color: #ac130d;
|
|
}
|
|
|
|
div.voters .upvoter {
|
|
border-bottom-width: 11px;
|
|
}
|
|
|
|
div.voters .downvoter {
|
|
border-color: #bbb transparent transparent transparent;
|
|
border-width: 5px;
|
|
margin-top: 4px;
|
|
margin-left: 15px;
|
|
margin-bottom: -5px;
|
|
border-top-width: 9px;
|
|
}
|
|
div.voters .downvoter:hover,
|
|
.downvoted div.voters .downvoter {
|
|
border-top-color: gray;
|
|
}
|
|
|
|
div.voters .downvoter.downvoter_stub {
|
|
border-color: transparent;
|
|
}
|
|
|
|
li.story {
|
|
clear: both;
|
|
}
|
|
ol.stories li.story div.story_liner {
|
|
padding-top: 0.25em;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
.comment {
|
|
clear: both;
|
|
padding-top: 0.4em;
|
|
padding-bottom: 0.4em;
|
|
}
|
|
|
|
.comment a {
|
|
color: #666;
|
|
}
|
|
|
|
ol.stories li:first-child div.story_liner {
|
|
padding-top: 0.5em;
|
|
}
|
|
li div.details {
|
|
padding-top: 0.1em;
|
|
}
|
|
|
|
.negative {
|
|
color: gray !important;
|
|
}
|
|
.negative_1 {
|
|
opacity: 0.7;
|
|
}
|
|
.negative_3 {
|
|
opacity: 0.6;
|
|
}
|
|
.negative_5 {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.comment.bad {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.comment:target {
|
|
background-color: #fffcd7;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
li .link {
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
li .link a {
|
|
font-size: 11.5pt;
|
|
text-decoration: none;
|
|
}
|
|
|
|
li.story .description_present {
|
|
color: gray;
|
|
padding-left: 0.25em;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
li.story a.tag {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
li .tags {
|
|
margin-right: 0.25em;
|
|
}
|
|
|
|
li .domain {
|
|
color: #888;
|
|
font-style: italic;
|
|
font-size: 9pt;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.merge {
|
|
background: url(data:image/png;base64,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) no-repeat;
|
|
width: 11px;
|
|
height: 14px;
|
|
padding-right: 2px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
li input.comment_folder_button {
|
|
display: none;
|
|
}
|
|
li .comment_folder {
|
|
display: inline-block;
|
|
font-size: 9pt;
|
|
letter-spacing: 0.1em;
|
|
width: 1.4em;
|
|
cursor: pointer;
|
|
}
|
|
li .comment_folder:before {
|
|
content: "[-]";
|
|
}
|
|
li .comment_folder_button:checked ~ .comment .comment_folder:before {
|
|
content: "[+]";
|
|
}
|
|
li .comment_folder_button:checked ~ div.comment div.comment_text,
|
|
li .comment_folder_button:checked ~ div.comment div.voters {
|
|
display: none;
|
|
}
|
|
li .comment_folder_button:checked ~ ol.comments ol,
|
|
li .comment_folder_button:checked ~ ol.comments div.comment,
|
|
li .comment_folder_button:checked ~ ol.comments li {
|
|
display: none;
|
|
}
|
|
|
|
/* try to force a highlighted comment to stay visible */
|
|
li .comment_folder_button:checked ~ div.comment div.comment_text,
|
|
li .comment_folder_button:checked ~ div.comment div.voters {
|
|
display: block;
|
|
}
|
|
|
|
li .byline {
|
|
color: #888;
|
|
font-size: 9.5pt;
|
|
}
|
|
li .byline > img.avatar {
|
|
margin-bottom: -5px;
|
|
}
|
|
li .byline img.avatar {
|
|
border-radius: 8px;
|
|
height: 16px;
|
|
margin-bottom: 2px;
|
|
margin-right: 2px;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
}
|
|
li.story .byline {
|
|
margin-top: 1px;
|
|
}
|
|
li.story span.byline {
|
|
margin-left: 0.5em;
|
|
}
|
|
li .byline a {
|
|
color: #888;
|
|
text-decoration: none;
|
|
}
|
|
/* preserve selection made elsewhere when clicking */
|
|
li .byline a.comment_replier {
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
span.new_user, a.new_user,
|
|
li .byline a.new_user {
|
|
color: green;
|
|
}
|
|
span.inactive_user, a.inactive_user,
|
|
li .byline a.inactive_user {
|
|
color: gray;
|
|
text-decoration: line-through;
|
|
}
|
|
span.user_is_author, a.user_is_author,
|
|
li .byline a.user_is_author {
|
|
color: #6081bd;
|
|
}
|
|
li .byline a.story_has_suggestions {
|
|
color: #6081bd;
|
|
}
|
|
|
|
li.story.hidden {
|
|
opacity: 0.25;
|
|
}
|
|
ol.show_hidden li.story.hidden {
|
|
opacity: 1.0 !important;
|
|
}
|
|
|
|
li.story.expired {
|
|
opacity: 0.6;
|
|
}
|
|
li.story.expired a {
|
|
color: gray !important;
|
|
}
|
|
|
|
li div.details,
|
|
div.story_content {
|
|
margin-left: 40px;
|
|
margin-right: 40px;
|
|
}
|
|
|
|
div.story_content {
|
|
margin-bottom: 1em;
|
|
}
|
|
ol.stories.list div.story_content {
|
|
color: #777;
|
|
max-height: 2.6em;
|
|
margin: 0.25em 40px 0.25em 0;
|
|
overflow: hidden;
|
|
text-overflow: clip;
|
|
}
|
|
|
|
div.morelink {
|
|
float: left;
|
|
}
|
|
|
|
div.morelink,
|
|
div.page_link_buttons {
|
|
margin-top: 1.5em;
|
|
margin-left: 40px;
|
|
}
|
|
div.morelink a {
|
|
color: #666;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
div.page_link_buttons {
|
|
font-weight: bold;
|
|
margin-top: 2em;
|
|
}
|
|
div.page_link_buttons a,
|
|
div.page_link_buttons span {
|
|
border: 1px solid #d0d0d0;
|
|
background-color: #f3f3f3;
|
|
color: #666;
|
|
padding: 0.25em 0.5em;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
margin-left: 0.5em;
|
|
}
|
|
div.page_link_buttons a.cur,
|
|
div.page_link_buttons span {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
margin-left: 0.25em;
|
|
padding-right: 0.25em;
|
|
}
|
|
|
|
|
|
div.story_text {
|
|
margin-bottom: 1.5em;
|
|
max-width: 700px;
|
|
word-wrap: break-word;
|
|
}
|
|
div.story_text p {
|
|
margin: 0.75em 0;
|
|
}
|
|
div.story_text img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
div#collapsed_story_text {
|
|
display: none;
|
|
}
|
|
a#story_text_expander {
|
|
display: block;
|
|
}
|
|
|
|
div.comment_text {
|
|
font-size: 10.5pt;
|
|
max-width: 700px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
div.comment_text blockquote,
|
|
div.markdown_help blockquote,
|
|
div.story_text blockquote {
|
|
font-style: italic;
|
|
margin: 0.25em 0 0 0.5em;
|
|
padding: 0 0 0 1em;
|
|
border-left: 2px solid gray;
|
|
}
|
|
div#collapsed_story_text div.story_text blockquote {
|
|
font-style: normal;
|
|
}
|
|
div.comment_text pre,
|
|
div.markdown_help pre {
|
|
margin-left: 1em;
|
|
}
|
|
div.comment_text ol {
|
|
margin: 0;
|
|
padding: 0 1.5em;
|
|
}
|
|
div.comment_text ol li {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
div.comment_text p {
|
|
margin: 0.5em 0;
|
|
}
|
|
div.comment_text p:first-child {
|
|
margin-top: 0.3em;
|
|
}
|
|
|
|
div.comment_text code {
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
div.dragons {
|
|
}
|
|
.dragon_text {
|
|
background-color: #f8f8f8;
|
|
color: gray;
|
|
font-style: italic;
|
|
margin: 1em;
|
|
padding: 2em 0 2.5em 0;
|
|
text-align: center;
|
|
}
|
|
.dragon_text a {
|
|
color: gray;
|
|
}
|
|
.dragon_threads.hidden {
|
|
display: none;
|
|
}
|
|
|
|
a.pagelink {
|
|
border: 1px solid #ddd;
|
|
background-color: #fbfbfb;
|
|
padding: 4px 8px;
|
|
}
|
|
a.pagelink.curpage {
|
|
border: 1px solid gray;
|
|
background-color: white;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
#downvote_why {
|
|
position: absolute;
|
|
width: 100px;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 0;
|
|
z-index: 2;
|
|
}
|
|
#downvote_why a {
|
|
background-color: white;
|
|
color: #555;
|
|
border-bottom: 1px solid #ccc;
|
|
display: block;
|
|
padding: 3px;
|
|
font-size: 9pt;
|
|
}
|
|
#downvote_why a:hover {
|
|
background-color: #eee;
|
|
}
|
|
#downvote_why a.cancelreason {
|
|
background-color: #eee;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
#downvote_why_shadow {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
|
|
div.markdown_help {
|
|
background-color: #f4f4f4;
|
|
border: 1px solid #e0e0e0;
|
|
padding: 0 1em;
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
div.markdown_help_label {
|
|
float: right;
|
|
font-size: 9pt;
|
|
line-height: 2em;
|
|
color: #aaa;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.comment .preview {
|
|
padding-left: 25px;
|
|
}
|
|
|
|
div#story_preview {
|
|
margin-top: 2em;
|
|
margin-left: 3.5em;
|
|
}
|
|
|
|
div#story_box input#story_url {
|
|
width: 508px;
|
|
}
|
|
div#story_box button#story_fetch_title {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
div#story_box input#story_title,
|
|
div#story_box input#story_moderation_reason,
|
|
div#story_box input#story_merge_story_short_id {
|
|
width: 600px;
|
|
}
|
|
div#story_box #story_tags_a {
|
|
width: 624px;
|
|
}
|
|
div#story_box textarea {
|
|
width: 600px;
|
|
}
|
|
div#story_box div.actions {
|
|
margin-left: 7em;
|
|
width: 610px;
|
|
}
|
|
|
|
div.comment_form_container form {
|
|
margin-left: 40px;
|
|
max-width: 700px;
|
|
}
|
|
|
|
div.comment_form_container textarea {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
/* trees */
|
|
|
|
.tree,
|
|
.tree ul {
|
|
margin: 0 0 0 0.5em;
|
|
padding: 0;
|
|
list-style: none;
|
|
position: relative;
|
|
}
|
|
|
|
.tree ul {
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
.tree:before,
|
|
.tree ul:before {
|
|
border-left: 1px solid #bbb;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.tree li {
|
|
margin: 0;
|
|
padding: 0 1.1em;
|
|
position: relative;
|
|
}
|
|
|
|
.tree li:before {
|
|
border-top: 1px solid #bbb;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
left: 0;
|
|
margin-top: -1px;
|
|
position: absolute;
|
|
top: 0.8em;
|
|
width: 8px;
|
|
}
|
|
|
|
.tree li:last-child:before {
|
|
background-color: #fefefe;
|
|
border-left: 0;
|
|
bottom: 0;
|
|
height: auto;
|
|
}
|
|
|
|
li.noparent:before,
|
|
ul.noparent:before {
|
|
border-top: 0 !important;
|
|
border-left: 0 !important;
|
|
}
|
|
|
|
ul.user_tree {
|
|
color: #888;
|
|
}
|
|
|
|
|
|
/* data tables */
|
|
|
|
table.data caption {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding-bottom: 3px;
|
|
}
|
|
table.data .capright {
|
|
float: right;
|
|
}
|
|
|
|
table.data th {
|
|
background-color: #eaeaea;
|
|
border-bottom: 1px solid #cacaca;
|
|
border-top: 1px solid #cacaca;
|
|
text-align: left;
|
|
}
|
|
table.data th img {
|
|
vertical-align: middle;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
table.data th.r, table.data td.r {
|
|
text-align: right;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
table.data th,
|
|
table.data td {
|
|
padding: 0.25em 0.5em;
|
|
}
|
|
|
|
table.data tr.bold td {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.thread td {
|
|
padding: 0px 0px 0px 3px;
|
|
margin-bottom: 0px;
|
|
line-height: 17px;
|
|
/* text-vertical-align: middle; */
|
|
overflow: hidden;
|
|
}
|
|
table.thread td img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
table.data tr.row0 td,
|
|
table.data.zebra tr:nth-child(even) td {
|
|
background-color: #f8f8f8;
|
|
border-bottom: 1px solid #eaeaea;
|
|
}
|
|
table.data tr.row1 td,
|
|
table.data.zebra tr:nth-child(odd) td {
|
|
background-color: #f5f5f5;
|
|
border-bottom: 1px solid #eaeaea;
|
|
}
|
|
table.data tr.nobottom td {
|
|
border-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
table.data tr.void td, table.data tr.void td a {
|
|
text-decoration: line-through;
|
|
color: gray !important;
|
|
}
|
|
|
|
table.data td p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
table.data td p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
/* boxes */
|
|
.box {
|
|
border: 0;
|
|
margin: 0 40px;
|
|
padding: 0;
|
|
}
|
|
.box_submitter {
|
|
border: 1px solid #cacaca;
|
|
border-top: 0px;
|
|
background-color: #eaeaea;
|
|
padding: 1em;
|
|
}
|
|
.box_submitter input {
|
|
width: 10em;
|
|
}
|
|
|
|
.box .legend {
|
|
margin-bottom: 1em;
|
|
padding: 0;
|
|
font-weight: bold;
|
|
font-size: 11pt;
|
|
}
|
|
.box .sublegend {
|
|
font-size: 9.5pt;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
color: gray;
|
|
}
|
|
.box .legend.right {
|
|
float: right;
|
|
}
|
|
|
|
.box .boxtitle {
|
|
background-color: #f0f0f0;
|
|
border-bottom: 1px solid #cacaca;
|
|
display: block;
|
|
font-weight: bold;
|
|
margin: -3px -7px 4px -7px;
|
|
padding: 3px 5px 3px 5px;
|
|
}
|
|
|
|
.box label,
|
|
.box .label_holder {
|
|
display: block;
|
|
float: left;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.box label.required {
|
|
font-weight: bold;
|
|
}
|
|
.box img {
|
|
vertical-align: middle;
|
|
}
|
|
.box label,
|
|
.box span,
|
|
.box select,
|
|
.box br {
|
|
line-height: 2em;
|
|
}
|
|
.box br {
|
|
clear: left;
|
|
}
|
|
.box .boxline {
|
|
clear: both;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.box p {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.box textarea {
|
|
margin-bottom: 4px;
|
|
width: 75%;
|
|
}
|
|
|
|
.box label,
|
|
.box .label_holder {
|
|
width: 7em;
|
|
line-height: 2em;
|
|
vertical-align: middle;
|
|
}
|
|
.box div.d {
|
|
margin-left: 7em;
|
|
}
|
|
|
|
.box input.normal,
|
|
.box label.normal {
|
|
display: inline;
|
|
float: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.box span.d label,
|
|
.box td label,
|
|
.box .legend label,
|
|
.box div.d label {
|
|
display: inline;
|
|
float: none;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.box span.d a.tag {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.box .label_holder label,
|
|
.box .label_holder input {
|
|
line-height: 2.5em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.hint {
|
|
color: gray;
|
|
font-style: italic;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.hintblock {
|
|
color: gray;
|
|
font-style: italic;
|
|
margin-left: 7em;
|
|
}
|
|
|
|
.box.wide label,
|
|
.box.wide .label_holder {
|
|
width: 12em;
|
|
}
|
|
.box.wide .hintblock {
|
|
margin-left: 12em;
|
|
}
|
|
.box.wide div.d {
|
|
margin-left: 12em;
|
|
}
|
|
|
|
|
|
/* for flash_notices() and flash_errors() */
|
|
|
|
div.flash-error,
|
|
div.flash-notice,
|
|
div.flash-success,
|
|
div.errorExplanation {
|
|
position: relative;
|
|
padding: 7px 15px;
|
|
margin-bottom: 18px;
|
|
color: white;
|
|
background-color: #eedc94;
|
|
background-repeat: repeat-x;
|
|
background-image: linear-gradient(top, #fceec1, #eedc94);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
border-color: #eedc94 #eedc94 #e4c652;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
|
|
}
|
|
div.flash-error a,
|
|
div.flash-notice a,
|
|
div.flash-success a,
|
|
div.errorExplanation a {
|
|
font-weight: bold;
|
|
color: #404040;
|
|
}
|
|
div.flash-error p a,
|
|
div.flash-notice p a,
|
|
div.flash-success p a,
|
|
div.errorExplanation a {
|
|
color: #ffffff;
|
|
}
|
|
div.flash-error p,
|
|
div.flash-notice p,
|
|
div.flash-success p,
|
|
div.errorExplanation p {
|
|
margin-bottom: 0;
|
|
}
|
|
div.flash-error div,
|
|
div.flash-notice div,
|
|
div.flash-success div,
|
|
div.errorExplanation div {
|
|
margin-top: 5px;
|
|
margin-bottom: 2px;
|
|
line-height: 28px;
|
|
}
|
|
div.flash-error,
|
|
div.errorExplanation {
|
|
background-color: #c43c35;
|
|
background-repeat: repeat-x;
|
|
background-image: linear-gradient(top, #ee5f5b, #c43c35);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
border-color: #c43c35 #c43c35 #882a25;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
}
|
|
div.flash-success {
|
|
background-color: #57a957;
|
|
background-repeat: repeat-x;
|
|
background-image: linear-gradient(top, #62c462, #57a957);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
border-color: #57a957 #57a957 #3d773d;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
}
|
|
div.flash-notice {
|
|
background-color: #339bb9;
|
|
background-repeat: repeat-x;
|
|
background-image: linear-gradient(top, #5bc0de, #339bb9);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
border-color: #339bb9 #339bb9 #22697d;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
div.flash-error h2,
|
|
div.flash-notice h2,
|
|
div.flash-success h2,
|
|
div.errorExplanation h2 {
|
|
font-size: 1.25em;
|
|
margin: 0;
|
|
}
|
|
|
|
div#flasher {
|
|
position: fixed;
|
|
top: -40px;
|
|
right: 0px;
|
|
left: 325px;
|
|
text-align: center;
|
|
z-index: 15;
|
|
height: 1px;
|
|
}
|
|
div#flasher div.flash-error,
|
|
div#flasher div.flash-notice,
|
|
div#flasher div.flash-success {
|
|
display: inline-block;
|
|
padding-top: 25px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
div#flasher span#flashcontent {
|
|
}
|
|
|
|
|
|
/* for error_messages_for() */
|
|
div.fieldWithErrors {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
/* select2 deuglification */
|
|
|
|
.select2-container-multi.select2-container-active .select2-choices {
|
|
border: 1px solid rgba(160,160,160,.8);
|
|
}
|
|
.select2-container .select2-results .select2-highlighted {
|
|
background: darkred;
|
|
color: #fff;
|
|
}
|
|
|
|
.select2-container-multi .select2-choices {
|
|
border-color: #ccc;
|
|
background-image: none;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.select2-container-multi.select2-container-active .select2-choices {
|
|
box-shadow : none;
|
|
}
|
|
|
|
.select2-container-active .select2-choice,
|
|
.select2-container-active .select2-choices {
|
|
box-shadow : none;
|
|
}
|
|
|
|
.select2-dropdown-open .select2-choice {
|
|
border: 1px solid #aaa;
|
|
border-bottom-color: transparent;
|
|
box-shadow : none;
|
|
}
|
|
|
|
.select2-container .select2-results li em {
|
|
background: none;
|
|
color: #aaa;
|
|
font-style: italic;
|
|
padding-left: 0.5em;
|
|
}
|
|
|
|
|
|
/* pushover */
|
|
.pushover_button {
|
|
box-sizing: border-box;
|
|
background-color: #eee;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAJQCeAPHNVUx7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wEPAh02ee0QVwAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAABqElEQVQ4y62TvUtbURjGf+fek2vQpMF2ED9QkfpR6VLaDoIEF0UKWQRBQ+yQP6GDU0Xw4y/obOgg6dDSJVS61MlBcXFQB6M1BsF+IES9NnrzcRy8xpvrBwH7bOflfc553+d5jsCF9tiRDwgBEaDXLi8B80AiGQ2Yzn7hIo8Cce5HOBkNfLo6aA7ydAVkgLjdez3BrS8rRbBJEmyU+AyBVVDE1i1SJ6psEmHvfOLktj0SjL/2snKQx8wpNg+LBJt0RjoN+j6bqOvN/ZotWAldtYK5gWpmV84YbPUw2ePlb7bI73+Kep+OLFONkGarXcK7l16+7+V57BW8qJMs7Ob5k4VQm4fVXzlyquyGiHRYBcC+WWQxnSP63AAgtn7O0FNJ9xOd0W+nbkF7pbsytXxOQw30N0t2MgX6Wzy8qtMJL5zy81jdsETaIXnjLL7trkLqGl+2svxI5/mwZt1l6ZJmJ6yEGqkYbveQOioQ2yiz7TbMa0DCWRnuMPBXaXzcsJx23YWEZmc7fJkqxdgzg8xZka/bFhVE2hSuKL+nMswko4GJ//KZxEO/8wVmfpjJTWeCTQAAAABJRU5ErkJggg==) 2px 2px no-repeat, linear-gradient(#FFF, #DEDEDE);
|
|
border: 1px solid #CCC;
|
|
border-radius: 3px;
|
|
color: #333;
|
|
display: inline-block;
|
|
font: 11px/18px "Helvetica Neue",Arial,sans-serif;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
height: 22px;
|
|
padding-left: 20px;
|
|
padding-right: 5px;
|
|
overflow: hidden;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|