4 column boards page, dropped big white gap

This commit is contained in:
Phil Howard 2016-06-25 22:01:58 +01:00
parent f98f013ff0
commit 6f69806be1
2 changed files with 16 additions and 3 deletions

View File

@ -103,6 +103,9 @@ Content Area
position: relative; position: relative;
padding-bottom:50px; padding-bottom:50px;
} }
.boards-page #content {
width:698px;
}
#content h1 {font-size:30px;} #content h1 {font-size:30px;}
#content h2 {font-size:20px;margin-top:20px;} #content h2 {font-size:20px;margin-top:20px;}
#content h1,h2,h3,h4,h5 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;} #content h1,h2,h3,h4,h5 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
@ -281,7 +284,7 @@ Drop down nav
#sections .featured, #boards .board, #featured .board { #sections .featured, #boards .board, #featured .board {
box-sizing:border-box; box-sizing:border-box;
width:33.3333%; width:25%;
display:block; display:block;
float:left; float:left;
text-align:center; text-align:center;
@ -293,7 +296,7 @@ Drop down nav
#boards .board a, #featured .board a { #boards .board a, #featured .board a {
padding-top: 20px; padding-top: 20px;
padding-bottom: 0px; padding-bottom: 0px;
min-height: 220px; min-height: 175px;
display:block; display:block;
} }
#featured .board a { #featured .board a {
@ -421,6 +424,10 @@ Left Column
width:500px; width:500px;
} }
.boards-page #leftcolumn {
width:302px;
}
#interfaces ul, #interfaces li { #interfaces ul, #interfaces li {
list-style:none; list-style:none;
margin:0; margin:0;
@ -471,6 +478,9 @@ nav#gpio {
border-top-right-radius:46px; border-top-right-radius:46px;
border-bottom-right-radius:46px; border-bottom-right-radius:46px;
} }
.boards-page nav#gpio {
margin-right:0;
}
nav#gpio:before, nav#gpio:after { nav#gpio:before, nav#gpio:after {
content:''; content:'';
display:block; display:block;
@ -683,4 +693,7 @@ ol.linenums {margin-left:30px;}
#content { #content {
width:700px; width:700px;
} }
.boards-page #content {
width:898px;
}
} }

View File

@ -22,7 +22,7 @@
</script> </script>
</head> </head>
<body> <body class="boards-page">
<div id="container"> <div id="container">
<h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1> <h1 class="logo"><a title="Raspberry Pi GPIO Pinout home" href="/"><img src="{{resource_url}}pinout-logo.png" style="top:8px;" /><span>Raspberry Pi</span>n<span class="out">out</span></a></h1>
<div id="leftcolumn"> <div id="leftcolumn">