X-Git-Url: https://vcs.fsf.org/?p=ryf-theme.git;a=blobdiff_plain;f=css%2Fstyle.css;h=3d3fab84db49aec992625b0b63bf92b11062a1e8;hp=f56a65bcaf98cdedf346057758fb9578b88dc87a;hb=1fb61412e5d59dee2253694698d78a84fcef4446;hpb=3cc6e9f47a5868b4e23f485ec47bae6328b2450d;ds=sidebyside diff --git a/css/style.css b/css/style.css index f56a65b..3d3fab8 100644 --- a/css/style.css +++ b/css/style.css @@ -11,6 +11,7 @@ body { a { transition: 0.3s; } +section { position: relative; } /* etcetera */ @@ -25,14 +26,14 @@ h2.block-title { .feed-icons a { background: url('../images/rss.svg') top left no-repeat; background-size: contain; - width: 20px; height: 20px; overflow: hidden; - position: absolute; - top: 0px; - right: 10px; - margin-top: -50px; - text-indent: -1000px; + display: block; + text-indent: 25px; + font-size: 1em; + width: fit-content; + margin: auto; + margin-top: 1em; } .view-display-id-news_page .feed-icons a { @@ -93,12 +94,9 @@ h2.block-title { outline: none; } -.navbar-default .navbar-nav > li > a, -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > li > a:link, -.navbar-default .navbar-nav > .active > a:link, -.navbar-default .navbar-nav > li > a:visited, -.navbar-default .navbar-nav > .active > a:visited { +.navbar-default .navbar-nav > li > a, +.navbar-default .navbar-nav > li > a:link, +.navbar-default .navbar-nav > li > a:visited { color: #FFF; background: #000; border-bottom: 2px solid transparent; @@ -106,10 +104,8 @@ h2.block-title { margin-bottom: 5px; } -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > li > a:active, -.navbar-default .navbar-nav > .active > a:active { +.navbar-default .navbar-nav > li.active > a:hover, +.navbar-default .navbar-nav > li > a:hover { color: #337AB7; background: #000; border-bottom: 2px solid #337AB7; @@ -117,6 +113,13 @@ h2.block-title { margin-bottom: 10px; } +.navbar-default .navbar-nav > li > a.is-active { + border-bottom: 2px solid #FFF; + background: #000; + padding-bottom: 5px; + margin-bottom: 10px; +} + .page-header { border-bottom: 2px solid #000; font-size: 2em; @@ -127,24 +130,35 @@ h2.block-title { float: right; } -@media screen and (min-width: 520px) and (max-width: 599px) { - .logo img { margin-left: 50px; } - #block-ryf-main-menu .navbar-nav { margin-left: 230px; } -} - -@media screen and (min-width: 600px) and (max-width: 767px) { - .logo img { margin-left: 100px; } - #block-ryf-main-menu .navbar-nav { margin-left: 280px; } -} - -@media screen and (max-width: 767px) { - .logo img { height: 150px; margin-top: 25px; } - .navbar-default { min-height: 230px; margin-bottom: 30px; } - #block-ryf-main-menu .navbar-nav { max-width: 130px; } -} - +nav .search-block-form { + position: absolute; + width: 300px; + right: 10%; + top: 30px; +} + +/* + * @media screen and (min-width: 520px) and (max-width: 599px) { + * .logo img { margin-left: 50px; } + * #block-ryf-main-menu .navbar-nav { margin-left: 230px; } + * } + * + * @media screen and (min-width: 600px) and (max-width: 767px) { + * .logo img { margin-left: 100px; } + * #block-ryf-main-menu .navbar-nav { margin-left: 280px; } + * } + * + * @media screen and (max-width: 767px) { + * .logo img { height: 150px; margin-top: 25px; } + * .navbar-default { min-height: 230px; margin-bottom: 30px; } + * #block-ryf-main-menu .navbar-nav { max-width: 130px; } + * } + * + */ + @media screen and (min-width: 768px) { .navbar-nav { margin-top: 40px; } + .region-navigation-collapsible .search-block-form { float: right; padding-top: 30px; width: 210px; } } @@ -174,7 +188,7 @@ h2.block-title { float: left; margin: 0; padding: 0.5em; - position:relative; + position: relative; list-style: none; }