bjoernager/rust
bjoernager/rust
1
Fork 0
Code Activity

Rollup merge of #46444 - GuillaumeGomez:css-cleanup, r=QuietMisdreavus

Browse source 
Move colors to main.css

r? @QuietMisdreavus
This commit is contained in:
Guillaume Gomez 2017-12-07 23:59:01 +01:00 • committed by GitHub
commit 14f2bc0405
2 changed files with 100 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/librustdoc/html/static/rustdoc.css
View file

@ -208,7 +208,7 @@ nav.sub {
.sidebar .version { .sidebar .version {
font-size: 15px; font-size: 15px;
text-align: center; text-align: center;
border-bottom: #DDDDDD 1px solid; border-bottom: 1px solid;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; /* deprecated */ word-wrap: break-word; /* deprecated */
word-break: break-word; /* Chrome, non-standard */ word-break: break-word; /* Chrome, non-standard */
@ -247,8 +247,8 @@ nav.sub {
} }
.sidebar-title { .sidebar-title {
border-top: 1px solid #777; border-top: 1px solid;
border-bottom: 1px solid #777; border-bottom: 1px solid;
text-align: center; text-align: center;
font-size: 17px; font-size: 17px;
margin-bottom: 5px; margin-bottom: 5px;
@ -364,7 +364,6 @@ h4 > code, h3 > code, .invisible > code {
} }
.invisible { .invisible {
background: rgba(0, 0, 0, 0);
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
@ -444,7 +443,6 @@ h4 > code, h3 > code, .invisible > code {
.content .fn .where, .content .fn .where,
.content .where.fmt-newline { .content .where.fmt-newline {
display: block; display: block;
color: #4E4C4C;
font-size: 0.8em; font-size: 0.8em;
} }
@ -538,7 +536,6 @@ a {
} }
.search-input:focus { .search-input:focus {
border-color: #66afe9;
border-radius: 2px; border-radius: 2px;
border: 0; border: 0;
outline: 0; outline: 0;
@ -560,7 +557,8 @@ a {
.content .search-results td:first-child a { padding-right: 10px; } .content .search-results td:first-child a { padding-right: 10px; }
tr.result span.primitive::after { tr.result span.primitive::after {
content: ' (primitive type)'; font-style: italic; color: black; content: ' (primitive type)';
font-style: italic;
} }
body.blur > :not(#help) { body.blur > :not(#help) {
@ -697,7 +695,6 @@ a.test-arrow:hover{
font-weight: 300; font-weight: 300;
position: absolute; position: absolute;
left: -23px; left: -23px;
color: #999;
top: 0; top: 0;
} }
@ -904,8 +901,6 @@ span.since {
.tooltip .tooltiptext { .tooltip .tooltiptext {
width: 120px; width: 120px;
display: none; display: none;
background-color: black;
color: #fff;
text-align: center; text-align: center;
padding: 5px 3px; padding: 5px 3px;
border-radius: 6px; border-radius: 6px;
@ -927,13 +922,10 @@ span.since {
margin-top: -5px; margin-top: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: transparent black transparent transparent;
} }
.important-traits .tooltip .tooltiptext { .important-traits .tooltip .tooltiptext {
background-color: white; border: 1px solid;
color: black;
border: 1px solid #000;
} }
pre.rust { pre.rust {
@ -953,22 +945,21 @@ pre.rust {
float: left; float: left;
width: 33.3%; width: 33.3%;
text-align: center; text-align: center;
border-bottom: 1px solid #ccc; border-bottom: 1px solid;
font-size: 18px; font-size: 18px;
cursor: pointer; cursor: pointer;
} }
#titles > div.selected { #titles > div.selected {
border-bottom: 3px solid #0078ee; border-bottom: 3px solid;
} }
#titles > div:hover { #titles > div:hover {
border-bottom: 3px solid #0089ff; border-bottom: 3px solid;
} }
#titles > div > div.count { #titles > div > div.count {
display: inline-block; display: inline-block;
color: #888;
font-size: 16px; font-size: 16px;
} }
@ -987,7 +978,6 @@ h4 > .important-traits {
position: fixed; position: fixed;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: rgba(0,0,0,0.3);
z-index: 10000; z-index: 10000;
top: 0; top: 0;
left: 0; left: 0;
@ -997,13 +987,12 @@ h4 > .important-traits {
display: block; display: block;
max-width: 60%; max-width: 60%;
min-width: 200px; min-width: 200px;
background-color: #eee;
padding: 8px; padding: 8px;
top: 40%; top: 40%;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%, -40%); transform: translate(-50%, -40%);
border: 1px solid #999; border: 1px solid;
border-radius: 4px; border-radius: 4px;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
@ -1030,35 +1019,24 @@ h3.important {
right: -25px; right: -25px;
top: -1px; top: -1px;
font-size: 18px; font-size: 18px;
background-color: #eee;
width: 25px; width: 25px;
padding-right: 2px; padding-right: 2px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
text-align: center; text-align: center;
border: 1px solid #999; border: 1px solid;
border-right: 0; border-right: 0;
cursor: pointer; cursor: pointer;
} }
.modal-content > .close:hover {
background-color: #ff1f1f;
color: white;
}
.modal-content > .whiter { .modal-content > .whiter {
height: 25px; height: 25px;
position: absolute; position: absolute;
width: 3px; width: 3px;
background-color: #eee;
right: -2px; right: -2px;
top: 0px; top: 0px;
} }
.modal-content > .close:hover + .whiter {
background-color: #ff1f1f;
}
#main > div.important-traits { #main > div.important-traits {
position: absolute; position: absolute;
left: -24px; left: -24px;

89
src/librustdoc/html/static/styles/main.css
View file

@ -31,6 +31,10 @@ h2, h3:not(.impl):not(.method):not(.type):not(.tymethod), h4:not(.method):not(.t
background-color: white; background-color: white;
} }
.invisible {
background: rgba(0, 0, 0, 0);
}
.docblock code, .docblock-short code { .docblock code, .docblock-short code {
background-color: #F5F5F5; background-color: #F5F5F5;
} }
@ -56,6 +60,15 @@ pre {
color: #333; color: #333;
} }
.sidebar .version {
border-bottom-color: #DDD;
}
.sidebar-title {
border-top-color: #777;
border-bottom-color: #777;
}
.block a:hover { .block a:hover {
background: #F5F5F5; background: #F5F5F5;
} }
@ -89,6 +102,12 @@ pre {
background: #FDFFD3; background: #FDFFD3;
} }
.content .method .where,
.content .fn .where,
.content .where.fmt-newline {
color: #4E4C4C;
}
.content .highlighted { .content .highlighted {
color: #000 !important; color: #000 !important;
background-color: #ccc; background-color: #ccc;
@ -152,12 +171,20 @@ a.test-arrow {
color: #f5f5f5; color: #f5f5f5;
} }
.collapse-toggle {
color: #999;
}
.search-input { .search-input {
color: #555; color: #555;
box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 2px transparent; box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 2px transparent;
background-color: white; background-color: white;
} }
.search-input:focus {
border-color: #66afe9;
}
.stab.unstable { background: #FFF5D6; border-color: #FFC600; } .stab.unstable { background: #FFF5D6; border-color: #FFC600; }
.stab.deprecated { background: #F3DFFF; border-color: #7F0087; } .stab.deprecated { background: #F3DFFF; border-color: #7F0087; }
.stab.portability { background: #C4ECFF; border-color: #7BA5DB; } .stab.portability { background: #C4ECFF; border-color: #7BA5DB; }
@ -176,6 +203,10 @@ a.test-arrow {
color: grey; color: grey;
} }
tr.result span.primitive::after {
color: black;
}
.line-numbers :target { background-color: transparent; } .line-numbers :target { background-color: transparent; }
/* Code highlighting */ /* Code highlighting */
@ -241,3 +272,61 @@ pre.ignore:hover, .information:hover + pre.ignore {
.search-failed > a { .search-failed > a {
color: #0089ff; color: #0089ff;
} }
.tooltip .tooltiptext {
background-color: black;
color: #fff;
}
.tooltip .tooltiptext::after {
border-color: transparent black transparent transparent;
}
.important-traits .tooltip .tooltiptext {
background-color: white;
color: black;
border-color: black;
}
#titles > div {
border-bottom-color: #ccc;
}
#titles > div.selected {
border-bottom-color: #0078ee;
}
#titles > div:hover {
border-bottom-color: #0089ff;
}
#titles > div > div.count {
color: #888;
}
.modal {
background-color: rgba(0,0,0,0.3);
}
.modal-content {
background-color: #eee;
border-color: #999;
}
.modal-content > .close {
background-color: #eee;
border-color: #999;
}
.modal-content > .close:hover {
background-color: #ff1f1f;
color: white;
}
.modal-content > .whiter {
background-color: #eee;
}
.modal-content > .close:hover + .whiter {
background-color: #ff1f1f;
}