X-Git-Url: https://vcs.fsf.org/?p=ryf-theme.git;a=blobdiff_plain;f=css%2Fstyle.css;h=e15e8f6c4c3aedaef42badbd9ae82014675be44b;hp=2b66a2086a9dd1b8889db347f27a49eaa57d6825;hb=59ee2942e4c49152441399fcdab96ad3869e06f3;hpb=d35bbf796b6328e42dcbb5c2cb21e59d7d6aa5db;ds=sidebyside diff --git a/css/style.css b/css/style.css index 2b66a20..e15e8f6 100644 --- a/css/style.css +++ b/css/style.css @@ -187,24 +187,9 @@ nav .search-block-form { 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 (max-width: 767px) { + #block-ryf-main-menu .navbar-nav { max-width: 130px; } +} .region-navigation-collapsible .search-block-form { float: right; @@ -230,6 +215,10 @@ nav .search-block-form { } } +.maintenance-page #navbar { + margin-bottom: 120px; +} + /* Selectors */ @@ -624,25 +613,24 @@ nav .search-block-form { } .page-node-type-product .product .field--name-field-extra-images { - padding: 5px; + padding: 0 11px; display: flex; align-items: center; - border: 1px solid #888; - border-radius: 10px; } .page-node-type-product .product .field--name-field-extra-images .field--item { display: inline-block; - margin: auto; + margin-right: 15px; padding: 5px; } +.page-node-type-product .product .field--name-field-extra-images .field--item:last-child { + margin-right: 0; +} .page-node-type-product .product .field--name-field-categories, .page-node-type-product .product .field--name-field-vendor { margin: 10px 10px 20px 0px; padding: 10px; - border: 1px solid #888; - border-radius: 10px; } .page-node-type-product .product .field--name-field-categories .field--item { @@ -651,6 +639,33 @@ nav .search-block-form { margin-left: 15px; } +/* Mostly from Bootstrap 3 button CSS */ +.page-node-type-product .product .field--name-field-vendor-product-link a { + color: #fff; + background-color: #337ab7; + border-color: #2e6da4; + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + text-decoration: none; +} + #block-views-block-categories-categories-block ul { margin: 0; padding: 0 10px; list-style: none; @@ -679,18 +694,6 @@ nav .search-block-form { background-color: #fff; border-color: #aaa; } -.page-node-type-product .product .field--name-field-extra-images { - background-color: #f3f3f3; - border-color: #aaa; -} -.page-node-type-product .product .field--name-field-categories { - background-color: #def; - border-color: #8ad; -} -.page-node-type-product .product .field--name-field-vendor { - background-color: #dfe; - border-color: #8da; -} @media screen and (max-width: 767px) { .page-node-type-product .product .field--name-field-extra-images { @@ -836,7 +839,7 @@ nav .search-block-form { .path-search .region-content > ol li { width: 280px; - height: 280px; + height: 320px; margin: 0px auto; padding: 10px; @@ -851,8 +854,8 @@ nav .search-block-form { } .path-search .region-content > ol li .search-image { - width: 100px; - height: 100px; + width: 220px; + height: 220px; margin: 0 auto; @@ -860,6 +863,12 @@ nav .search-block-form { align-items: center; } +.path-search .region-content > ol li p { + display: block; + width: 220px; + margin: 0 auto; +} + .path-search .region-content > ol li img { } @@ -871,6 +880,16 @@ nav .search-block-form { color: #FFF; } +#email-signup .email-input { + color: #000; + display: block; + margin-bottom: 10px; +} +#email-signup .action-button { + color: #000; + display: block; +} + /* full page width for footer */ .footer {