Download raw (6.8 KB)
@import "colors.less"; @import "mixins.less"; @import "fonts.less"; body { font-family: "centurycatalogue"; font-size: 20px; line-height: 1.22; } body { margin: 30px 150px; } a { text-decoration: none; color: #b14542; } p + p { margin-top: 1.22em; } strong { border-bottom: 1px double black; } #outer-wrapper { margin: 0 auto; max-width: 1440px; min-width: 640px; } h1 { text-align: center; } .form-wrapper { .column-count(2); .column-gap(30px); .column-rule(6px double white); } label { font-family: 'alfphabetbipocatcondensed'; color: darkgray; vertical-align: top; } .article-proposal label { color: black; } .required label { color: black; } .article-proposal .required label { color: #b14542; } #steps { font-family: 'urw-grotesk-t'; text-align: center; } .active { border: .25em solid; background-color: white; margin: 25px 0; padding: 12.5px; border-color: #2a85a4; color: #2a85a4; line-height: 1.2; } #cooperating .active { border-color: #b14542; color: #b14542; } #address-header { font-family: 'urw-grotesk-t'; line-height: 1.2; } #confirm { text-align: center; } button, input[type="submit"] { font-family: 'urw-grotesk-t'; color: white; font-size: 20px; border: 0; background-color: #2a85a4; padding: 0.5em; } #cooperating button, #cooperating input[type="submit"] { background-color: #b14542; } button, input[type="submit"]:hover { background-color: #fffd73; color: black; } form { margin-top: 50px; line-height: 1.6em; } .form-chunk { display: inline-block; width: 100%; } .table { display: table; width: 100%; } .table-row { display: table-row; } .table-row > label, .table-cell { display: table-cell; } /*.form-chunk:after { display: block: height: 1px width: 100%; content: "b"}*/ input[type="email"], input[type="text"] { width: 100%; .box-sizing; border: 0; background-color: white; font-family: "centurycatalogue"; font-size: 18px; padding: 0 6.25px; } label { white-space: nowrap; padding-right: 1em; } li { display: inline; } .errorlist { font-size: 0.75em; color: #B14542; } .arrow-money { border-color: #2a85a4; color: #2a85a4; } .arrow-money { line-height: 6em; border: .25em solid; border-bottom-width: 1.25em; height: 6em; width: 7em; font-weight: bold; font-size: 20px; font-family: "urw-grotesk-t"; background-color: white; margin: 0 auto; text-align: center; position: relative; top: -2em; display: block; } .arrow-money:before { content: ""; display: block; position: absolute; width: 4em; height: 9em; left: -4.5em; top: -2.5em; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; } .arrow-money .inner { line-height: .85em; vertical-align: middle; display: inline-block; } #subscribing .arrow-money { border-color: @color-A1; color: @color-A1; } #subscribing .arrow-money:after { border-color: @color-A1 transparent; } #cooperating .arrow-money { border-color: @color-A2; color: @color-A2; } #cooperating .arrow-money:after { border-color: @color-A2 transparent; } .arrow-money:after { border-color: #2a85a4 transparent; } .arrow-money:after { content: ""; display: block; position: relative; left: -1.5em; top: 1.25em; border-style: solid; border-width: 1em 5em 0 5em; height: 0; width: 0; } .arrow-money .price { font-family: "alfphabetbipocatcondensed"; font-size: 3em; font-weight: normal; line-height: .95em; display: inline-block; position: relative; } .arrow-money .price sup { font-size: .60em; line-height: 1.2em; position: absolute; top: 0; left: 100%; } .arrow-money .price sub { font-size: .35em; line-height: 1.4em; padding-left: .15em; position: absolute; bottom: 0; left: 100%; } #foo { margin-top: 5em; background-color: #A9D5DE; padding: 0 30px 30px 30px; } #cooperating #foo { background-color: #FFFD73; } #confirm { margin-top: 2em; } /*ajoutés par Ludi*/ p.text-cadeau { font-family: "urw-grotesk-t"; font-size: 16px; line-height: 1.21em; margin: 0; } p.intro-collaborate { font-family: "centurycatalogue"; line-height: 1.21em; text-align:left; margin:auto 15% !important; margin-bottom: 10px !important; margin-top: 10px !important; } p.submit-collaborate { margin-top:0px; text-align:left; line-height: 1.21em; } textarea { .box-sizing; border: 0; font-family: "centurycatalogue"; font-size: 20px; padding: 0 6.25px; margin-top: 5px; } textarea:focus { outline:solid 3px #fffd92; background: white !important; } .help-text { font-size:0.8em; line-height:1.2em; margin-top:-5px; } #collaborating input[type="text"], #collaborating textarea { width: 100%; } .article-proposal-field input[type="text"], .article-proposal-field textarea { background-color: #fffd92; } #id_is_urgent{ vertical-align: middle; position: relative; } .contact-wrapper { background-color: #e9eae1; padding: 30px; margin-bottom: 30px; border-bottom: double black 17px; } .btn-fb, .btn-twt { display: inline-block; padding: 4px; vertical-align: middle; font-family: "urw-grotesk-t"; font-size: 11px; /*margin-right: 6px;*/ } .btn-twt { color: #2AA9E0 !important; background-color: white; } .btn-fb { background-color: #3A5795; color: white !important; } #main-nav { z-index: 999; background-color: @color-C3; position: fixed; width: auto!important; top: 0; left: 0; right: 0; text-align: center; font-family: "alfphabetbipocatcondensed"; font-size: 16px; line-height: 1em; /*letter-spacing: .4px;*/ padding: 0.5em; } #main-nav ul { display: inline; } #main-nav li { display: inline; } #main-nav li a { padding: 0.5em 0.5em; text-decoration: none; } #main-nav .child:hover a { outline: 3px solid black; } #main-nav .selected a { outline: 3px solid black; } #main-nav li:before { content: ""; } #main-nav form { display: inline; margin-left: 2em; line-height: inherit !important; } #main-nav input { height: 23px; .box-sizing; padding: 4px; width: auto!important; display: inline; font-size: inherit; line-height: inherit; outline: none; background-color: white; font-size: inherit; font-family: inherit; color: inherit; cursor: pointer; } #main-nav input[type="submit"] { background-color: white; } #main-nav label { color: inherit; padding: inherit; font-family: inherit; vertical-align: inherit; } #main-nav a { color: inherit; }