Mercurial > web-octave
view css/octave.css @ 46:171ca967fcc9 kai
Start new development branch closer to the current website,
but more lightweigt for further maintanence.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Wed, 28 Sep 2016 02:08:11 +0200 |
parents | |
children | 40cbddf42ce4 |
line wrap: on
line source
div#logo { color: #0790c0; margin: 10px; } div#logo img { height: 70px; vertical-align:middle; } div#logo span { font-weight: bold; font-size: 25pt; } .crm-contribute-button-wrapper { padding-top: 5px; padding-bottom: 5px; } .crm-contribute-button-inner { /* button text color */ font-size: 10pt; font-weight: bold; text-align: center; padding: 5px; border: 1px solid #aaaaaa; background: #e8e8e8; border-radius: 4px; } div.donate-blurb { font-size: 10pt; font-weight: normal; text-align: left; padding: 5px; } div#donate-form { font-size: 10pt; font-weight: normal; text-align: left; } div#bitcoin{ font-size: 10pt; text-align: left; } div#bitcoinaddress{ font-size: 6pt; text-align: center; } div.donate-field { font-weight: bold; padding: 5px; } body { font-family: arial,sans-serif; font-weight: normal; font-size: medium; background: white; color: black; margin: 0; padding: 0px; } a { text-decoration: none; } a:link { color: #0790c0; } a:hover { color: #1b1c7d; } div.page-content { width: 540px; margin: 0 auto; text-align: justify; } footer { clear: both; font-size: x-small; text-align: center; border-top: 1px solid; margin: 5px; margin-top: 20px; } dt { font-weight: bold; margin-top: 7px; } h1 { font-size: 16pt; font-weight: bold; } h2 { font-size: 14pt; font-weight: bold; } h3 { font-size: 12pt; font-weight: bold; } img#screenshot { border: 1px solid #0790c0; } ul.topnav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #0790c0; } ul.topnav li { float: left; } ul.topnav li a { display: inline-block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; transition: 0.3s; font-size: 20px; vertical-align: baseline;; } ul.topnav li a:hover { background-color: #555; } ul.topnav li.icon { display: none; } ul.topnav li#logo a { font-size: 30px; font-weight: bold; } ul.topnav li svg { fill: white; } @media screen and (max-width:700px) { ul.topnav li:not(:first-child) {display: none;} ul.topnav li.icon { float: right; display: inline-block; } ul.topnav.responsive { position: relative; } ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; } ul.topnav.responsive li { float: none; display: inline; } ul.topnav.responsive li a { display: block; text-align: left; } div.page-content { width: auto; margin: 15px; } } @media screen and (min-width:1000px) { div.page-content { width: auto; margin-left: 10%; margin-right: 10%; } }