Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-12 21:05:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1148050 - Make Reader View type panel look closer to the spec. ui-r=mmaslaney, r=Unfocused

Browse Source
This commit is contained in:
Blake Winton 2015-03-28 10:59:49 -04:00
parent 1aaae619de
commit dbe09169a6
1 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
toolkit/themes/windows/global/aboutReader.css
View File

@ -295,7 +295,7 @@ body.loaded {
/*======= Font style popup =======*/
.dropdown-popup {
min-width: 250px;
min-width: 300px;
text-align: start;
position: absolute;
left: 48px; /* offset to account for toolbar width */
@ -308,11 +308,7 @@ body.loaded {
}
.dropdown-popup > hr {
width: 100%;
height: 0;
border: 0;
border-top: 1px solid #b5b5b5;
margin: 0;
display: none;
}
.open > .dropdown-popup {
@ -353,17 +349,15 @@ body.loaded {
#font-size-buttons > button,
#color-scheme-buttons > button {
text-align: center;
border-left: 1px solid #b5b5b5;
border-right: 0;
border-top: 0;
border-bottom: 0;
padding: 10px;
border: 0;
}
#font-type-buttons > button,
#font-size-buttons > button {
width: 50%;
background-color: transparent;
border-left: 1px solid #B5B5B5;
border-bottom: 1px solid #B5B5B5;
}
#color-scheme-buttons > button {
@ -371,15 +365,31 @@ body.loaded {
font-size: 14px;
}
#color-scheme-buttons > .dark-button {
margin-top: -1px;
height: 61px;
}
#font-type-buttons > button:first-child,
#font-size-buttons > button:first-child,
#color-scheme-buttons > button:first-child {
#font-size-buttons > button:first-child {
border-left: 0;
}
#font-type-buttons > button {
display: inline-block;
font-size: 48px;
font-size: 58px;
height: 100px;
}
/* Make the serif button content the same size as the sans-serif button content. */
#font-type-buttons > .serif-button {
padding-top: 1px;
font-size: 60px;
}
#font-size-buttons > button,
#color-scheme-buttons > button {
height: 60px;
}
#font-type-buttons > button:active:hover,
@ -389,9 +399,15 @@ body.loaded {
box-shadow: inset 0 -3px 0 0 #fc6420;
}
#font-type-buttons > button:active:hover,
#font-type-buttons > button.selected {
border-bottom: 1px solid #FC6420;
}
#font-type-buttons > button > div {
color: #666;
font-size: 12px;
margin-top: -4px;
}
.button:hover,
@ -420,7 +436,6 @@ body.loaded {
.plus-button {
background-color: transparent;
border: 0;
height: 50px;
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;