EbookFoundation
/
gutenbergsite
mirror of https://github.com/EbookFoundation/gutenbergsite.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CSS Changes- Changes in style.css

bookshelf
Gutenberg back end service account 2020-01-21 15:46:06 -05:00
parent b25e5d786d
commit 6494f2d9a4
3 changed files with 51 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
gutenberg/nav.css
View File

@ -1,48 +1,48 @@
/*Strip the ul of padding and list styling*/
nav {
background-color:#EDDAB7;
color:#000000;
left: 0;
padding: 0 10vw 0 0;
position: fixed;
right: 0;
top: 0;
z-index: 999;
font-weight: bold;
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-color:#EDDAB7;
color:#000000;
left: 0;
padding: 0 10vw 0 0;
position: fixed;
right: 0;
top: 0;
z-index: 999;
font-weight: bold;
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
nav ul {
list-style-type:none;
/*margin:0;*/
padding:0;
position: absolute;
margin-left:140px;
list-style-type:none;
/*margin:0;*/
padding:0;
position: absolute;
margin-left:140px;
}
/*Create a horizontal list with spacing*/
nav li {
display:inline-block;
float: left;
margin-right: 1px;
display:inline-block;
float: left;
margin-right: 1px;
}
/*Style for menu links*/
nav li a {
display:block;
min-width:80px;
text-align: center;
height: 50px;
line-height: 50px;
color: #fff;
background: #EDDAB7;
text-decoration: none;
display:block;
min-width:120px;
text-align: center;
height: 50px;
line-height: 50px;
color: #fff;
background: #EDDAB7;
text-decoration: none;
}
/*Hover state for top level links*/
nav li:hover a {
/* background: #7A7A7A; */
/* background: #7A7A7A; */
color: #fff;
background: #BDAE92;
/* color: #2f3036; */
text-decoration:none;
/* color: #f00; */
/* color: #2f3036; */
text-decoration:none;
/* color: #f00; */
}
/*Style for dropdown links*/
nav li:hover ul a {

22
gutenberg/style.css
View File

@ -2,7 +2,7 @@ html,
body {
background-color:#FFFFFF;/* #FFFCD7;*/
color:#000000; /*#A01F13;*/
font-family: "Times New Roman", Times, serif;
font-family:"Times New Roman", Times, serif;
font-size: 16px;
margin: 0;
max-width: 100vw;
@ -252,7 +252,14 @@ library */
width: 100%;
/*height: 620px;*/
}
.bookshelves > ul li::before {
content: "\25AA";
color: #A01F13;
display: inline-block;
width: 1em;
margin-left: -1em;
/*font-size: small;*/
}
/*.bookshelves ul li {
color: #808080;
display: inline-block;
@ -568,7 +575,7 @@ only screen and (max-device-width: 1200px) {
visibility: hidden;
pointer-events: none;
}
.page_content ul li::before {
.page_content > ul li::before {
content: "\25AA";
color: #A01F13;
display: inline-block;
@ -576,6 +583,15 @@ only screen and (max-device-width: 1200px) {
margin-left: -1em;
/*font-size: small;*/
}
@media only screen and (min-width: 750px){
.page_content > ul li::before {
font-size:small;
}
.bookshelves > ul li::before{
font-size:small;
}
}
.page_content ul li{
list-style: none;
/*padding: 5px;*/

4
site/help/new_website.md
View File

@ -79,7 +79,7 @@ These are mostly from reports that still need consideration, or might have some
1. UI/Search: Search output order seems random.**Status: Investigating. Search is handled by PostgreSQL.**
2. autocat3/Search: Advanced Search, Author: "Agatha Christie" and "Ernest Hemingway": the two searches give a very different layout. **Status: Investigating.**
3. UI: Should the Search and Browse menu item be "Search & Browse" (it's common to use & in menus) and could the dropdown include Recently added? I'd be tempted to move the Bookshelves to just above offline calalogs. **Status: Being considered**
4. UI: "Donate" button and "Donate" link: do we need both? Should this be "appreciates your donations" rather "appreciates your donation?" **Status:Donation Text is now underlined. Added text for direct donation. We will include some assessment of this in a forthcoming user survey.**
4. UI: "Donate" button and "Donate" link: do we need both? Should this be "appreciates your donations" rather "appreciates your donation?" **Status:Resolved. Donation Text is now underlined. Added text for direct donation. We will include some assessment of this in a forthcoming user survey.**
5. UI: The "Project Gutenberg" logo in upper left should be bigger. **Status: awaiting user testing.**
6. UI: Do you really need the Help and Information topic for the mainpage since you have a Help item going elsewhere in the site and this particular info isn't really key like the info about books and how tocreate the books. **Status: awaiting user testing.**
7. UI: Printing press in the logo looks like R2D2.**Status: Consider asking about this during user evaluation.**
@ -89,7 +89,7 @@ These are mostly from reports that still need consideration, or might have some
11. CSS: Your list elements in the text part of the page such as under "Find Free eBooks", are acting odd -- with the second lineof text wrapping under the bullet rather than being set off from it. **Status: Resolved.**
12. CSS: I wish the top menu bar and dropdowns used a sans serif font.Sans serif is more common for menus. Do you really need an underlineto appear under the text when you highlight a menu item? **Status: Resolved. Removed underline when hovering over menu items**
13. CSS: It might be worth considering using a san serif for headings andserif (as you are doing) for the main text on the pages. That's avery common typographic style. **Status: Resolved. Added Sans Serif fonts for menu and serif for rest of the page.**
14. CSS: How to make pop-up menu list display fit better? First, I couldn’t figure out how to get less spacing between the pop-up menu items (there is too much space before/after, and should be automatic spacing). Second, and more importantly, on a very small screen the menu items at the bottom of the list are unreachable (i.e., shrink your screen, and you’ll see they cannot be reached). Can this be some sort of scrollable list? **Status: Actively Investigting. Decreased min-width for less spacing between menu items.**
14. CSS: How to make pop-up menu list display fit better? First, I couldn’t figure out how to get less spacing between the pop-up menu items (there is too much space before/after, and should be automatic spacing). Second, and more importantly, on a very small screen the menu items at the bottom of the list are unreachable (i.e., shrink your screen, and you’ll see they cannot be reached). Can this be some sort of scrollable list? **Status: Actively Investigating. Decreased min-width for less spacing between menu items.**
### HTML and autocat3 Related Issues
1. HTML: The site embeds Facebook and Twitter metadata to support rendering nicely on these platforms but doesn't embed structured data for the same effect on Google https://developers.google.com/search/docs/guides/intro-structured-data. **Status: All the headers need to be investigated and updated.** Note especially that autocat3, PHP and gutenbergsite all have different headers (autocat3 actually has multiple headers, via Genshi templates), and that only gutenbergsite is HTML5. So, we need to work towards a single header base that is valid, and suitable for HTML5 and HTML4.