Mercurial > web-octave
view css/octave.css @ 79:4e0675ad8c98 kai
Tidy up CSS. Improve image alingment on page content.
author | Kai T. Ohlhus <k.ohlhus@gmail.com> |
---|---|
date | Thu, 13 Oct 2016 17:55:37 +0200 |
parents | ca78967fd4c3 |
children | b748a89a04b0 |
line wrap: on
line source
svg.octicon-rss-octave { fill: #ffffff; background-color: #fb9e3a; width: 16px; height: 16px; padding: 2px; } svg.octicon-stop-octave { fill: #ff0000; width: 18pt; height: 18pt; float: left; margin-right: 10px; } svg.octicon-topnav { height: 18px; } div.alert { border: 2px solid #ff0000; padding: 5px; } div#logo { color: #0790c0; margin: 10px; } div#logo img { height: 70px; vertical-align:middle; } div#logo span { font-weight: bold; font-size: 25pt; } body { font-family: arial,sans-serif; font-weight: normal; font-size: medium; background: white; color: black; margin: 0; padding: 0px; } a, a:link { text-decoration: none; color: #0790c0; } a:hover { color: #1b1c7d; } div.news-content { margin-left:1em; } div.page-content { width: 540px; margin: 0 auto; text-align: justify; } div.page-content img { max-width:100%; display: block; margin-left: auto; margin-right: auto; border: 1px solid #0790c0; } footer { clear: both; font-size: x-small; text-align: center; border-top: 1px solid; margin: 5px; margin-top: 20px; } time { font-weight: normal; } h1 { font-size: 16pt; font-weight: bold; } h2 { font-size: 14pt; font-weight: bold; } h3 { font-size: 12pt; font-weight: bold; } 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, ul.topnav li a:focus, ul.topnav li a.active { 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; margin-left: 15px; margin-right: 15px; } 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; } div.page-content img { width: 500px; } } @media screen and (min-width:1000px) { div.page-content { width: auto; margin-left: 10%; margin-right: 10%; } div.page-content img { width: 500px; } } /* Syntax highlight with https://rubygems.org/gems/pygments.rb within Jekyll */ span.hll { background-color: #ffffcc } span.c { color: #00aa00; font-style: italic } /* Comment */ span.err { border: 1px solid #FF0000 } /* Error */ span.k { color: #007020; font-weight: bold } /* Keyword */ span.p { color: #aa0000 } /* Operator */ span.o { color: #aa0000 } /* Operator */ span.cm { color: #00aa00; font-style: italic } /* Comment.Multiline */ span.cp { color: #00aa00 } /* Comment.Preproc */ span.c1 { color: #00aa00; font-style: italic } /* Comment.Single */ span.cs { color: #00aa00; background-color: #fff0f0 } /* Comment.Special */ span.gd { color: #A00000 } /* Generic.Deleted */ span.ge { font-style: italic } /* Generic.Emph */ span.gr { color: #FF0000 } /* Generic.Error */ span.gh { color: #000080; font-weight: bold } /* Generic.Heading */ span.gi { color: #00A000 } /* Generic.Inserted */ span.go { color: #808080 } /* Generic.Output */ span.gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */ span.gs { font-weight: bold } /* Generic.Strong */ span.gu { color: #800080; font-weight: bold } /* Generic.Subheading */ span.gt { color: #0040D0 } /* Generic.Traceback */ span.kc { color: #007020; font-weight: bold } /* Keyword.Constant */ span.kd { color: #007020; font-weight: bold } /* Keyword.Declaration */ span.kn { color: #007020; font-weight: bold } /* Keyword.Namespace */ span.kp { color: #007020 } /* Keyword.Pseudo */ span.kr { color: #007020; font-weight: bold } /* Keyword.Reserved */ span.kt { color: #902000 } /* Keyword.Type */ span.m { color: #40a070 } /* Literal.Number */ span.s { color: #ff8c00 } /* Literal.String */ span.na { color: #4070a0 } /* Name.Attribute */ span.nb { color: #000000 } /* Name.Builtin */ span.nc { color: #0e84b5; font-weight: bold } /* Name.Class */ span.no { color: #60add5 } /* Name.Constant */ span.nd { color: #555555; font-weight: bold } /* Name.Decorator */ span.ni { color: #d55537; font-weight: bold } /* Name.Entity */ span.ne { color: #007020 } /* Name.Exception */ span.nf { color: #06287e } /* Name.Function */ span.nl { color: #002070; font-weight: bold } /* Name.Label */ span.nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */ span.nt { color: #062873; font-weight: bold } /* Name.Tag */ span.nv { color: #bb60d5 } /* Name.Variable */ span.ow { color: #007020; font-weight: bold } /* Operator.Word */ span.w { color: #bbbbbb } /* Text.Whitespace */ span.mf { color: #aaaa00 } /* Literal.Number.Float */ span.mh { color: #aaaa00 } /* Literal.Number.Hex */ span.mi { color: #aaaa00 } /* Literal.Number.Integer */ span.mo { color: #aaaa00 } /* Literal.Number.Oct */ span.sb { color: #4070a0 } /* Literal.String.Backtick */ span.sc { color: #4070a0 } /* Literal.String.Char */ span.sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */ span.s2 { color: #4070a0 } /* Literal.String.Double */ span.se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */ span.sh { color: #4070a0 } /* Literal.String.Heredoc */ span.si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */ span.sx { color: #c65d09 } /* Literal.String.Other */ span.sr { color: #235388 } /* Literal.String.Regex */ span.s1 { color: #4070a0 } /* Literal.String.Single */ span.ss { color: #517918 } /* Literal.String.Symbol */ span.bp { color: #007020 } /* Name.Builtin.Pseudo */ span.vc { color: #bb60d5 } /* Name.Variable.Class */ span.vg { color: #bb60d5 } /* Name.Variable.Global */ span.vi { color: #bb60d5 } /* Name.Variable.Instance */ span.il { color: #40a070 } /* Literal.Number.Integer.Long */