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;
padding-bottom:50px;
}
.boards-page #content {
width:698px;
}
#content h1 {font-size:30px;}
#content h2 {font-size:20px;margin-top:20px;}
#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 {
box-sizing:border-box;
width:33.3333%;
width:25%;
display:block;
float:left;
text-align:center;
@ -293,7 +296,7 @@ Drop down nav
#boards .board a, #featured .board a {
padding-top: 20px;
padding-bottom: 0px;
min-height: 220px;
min-height: 175px;
display:block;
}
#featured .board a {
@ -421,6 +424,10 @@ Left Column
width:500px;
}
.boards-page #leftcolumn {
width:302px;
}
#interfaces ul, #interfaces li {
list-style:none;
margin:0;
@ -471,6 +478,9 @@ nav#gpio {
border-top-right-radius:46px;
border-bottom-right-radius:46px;
}
.boards-page nav#gpio {
margin-right:0;
}
nav#gpio:before, nav#gpio:after {
content:'';
display:block;
@ -683,4 +693,7 @@ ol.linenums {margin-left:30px;}
#content {
width:700px;
}
.boards-page #content {
width:898px;
}
}

View File

@ -22,7 +22,7 @@
</script>
</head>
<body>
<body class="boards-page">
<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>
<div id="leftcolumn">