123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140 |
- @import "style.less";
-
- /* fsfe.org pages */
-
- body {
- background: url(/graphics/fellowship/plussy_tile_03.png) top left fixed #F9F9F9;
- font-family: "Roboto", sans-serif;
- }
- .svg body {
- background: url(/graphics/fellowship/plussy_tile_03.svg) top left fixed #F9F9F9;
- }
-
- #logo {
- background: url(/graphics/logo_transparent.png) top left no-repeat;
- }
- .svg #logo {
- background: url(/graphics/logo_transparent.svg) top left no-repeat;
- }
-
- #masthead, #logo {
- min-height: 85px;
- min-width: 158px;
- }
-
- #link-home a {
- width: 158px;
- height: 85px;
- }
-
- @media (max-width: @screen-xs-max) {
-
- #link-home a {
- height: 50px;
- }
-
- #top {
- display: flex;
- flex-direction: column;
- margin: 0;
- padding: 0;
- position: relative;
-
- #search {
- display: none;
- }
- }
-
- #masthead {
- background-color: #fff;
- order: 1;
- min-height: 50px;
- padding: 10px;
-
- #logo {
- background-position: left center;
- background-repeat: no-repeat;
- background-size: contain;
- min-height: 50px;
- min-width: 120px;
- }
- }
-
- #menu {
- background-color: #fff;
- margin-left: 0;
- order: 2;
- padding: 10px;
-
- #direct-links {
- margin-bottom: 0;
-
- #direct-to-menu-list {
- font-size: 1.3em;
- }
-
- #direct-to-translations {
- position: absolute;
- top: 5px;
- right: 85px;
- }
-
- #direct-to-login {
- position: absolute;
- top: 5px;
- right: 10px;
- }
- }
-
- #direct-to-home,
- #direct-to-join {
- display: none;
- }
- }
-
- #menu-list {
- display: block;
- margin-top: 10px;
- padding-bottom: 0;
- }
-
- #index-html {
- #main {
- padding-top: 0;
- }
- }
-
- #bottom {
- padding: 10px;
- }
- }
-
- #menu {
- @media (min-width: @screen-sm-min) {
- margin-left: 200px;
- }
- }
-
- #followup {
- background: url(/graphics/ribbon.png) no-repeat 100% -40px @body-bg;
- text-shadow: rgb(255, 255, 255) 0 0 .5em;
-
- @media (min-width: @screen-sm-min) {
- background: url(/graphics/ribbon.png) no-repeat 100% -70px @body-bg;
- }
- }
-
- .svg #followup {
- @media (min-width: @screen-sm-min) {
- background: url(/graphics/ribbon.svg) no-repeat 100% -70px @body-bg;
- }
- }
-
- #followup.join {
- background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -30px @body-bg;
- @media (min-width: @screen-sm-min) {
- background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -50% @body-bg;
- }
- }
-
-
- #full-menu {
- background: url(/graphics/logo_bw_transparent_small.png) no-repeat top left @body-bg;
- }
-
- a.the-fellowship {
- padding: 8px 20px 0 0;
- background: url(/graphics/plussy-bright-20.png) no-repeat top right transparent;
- }
-
- img.signatory-logo {
- padding: 10px;
- }
-
- /* fsfe.org front page */
-
- .frontpage {
-
- /* motto not displayed */
-
- #campaigns-boxes {
-
- background: url('/graphics/ribbon.png') top right no-repeat transparent;
- height: 400px;
-
- @media (min-width: @screen-xs-min) {
- height: 300px;
- }
-
- .campaign-box {
- height: 400px;
-
- @media (min-width: @screen-xs-min) {
- height: 300px;
- }
- width: 100%;
-
- img {
- max-width: 33%;
- }
- }
-
- .campaign-box-center {
- text-align: center;
- font-size: 1.3em;
- }
-
- #freesociety {
- .campaign-box-center;
- font-family: 'GNUTypewriter', @font-family-monospace;
- background: url('/graphics/motto.jpg') top center no-repeat #666;
- background-size: cover;
- font-size: 2em;
- @media (min-width: @screen-xs-min) {
- font-size: 2.7em;
- padding-top: 1.8em;
- }
-
- p.text {
- /*background: url('/graphics/fsfs.png') top center no-repeat transparent;
- background-size: contain; */
- -moz-hyphens: manual;
- -webkit-hyphens: manual;
- hyphens: manual;
- }
- }
-
- #amaelle {
- background: url('/graphics/amaelle.jpg') center 33% no-repeat #666;
- background-size: cover;
- text-shadow: 0px 1px 8px rgb(0, 0, 0);
-
- .author:before {
- content: "– ";
- }
-
- .text {
- .quote;
- }
-
- .author, .text {
- display: block;
- background-color: rgba(0, 0, 0, 0.5);
- padding: 0.5em;
- }
-
- @media (min-width: @screen-sm-min) {
- .author, .text {
- margin-left: 45%;
- }
- }
-
- .copyright {
- font-size: 0.6em;
- position: absolute;
- bottom: 0;
- right: 0;
- }
-
- @media (min-width: @screen-md-min) {
- .text {
- font-size: 1.25em;
- }
- }
-
- }
-
- #appelbaum {
- background: url('/graphics/appelbaum.jpg') top right no-repeat #070400;
- background-size: cover;
-
- @media (min-width: @screen-sm-min) {
- background-size: contain;
- }
-
- img {
- display: none;
- }
-
- .author:before {
- content: "– ";
- }
-
- .text {
- .quote;
- }
-
- .author, .text {
- display: block;
- background-color: rgba(0, 0, 0, 0.5);
- padding: 0.5em;
- }
-
- @media (min-width: @screen-sm-min) {
- .author, .text {
- margin-right: 45%;
- }
- }
-
- @media (min-width: @screen-md-min) {
- .author, .text {
- margin-right: 35%;
- }
- }
-
- .copyright {
- font-size: 0.6em;
- position: absolute;
- bottom: 0;
- right: 0;
- }
- }
-
- #zacchiroli {
- background: url('/graphics/group-blur-800.jpg') center 33% no-repeat #666;
- text-shadow: 0px 1px 2px rgb(0, 0, 0);
-
- img {
- float: right;
- margin-left: 1em;
- }
-
- .author:before {
- content: "– ";
- }
-
- .text {
- .quote;
- }
-
- @media (min-width: @screen-md-min) {
- img {
- margin-left: 3em;
- }
-
- .text {
- font-size: 1.3em;
- }
-
- .text, .author {
- max-width: 80ex;
- margin: 1em auto;
- display: block;
- }
- }
-
- }
-
- #summit16 {
- .campaign-box-center;
- background: url('/graphics/fsfe-summit-header-background.jpg') center no-repeat #666;
- background-size: cover;
- }
-
- #summit16 img {
- position: absolute;
- }
-
- #summit16 img:first-of-type {
- top: 10%;
- left: 5%;
- width: 40%;
- max-width: 250px;
- }
-
- #summit16 img:last-of-type {
- bottom: 10%;
- right: 5%;
- width: 50%;
- max-width: 400px;
- }
-
- @media (min-width: 800px) {
- #summit16 img:first-of-type {
- top: 20%;
- }
- }
-
- #boxpmpc {
- background: url('/graphics/pmpc_slider.jpg') left 33% no-repeat #666;
- background-size: cover;
- text-shadow: 0px 1px 8px rgb(0, 0, 0);
-
- .text, .text2 {
- .quote;
- }
-
- .text, .text2 {
- display: block;
- padding: 1.25em;
- min-width: 120px;
- font-size: 1.25em;
- hyphens: none;
- text-align: center;
- }
-
- @media (min-width: @screen-sm-min) {
- .text {
- float: left;
- width: 30%;
- }
-
- .text2 {
- float: right;
- width: 30%;
- }
-
- background-position: center;
- }
-
- }
-
- #dfd {
- .campaign-box-center;
- background: url('/graphics/fellowship/plussy_tile_01-33alpha.png') rgba(118, 181, 32, 1);
-
- img {
- height: 200px;
- margin-bottom: 10px;
- margin-top: -70px;
- max-width: none;
- }
- }
-
- #ilovefs {
- .campaign-box-center;
- background: url('/graphics/ilovefs-hashtag-campaignbox.png') center 33% no-repeat transparent;
- }
-
- #racketware {
- .campaign-box-center;
- background: center 33% no-repeat #FFF;
-
- .text {
- display: none;
- }
- }
-
- #becomefellow {
- .campaign-box-center;
- background: url('/graphics/group-blur-800.jpg') center 33% no-repeat #666;
- }
-
- #fightback {
- .campaign-box-center;
- background: url('/graphics/thedaywefightback.png') center 33% no-repeat transparent;
- }
-
- }
- }
-
- .svg #campaigns-boxes #dfd {
- img {
- /*TODO: can we maybe change it to svg here?*/
- }
- }
-
-
-
- #news {
- padding-bottom: 1.5em;
-
- .dt-published {
- color: @gray-light;
- font-size: .9em;
- display: block;
-
- @media (min-width: @screen-sm-min) {
- display: inline-block;
- padding: 0;
- }
- }
-
- .entry {
- h3 {
- display: inline-block;
- padding-right: 0.5em;
- }
-
- p.date {
- display: inline-block;
- #news .dt-published;
- font-weight: 300;
- margin-bottom: 0;
- }
- }
-
- .entry:nth-child(1n+3) {
-
- h3 {
- font-size: 1em;
- margin: 0.7em 0 0 0;
- }
-
- .text, p {
- display: none;
- }
-
- p.date {
- display: inline-block;
- }
- }
-
- }
-
-
- #latest-news-list, #more-news-list {
- list-style-type: none;
- font-size: 1.2em;
- font-weight: 300;
- padding: 0;
- }
-
- .newsdate {
- font-size: .875em;
- color: #888;
- margin-right: 1ex;
- }
-
- [newsteaser="yes"] {
- font-weight: bold;
- font-size: 1.2em;
- }
-
- [newsteaser="yes"] {
- font-weight: bold;
- font-size: 1.2em;
- }
-
-
- #events {
- clear: both;
- padding-top: 1.5em;
-
- #map {
- height: 280px;
- }
-
- .entry {
- h3 {
- display: inline-block;
- }
- p.date {
- #news .dt-published;
- display: block;
- margin-bottom: 0;
- @media (min-width: @screen-sm-min) {
- display: block;
- }
- }
- }
- a.learn-more {
- line-height: 2;
- }
- }
-
- @media (min-width: @screen-sm-min) {
- #news, #events {
- display: inline-block;
- float: left;
- width: 69%;
- }
- #team {
- display: inline-block;
- float: left;
- }
-
- #newsletter, #shop-promo, .country.frontpage #teams {
- display: inline-block;
- float: right;
- width: 30%;
- padding-left: 2%;
- clear: none;
- padding-top: 0;
- }
- }
-
- #newsletter, .newsletter #sidebar {
- input {
- display: block;
- margin: .5em 0;
- }
- }
-
- #feeds {
- a.ical, a.rss-feed {
- .small;
- color: @gray-light;
-
- i.fa {
- }
- }
- }
-
-
- /* Testimonials divs */
-
- .testimonial {
- overflow: auto;
- clear: both;
- }
-
- .testimonial img {
- float: left;
- margin-right: 10px;
- }
-
- /* news archive */
-
- .archivenews h3 {
- line-height: 1.2em;
- }
-
- .archivenews p {
- font-size: 0.9em;
- }
-
- ul.archivemeta, ul.archivetaglist {
- color: #999;
- font-size: 0.9em;
- padding-left: 0;
- }
-
- ul.archivemeta li {
- display: inline-block;
- padding: 0 0.15em;
- }
-
- ul.archivetaglist li {
- display: inline-block;
- padding: 0 0.25em;
- }
-
- ul.archivemeta li:first-child {padding-left: 0; }
-
- ul.archivemeta li a, ul.archivetaglist li a { color: #999; }
-
- .archiveauthor { margin: 0 0.25em; }
-
- ul.archivetaglist { margin-left: 6%; }
-
- /* donate */
-
- #donate-fsfe {
- table {
- .table;
- .table-hover;
- }
-
- form {
- .form-group input {
- .form-control;
- max-width: 25em;
- }
- #donate-validate {
- .btn;
- .btn-lg;
- .btn-success;
- margin-bottom: 1em;
- }
- }
-
- }
-
- /* thank donors */
-
- .thank-donors {
- table {
- .table;
- .table-striped;
- }
- }
-
-
- /* Android campaign style */
-
- #hello-free-droid {
- background: url('/campaigns/android/robot.png') no-repeat top left transparent;
- height: 200px;
- width: 230px;
- float: left;
- margin-left: -6em;
- margin-right: 1.5em;
-
- @media (min-width: @screen-md-min) {
- position: absolute;
- margin-left: -200px;
- margin-top:-10em;
- }
- img {display: none;}
- }
-
- /* Valentine for ILOVEFS style */
-
- .valentine-ilovefs {
- #logo {
- background: url(/graphics/logov.png) top left no-repeat;
- }
- .svg #logo {
- background: url(/graphics/logov.svg) top left no-repeat;
- }
-
- #followup {
- background: url(/graphics/ribbonv.png) no-repeat 100% -40px @body-bg;
-
- @media (min-width: @screen-sm-min) {
- background: url(/graphics/ribbonv.png) no-repeat 100% -70px @body-bg;
- }
- }
- }
-
- .svg .valentine-ilovefs #followup {
- @media (min-width: @screen-sm-min) {
- background: url(/graphics/ribbonv.svg) no-repeat 100% -70px @body-bg;
- }
- }
-
-
-
- /* Planet style */
-
- .planet #motto {
- clear: none;
- font-size: 1em;
- text-align: left;
- position: absolute;
- }
-
- #planet-sources a {
- display: inline-block;
- width: 90%;
- }
-
- #planet-sources a:before {
- content: "→ ";
- }
-
- #planet-posts {
- .daygroup {
- h2:first-child {
- color: @brand-strong;
- }
- .blogitem {
- padding-bottom: 3em;
- margin-bottom: 3em;
- }
- }
- }
-
- /* wiki */
-
- .wiki #motto {
- .planet #motto;
- }
-
- .wiki #direct-links {
- visibility: visible;
-
- a {
- display:inline-block;
- }
- }
-
- .wiki #text h1 {
- color: @brand-strong;
- }
-
- @import "fonts.less";
- @import "font-icon-no-js.less";
-
- /* PDFreaders buglist */
-
- tr.highlighted {
- background-color: rgb(208,244,0);
- }
-
-
- /* FSFE Shop (/order) */
-
- table.merchandise {
- tr {
- border-bottom: 1px solid #ddd;
- &:last-child {
- border-bottom: medium none;
- }
- }
- td {
- padding: 10px 0;
- &.image {
- width: 25%;
- min-width: 250px;
- img {
- max-height: 120px;
- margin: 5px;
- }
- }
- &.description {
- width: 60%;
- }
- &.quantity {
- text-align: right;
- width: 15%;
- min-width: 100px
- }
- @media (max-width: @screen-xs-max) {
- &.image, &.description, &.quantity {
- display: block;
- width: auto;
- }
- &.image {
- padding-bottom: 0;
- }
- &.description {
- padding: 0;
- }
- &.quantity {
- padding-top: 0;
- }
- }
- }
- .tooltip-anchor {
- color: #236892;
- position: relative;
- }
- .tooltip-content {
- color: black;
- text-align: center;
- width: 7em;
- padding: .5em;
- background-color: #85bfe2;
- border: 1px solid black;
- position: absolute;
- right: 0;
- bottom: 2em;
- z-index: 1;
- visibility: hidden;
- img {
- width: 100%;
- }
- }
- .tooltip-anchor:hover .tooltip-content {
- visibility: visible;
- }
- }
- table.order-form {
- width: 100%;
- .order-left {
- min-width: 65px;
- width: 10%;
- }
- .order-right input,textarea {
- max-width: 400px;
- width: 90%;
- }
- #order-submit {
- width: auto;
- }
- }
- form.thankyou {
- margin-bottom: 10px;
- }
-
-
- /* SOCIAL NETWORK SHARE BUTTONS (below articles and pages) */
- .share-buttons.bottom {
- margin: 4em 0 -2em 0;
- }
-
- .share-buttons-top {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- }
-
- .share-buttons-sidebar {
- padding-left: 2rem;
- }
-
- .share-button-top,
- .share-button-sidebar,
- .share-buttons.bottom button.button,
- .share-buttons.bottom label.button {
- display: inline-block;
- margin: 2.5px 5px 2.5px 0;
- color: #fff;
- font-weight: normal;
- font-size: 1em;
- line-height: normal;
- text-align: center;
- text-decoration: none;
- padding: 7px 7px 7px 20px;
- width: 19%;
- min-width: 100px;
- max-width: 110px;
- border: none;
- border-radius: 3px;
- background-position: left 5px center;
- background-repeat: no-repeat;
- background-size: 20px auto;
- opacity: 0.9;
- vertical-align: top;
- }
-
- .share-button-top,
- .share-buttons.bottom,
- .share-buttons-sidebar {
- font-size: .7em;
- }
-
- .share-buttons-top,
- .share-buttons-sidebar,
- .share-buttons.bottom {
-
- a:hover {
- text-decoration: none;
- }
-
- .share-rss {
- background-color: #f4a000;
- background-image: url("/graphics/services/rss_white.png");
- }
-
- .share-rss:hover {
- background-color: #f78200 !important;
- }
-
- .share-mail {
- background-color: #6e6e6e;
- background-image: url("/graphics/services/mail_white.png");
- }
-
- .share-mail:hover {
- background-color: #272727 !important;
- }
-
- .share-mastodon {
- background-color: #2b90d9;
- background-image: url("/graphics/services/mastodon_white.png");
- }
-
- .share-mastodon:hover {
- background-color: #1060a9 !important;
- }
-
- .share-diaspora {
- background-color: #404040;
- background-image: url("/graphics/services/diaspora_white.png");
- }
-
- .share-diaspora:hover {
- background-color: #101010 !important;
- }
-
- .share-facebook {
- background-color: #3b5998;
- background-image: url("/graphics/services/facebook_white.png");
- }
-
- .share-facebook:hover {
- background-color: #143271 !important;
- }
-
- .share-twitter {
- background-color: #55acee;
- background-image: url("/graphics/services/twitter_white.png");
- }
-
- .share-twitter:hover {
- background-color: #338acc !important;
- }
-
- .share-support {
- background-color: #202d79;
- background-image: url("/graphics/services/fsfe_white.png");
- padding-left: 25px;
-
- &:hover {
- background-color: #0a1763 !important;
- }
- }
- }
-
- .share-buttons.bottom .share-gplus {
- background-color: #d34836;
- background-image: url("/graphics/services/gplus_white.png");
- }
-
- .share-buttons.bottom .share-gplus:hover {
- background-color: #b12614 !important;
- }
-
- .share-buttons.bottom .share-flattr {
- background-color: #7ea352;
- background-image: url("/graphics/services/flattr_white.png");
- }
-
- .share-buttons.bottom .share-flattr:hover {
- background-color: #5a7f2e !important;
- }
-
- .share-buttons.bottom .share-reddit {
- background-color: #ff5700;
- background-image: url("/graphics/services/reddit_white.png");
- }
-
- .share-buttons.bottom .share-reddit:hover {
- background-color: #dd3500 !important;
- }
-
- .share-buttons.bottom .share-gnusocial {
- background-color: #a22430;
- background-image: url("/graphics/services/gnusocial_white.png");
- }
-
- .share-buttons.bottom .share-gnusocial:hover {
- background-color: #850713 !important;
- }
-
- .share-buttons.bottom .share-hnews {
- background-color: #ff6600;
- background-image: url("/graphics/services/hackernews_white.png");
- }
-
- .share-buttons.bottom .share-hnews:hover {
- background-color: #dd3500 !important;
- }
-
- /* Share buttons form layout and behaviour hacks */
- .share-buttons input[type="radio"],
- .share-buttons input[type="radio"] + span,
- .share-buttons input[type="checkbox"],
- .share-buttons input[type="checkbox"] + span {
- display: none;
- }
-
- .share-buttons input[type="radio"]:checked + span,
- .share-buttons input[type="checkbox"]:checked + span {
- position: absolute;
- margin-top: 3.5em;
- margin-left: -10em;
- padding: .5em;
- z-index: 3;
- background-color: #333;
- border-radius: .5em;
- display: inline-block;
- }
-
- .share-buttons input[type="radio"]:checked + span:before,
- .share-buttons input[type="checkbox"]:checked + span:before {
- content: '';
- position: absolute;
- top: -1em;
- height: 0em;
- width: 0em;
- border-bottom: 1em solid #333;
- border-left: 1em solid transparent;
- border-right: 1em solid transparent;
- z-index: 3;
- }
-
- .share-buttons input[type="radio"] + span > * {
- vertical-align: middle;
- }
-
- .share-buttons input[type="radio"] + span > button {
- margin: 2.5px 0 2.5px 5px;
- min-width: 4em;
- padding: .25em;
- font-weight: normal;
- font-size: 1em;
- line-height: normal;
- }
-
- .share-buttons input[type="radio"] + span > label {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: -1;
- background-color: rgba(0, 0, 0, .5);
- }
-
- /* Separate share buttons form from possibly floating content */
- form.share-buttons {
- clear: both;
- }
-
- /* Free Your Andoid pages */
- video#freeyourandroid {
- max-width: 500px;
- }
-
- .news-sidebar {
- // there is no sidebar on mobile
- display: none;
- }
-
- @media (min-width: @screen-md-min) {
- .news-sidebar {
- display: block;
- padding-top: 5.1rem;
- }
-
- .news-follow-us {
- display: none;
- }
- }
-
- .more-news {
- display: flex;
- justify-content: space-between;
- margin-top: 2rem;
-
- a.learn-more {
- font-size: 1.3em;
- font-weight: bold;
- white-space: nowrap;
- }
- }
-
- #formnl {
-
- select {
- display: inline-block;
- height: 45px;
- line-height: 45px;
- margin-right: 10px;
- width: auto;
- }
-
- #submit {
- .btn;
- .btn-block;
- .btn-primary;
- display: inline-block;
- font-size: 21px;
- line-height: 31px;
- padding: 6px 12px;
- width: auto;
- }
-
- }
-
- .home-order-image-container {
- display: block;
- margin-bottom: 10px;
- text-align: center;
-
- .home-order-image {
- width: 80%;
- }
- }
-
- .home-shop-block {
- margin-bottom: 50px;
- }
-
- .home-newsletter-label {
- margin-top: 30px;
- }
|