Interim visual tweaks
This commit is contained in:
Phil Howard
parent
6d954e5d2e
commit
0e1f5fe4c8
|
|
@ -1,5 +1,5 @@
|
|||
* {margin:0;padding:0;text-decoration:none;}
|
||||
body {font-family:'Sanchez', sans-serif;}
|
||||
body {font-family:'Avenir', sans-serif;}
|
||||
pre {font-family:'Ubuntu Mono', sans-serif;font-size:13px;}
|
||||
ul.bottom a {color:#E9E5D2;}
|
||||
ul.top a {color:#063541;}
|
||||
|
|
@ -12,6 +12,7 @@ table.pin-functions {width:100%;}
|
|||
table.pin-functions td {width:16.6666%;}
|
||||
|
||||
h2 {font-size:18px;margin-top:20px;}
|
||||
h1,h2,h3,h4,h5 {font-family:Minion, Serif;}
|
||||
|
||||
.drop-down {
|
||||
float: right;
|
||||
|
|
@ -81,8 +82,6 @@ img.grayscale {
|
|||
margin:0;
|
||||
padding:0;
|
||||
float:left;
|
||||
border-right: 1px solid #666;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.main-nav li:last-child {
|
||||
|
|
@ -108,10 +107,17 @@ nav#gpio {
|
|||
float:left;
|
||||
margin-right:200px;
|
||||
}
|
||||
.phys {font-size:90%;opacity:0.8;color:#D33682;}
|
||||
.bottom .phys {color:#002B36;}
|
||||
.bottom .active .phys, .bottom :hover .phys,
|
||||
.bottom .legend .phys {color:#FFF;}
|
||||
.phys {
|
||||
color:#002B36;
|
||||
font-size:90%;opacity:0.8;
|
||||
position:absolute;
|
||||
left:-26px;
|
||||
}
|
||||
.bottom .phys {
|
||||
text-align:right;
|
||||
left:auto;
|
||||
right:38px;
|
||||
}
|
||||
|
||||
#content {
|
||||
float:left;
|
||||
|
|
@ -120,24 +126,25 @@ nav#gpio {
|
|||
min-height:600px;
|
||||
padding-bottom:60px;
|
||||
}
|
||||
#content h1 {font-size:30px;}
|
||||
|
||||
#content article {
|
||||
padding:20px;
|
||||
}
|
||||
nav#gpio ul.top {
|
||||
position:absolute;
|
||||
left:255px;
|
||||
left:245px;
|
||||
top:17px;
|
||||
list-style:none;
|
||||
}
|
||||
nav#gpio ul.bottom {
|
||||
position:absolute;
|
||||
left:16px;
|
||||
left:6px;
|
||||
top:17px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
nav#gpio ul.top li {text-indent:52px;}
|
||||
nav#gpio ul.top li {text-indent:65px;}
|
||||
nav#gpio li a {
|
||||
display:block;
|
||||
width:236px;
|
||||
|
|
@ -174,12 +181,9 @@ nav#gpio ul.bottom li.active a {
|
|||
}
|
||||
|
||||
|
||||
nav#gpio li.overlay-pin a {
|
||||
background:rgba(235, 230, 211, 0.50);
|
||||
color:#063541;
|
||||
}
|
||||
nav#gpio li.overlay-pin a,
|
||||
nav#gpio ul.bottom li.overlay-pin a {
|
||||
background:rgba(235, 230, 211, 0.50); /*rgba(6, 53, 65, 0.50);*/
|
||||
background:rgb(235, 230, 211);
|
||||
color:#063541;
|
||||
}
|
||||
|
||||
|
|
@ -198,7 +202,7 @@ nav#gpio ul.bottom a {
|
|||
}
|
||||
nav#gpio span.pin {
|
||||
display:block;
|
||||
border:1px solid #FFFFFF;
|
||||
border:1px solid transparent;
|
||||
border-radius:50%;
|
||||
width:19px;
|
||||
height:19px;
|
||||
|
|
@ -235,7 +239,6 @@ nav#gpio span.pin:after {
|
|||
width:7px;
|
||||
height:7px;
|
||||
font-size:7px;
|
||||
box-shadow: 0 0 5px rgba(10,41,51,0.5);
|
||||
}
|
||||
nav#gpio li.pow5v span.pin {
|
||||
background:#DC322F;
|
||||
|
|
@ -316,7 +319,7 @@ div#pinbase {
|
|||
height:389px;
|
||||
background:#073642;
|
||||
position:absolute;
|
||||
left:218px;
|
||||
left:208px;
|
||||
top:10px;
|
||||
}
|
||||
div#pinbasebplus {
|
||||
|
|
@ -324,7 +327,7 @@ div#pinbasebplus {
|
|||
height:215px;
|
||||
background:#184753;
|
||||
position:absolute;
|
||||
left:218px;
|
||||
left:208px;
|
||||
top:401px;
|
||||
}
|
||||
.logo {
|
||||
|
|
@ -341,11 +344,8 @@ div#pinbasebplus {
|
|||
.logo a {
|
||||
color:#888888;
|
||||
}
|
||||
.logo img {float:left;position:relative;top:0px;margin:0 13px;
|
||||
-moz-transform:rotate(-45deg);
|
||||
-webkit-transform:rotate(-45deg);
|
||||
transform:rotate(-45deg);
|
||||
width:30px;
|
||||
.logo img {float:left;margin:0 13px;
|
||||
|
||||
}
|
||||
.logo span {
|
||||
color:#D6264E;
|
||||
|
|
@ -362,12 +362,12 @@ p.intro {
|
|||
}
|
||||
p,pre {
|
||||
margin-top:10px;
|
||||
font-size: 15px;
|
||||
font-size: 16px;
|
||||
line-height: 150%;
|
||||
}
|
||||
h3 {
|
||||
color:#D33682;
|
||||
font-size:16px;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#container {
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
<title>{{title}}</title>
|
||||
<meta name="description" content="{{description}}" />
|
||||
<link href='//fonts.googleapis.com/css?family=Sanchez|Ubuntu+Mono' rel='stylesheet' type='text/css' />
|
||||
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css' />
|
||||
<link href='{{resource_url}}prettify/prettify.css' rel='stylesheet' />
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="{{resource_url}}pinout.css?v={{v}}" rel="stylesheet">
|
||||
|
|
@ -25,9 +25,8 @@
|
|||
<body>
|
||||
<div id="container">
|
||||
<ul class="main-nav">
|
||||
<li><a href="http://pi.gadgetoid.com/">Pi Blog</a></li>
|
||||
<li><a href="http://eagle.gadgetoid.com">Learn Eagle</a></li>
|
||||
<li><a href="https://twitter.com/gadgetoid"><i class="fa fa-twitter"></i> @Gadgetoid</a></li>
|
||||
<li><a href="https://twitter.com/roguehal13"><i class="fa fa-twitter"></i> @RogueHAL13</a></li>
|
||||
<li><a href="https://github.com/Gadgetoid/Pinout2"><i class="fa fa-github"></i> Contribute</a></li>
|
||||
{{lang_links}}
|
||||
</ul>
|
||||
|
|
@ -53,6 +52,7 @@
|
|||
</div>
|
||||
<div class="footer" style="clear: both;padding: 20px 0px;text-align:center;">
|
||||
<p>Spotted an error, want to add your board's pinout? <a href="https://github.com/gadgetoid/Pinout2">Head on over to our GitHub repository</a> and submit an Issue or a Pull Request!</p>
|
||||
<p>Originally part of <a href="http://pi.gadgetoid.com">pi.gadgetoid.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue