--border: 34,40,49,0.035;
--accent: #FD7014;
--shadow: 0,0,0,0.2;
- --bluish-grey: #3f4c77;
+ --bluish-grey: #282d3d;
--dark-grey: #393E46;
--light-grey: #ababcf;
/* Icons */
.page_footer,
.site-footer {
+ background-color: var(--bluish-grey);
+ color: var(--light-grey);
width: 100%;
margin: 0;
}
.page_footer {
height: 40px;
line-height: 40px;
- border-top: 2px solid rgba(var(--border));
- border-bottom: 1px solid rgba(var(--border));
}
.page_footer_text {
- color: var(--fg);
text-align: right;
padding-right: 2em;
display: inline;
.page_path,
.search {
width: 94%;
- background: var(--fg);
- color: var(--bg);
- border: 1px solid rgba(var(--border));
+ color: var(--fg);
padding: 5px;
margin: 0 auto 15px auto;
}
.title {
font-size: 2em;
- font-style: capitalize;
+ text-transform: capitalize;
margin: 0 auto 15px auto;
padding: 5px;
width: 95%;
width: 95%;
background: var(--bluish-grey);
color: var(--light-grey);
- border: 1px solid #d8d8d8;
padding: 5px;
margin: 0 auto 15px auto;
}
.heads {
width: 95%;
- color: #545454;
- border: 1px solid #d8d8d8;
+ color: var(--fg);
padding: 5px;
margin: 0 auto 15px auto;
}
.header {
- width: 94%;
- margin: 0 auto;
- border: 2px solid rgba(var(--border));
+ text-transform: capitalize;
+ margin: 0 auto 15px auto;
padding: 5px;
+ width: 95%;
}
.header .age {
.title_text {
width: 94%;
- background: #eaf2f5;
- border: 1px solid #bedce7;
+ background: var(--bg-alt);
padding: 5px;
margin: 0 auto 0 auto;
}
.log_body {
width: 94%;
- background: #eaf2f5;
- border: 1px solid #bedce7;
- border-top: 0;
+ background: var(--bg-alt);
padding: 5px;
margin: 0 auto 15px auto;
}
.page_body {
line-height: 1.4em;
width: 94%;
- background: #f8f8f8;
- border: 1px solid #d8d8d8;
+ background: var(--bg-alt);
padding: 5px;
margin: 15px auto 15px auto;
}
.diff_tree {
width: 95%;
- background: #f0f0f0;
- border: 1px solid #d8d8d8;
+ background: var(--bg-alt);
padding: 5px;
margin: 0 auto 15px auto;
}
.author_date .avatar {
position: relative;
top: 3px;
+ width: 32;
+ height: 32;
}
.object_header .avatar {
- border: 1px solid #D8D8D8;
float: right;
}
display: inline-block;
margin: 0;
background-color: var(--bg);
- border: 1px solid rgba(var(--border));
- border-radius: 3px;
height: 18px;
padding: 0 6px;
text-overflow: ellipsis;
display: inline-block;
margin: 0;
background-color: var(--bg-alt);
- border: 1px solid var(--link);
- border-radius: 3px;
height: 18px;
padding: 0 6px;
text-overflow: ellipsis;
span.refs a {
color: #4e4e4e;
- font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
+ font: 11px "Red Hat Mono", "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
line-height: 18px;
}
}
.chunk_header {
- background: #eaf2f5;
+ background: var(--bg-alt);
color: #999;
}
.rem {
background: #ffdddd;
+ color: var(--dark-grey);
}
.rem .marked {
background: #ffaaaa;
+ color: var(--dark-grey);
}
.add {
background: #ddffdd;
+ color: var(--dark-grey);
}
.add .marked {
background: #7dff7d;
+ color: var(--dark-grey);
}
.extended_header {
float: left;
width: 50%;
overflow: hidden;
- border-right: 5px solid #EAF2F5;
+ border-right: 5px solid var(--bg-alt);
}
div.chunk_block.rem,
div.chunk_block div.new {
margin-left: 50%;
width: 50%;
- border-left: 5px solid #EAF2F5;
+ border-left: 5px solid var(--bg-alt);
}
/* Category
top: 0; left: 0;
border: 1px solid #d8d8d8;
padding: 2px;
- background-color: #f0f0f0;
+ background-color: var(--bg-alt);
font-style: normal;
color: #545454;
cursor: auto;