From ce8bda32b3975547de81eae0926c0b688ff2ba9b Mon Sep 17 00:00:00 2001 From: Serghei Mihai Date: Fri, 5 May 2017 12:18:27 +0200 Subject: [PATCH 1/6] minint: build styles from sass file (#16161) --- Makefile | 2 +- static/minint/css/styles.css | 1218 ----------------------------------------- static/minint/sass/_typo.scss | 2 +- static/minint/style.scss | 793 --------------------------- 4 files changed, 2 insertions(+), 2013 deletions(-) delete mode 100644 static/minint/css/styles.css delete mode 100644 static/minint/style.scss diff --git a/Makefile b/Makefile index 73f7308..734d96b 100644 --- a/Makefile +++ b/Makefile @@ -28,7 +28,7 @@ css: cd static/massoins/ && sass style.scss:style.css cd static/meaux/ && sass style.scss:style.css cd static/meyzieu/ && sass style.scss:style.css - cd static/minint/ && sass style.scss:style.css + cd static/minint/sass && sass styles.scss:../css/styles.css cd static/montpellier/ && sass style.scss:style.css cd static/nancy/ && sass style.scss:style.css cd static/nancy-2017/ && sass style.scss:style.css diff --git a/static/minint/css/styles.css b/static/minint/css/styles.css deleted file mode 100644 index 4accc3c..0000000 --- a/static/minint/css/styles.css +++ /dev/null @@ -1,1218 +0,0 @@ -@charset "UTF-8"; -.box-sizing, input[type="text"], -input[type="email"], -input[type="password"], -input[type="number"], -input[type="tel"], -input[type="date"], -select, -textarea, div.error:before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -@font-face { - font-family: 'robotoslab_light'; - src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot"); - src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Light.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.svg#robotoslab_light") format("svg"); - font-weight: 300; - font-style: normal; -} - -@font-face { - font-family: 'robotoslab_regular'; - src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot"); - src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Regular.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.svg#robotoslab_regular") format("svg"); - font-weight: 400; - font-style: normal; -} - -@font-face { - font-family: 'robotoslab_bold'; - src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot"); - src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Bold.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.svg#robotoslab_bold") format("svg"); - font-weight: 700; - font-style: normal; -} - -b, -strong { - font-family: "robotoslab_bold", Arial, sans-serif; - font-weight: 700; -} - -i, -em { - font-family: "robotoslab_regular", Arial, sans-serif; - font-weight: 400; - font-style: italic; -} - -/*** Titraille / Intertitres */ -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { - font-weight: normal; - margin: 0.5em 0 0.5em; - line-height: 1.3; - color: #34567c; - font-family: "robotoslab_regular", Arial, sans-serif; -} - -h1, .h1 { - font-size: em(30, 14); - font-family: "robotoslab_bold", Arial, sans-serif; - line-height: 1.05; - text-transform: uppercase; -} - -h2, .h2 { - font-size: em(22, 14); - line-height: 1.2; -} - -h3, .h3 { - font-size: em(18, 14); - font-family: "robotoslab_bold", Arial, sans-serif; -} - -h4, .h4 { - font-size: em(16, 14); - font-style: italic; -} - -h5, .h5 { - font-size: em(16, 14); -} - -h6, .h6 { - font-size: em(16, 14); -} - -/*** Enrichissements typographiques */ -small, .small { - font-size: .8em; -} - -big, .big { - font-size: 1.5em; -} - -abbr[title], -acronym[title] { - border-bottom: .1em dotted; - cursor: help; -} - -dfn, .dfn { - font-weight: bold; - font-style: italic; -} - -del, .del { - text-decoration: line-through; -} - -ins, .ins { - text-decoration: none; - background-color: #FFC; -} - -sup, sub { - font-size: .846em; - font-variant: normal; - line-height: 0; - top: auto; -} - -sup { - vertical-align: super; -} - -.ie sup { - vertical-align: text-top; -} - -sub { - vertical-align: sub; - bottom: auto; -} - -.ie sub { - vertical-align: text-bottom; -} - -.caps { - font-variant: small-caps; -} - -.quiet { - color: #666; -} - -.loud { - color: #000; -} - -/*** Listes */ -ul ul, ol ol, ul ol, ol ul { - margin-top: 0; - margin-bottom: 0; -} - -#main-content ul { - padding: 0; - list-style-type: none; -} - -#main-content ul li { - padding-left: 1em; - background: url("img/chevron.png") no-repeat 0 0.4em; -} - -#main-content ul li li { - padding-left: 1.5em; - background: url(img/bullet.png) no-repeat 0.5em 0.4em; -} - -dl dt { - color: #34567c; -} - -dl dd { - margin-bottom: 1em; -} - -ol { - padding-left: 20px; -} - -/*** Images */ -figure { - margin: 0; -} - -figure.img { - color: #828282; -} - -figure.img p { - margin-bottom: 0; - font-size: 0.85714em; -} - -figure.img-gauche { - float: left; - margin: 0 1.5em 0.5em 0; -} - -figure.img-droite { - float: right; - margin: 0 0 0.5em 1.5em; -} - -figure figcaption { - margin-bottom: 1em; -} - -/*** Tableaux */ -table { - width: 100% !important; - margin-bottom: 30px; - border: none; - border-bottom: 1px solid #dadada; - table-layout: inherit; -} - -table caption { - padding: 0.7em 0; - color: #34567c; - font-weight: 700; - text-align: left; -} - -table th, table tr, table td { - padding: 0.7em; - color: #828282; - border: none; - vertical-align: top; -} - -table tr { - background-color: #EEE; -} - -table tr:nth-child(odd) { - background-color: #FFF; -} - -table td:last-child { - border-right: none; -} - -table thead th { - background-color: #34567c; - color: #FFF; -} - -table thead th:last-child { - border: none; -} - -table tbody { - border: none; -} - -table tbody th { - background-color: #dadada; - color: #34567c; - /*border-bottom:1px solid $gray-lighter;*/ -} - -table tfoot { - font-style: italic; -} - -table tr:hover td { - background-color: #dadada !important; -} - -/*** Citations, code et poesie */ -q { - font-style: italic; -} - -blockquote { - position: relative; - padding-left: 110px; - margin: 30px 0; - font-size: 1.5em; - font-style: italic; - font-weight: bold; -} - -blockquote:before { - position: absolute; - top: 35px; - left: 0; - font-size: 3em; - color: #34567c; -} - -blockquote p { - margin: 0; - line-height: 1.2; -} - -q { - quotes: '"' '"' "'" "'"; -} - -:lang(fr) q { - quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019"; -} - -:lang(en) q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} - -:lang(es) q { - quotes: "\00AB" "\00BB" "\201C" "\201D"; -} - -:lang(it) q { - quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D"; -} - -:lang(de) q { - quotes: "\00BB" "\00AB" ">" "<"; -} - -:lang(no) q { - quotes: "\00AB\A0" "\A0\00BB" "<" ">"; -} - -q:before { - content: open-quote; -} - -q:after { - content: close-quote; -} - -address { - font-style: italic; -} - -pre { - margin: 1em 0; - /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ / - white-space: pre; /* CSS 2.0 */ - white-space: pre-wrap; - /* CSS 2.1 */ - white-space: pre-line; - /* CSS 3.0 */ - white-space: -pre-wrap; - /* Opera 4-6 */ - white-space: -o-pre-wrap; - /* Opera 7 */ - white-space: -moz-pre-wrap; - /* Mozilla */ - white-space: -hp-pre-wrap; - /* HP Printers */ - word-wrap: break-word; - /* IE 5+ */ -} - -kbd { - background-color: #616161; - color: #fff; -} - -samp { - font-weight: bold; -} - -var { - font-weight: 700; -} - -/*** Paragraphes */ -p { - font-size: 1em; - line-height: 1.5em; - margin: 0 0 1.3em 0; -} - -.highlight { - padding: 0.5em 1em; - margin-bottom: 1em; - border: 1px solid #dadada; -} - -/** - * Print styles from HTML5 Boilerplate - * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ - */ -@media print { - pre, blockquote { - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - /* css-discuss.incutio.com/wiki/Printing_Tables */ - tr, img { - page-break-inside: avoid; - } - @page { - margin: 0.5cm; - } - p, h2, h3 { - orphans: 3; - widows: 3; - } - h2, h3 { - page-break-after: avoid; - } -} - -/** Description: Style des liens */ -a, -a:link { - color: #34567c; -} - -/* Même couleur que le texte */ -a { - color: #34567c; - text-decoration: underline; -} - -a:hover, a:focus { - color: #363f46; - text-decoration: underline; -} - -@media print { - a, - a:visited { - color: #666; - text-decoration: underline; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - /* Don't show links for images, or javascript/internal links */ -} - -.icon { - display: inline-block; - background-repeat: no-repeat; - background-position: left 0; -} - -/* Liens externes */ -.icon-external-link { - width: 10px; - height: 12px; - padding-left: 3px; - background-image: url("img/ico-link-external.png"); - background-position: 3px 0.2em; -} - -/* Liens courriel */ -.icon-mail { - width: 13px; - height: 9px; - background-image: url("img/ico-mailto.png"); -} - -/* Documents à telecharger */ -.icon-download { - width: 10px; - height: 9px; - background-image: url("img/ico-download.png"); -} - -.nav-skip { - margin: 0; - padding: 0; - background: #fff; -} - -.nav-skip .container { - position: relative; - margin: 0 auto; -} - -.nav-skip ul { - margin: 0; - padding: 0; -} - -.nav-skip li { - list-style-type: none; - display: inline-block; - margin: 0; - padding: 0; -} - -.nav-skip a { - position: absolute; - left: -7000px; - z-index: 1000; - padding: 0; - color: #363f46; - text-decoration: none; -} - -.nav-skip a:focus { - position: absolute; - top: 0.2em; - left: 0; -} - -.skip-link-nav { - display: none; -} - -.no-js .nav-skip .container { - height: 2em; - padding-top: 0.2em; -} - -.no-js .nav-skip li { - display: inline-block; - padding-right: 1em; -} - -.no-js .nav-skip a { - position: static; -} - -.no-js .nav-skip a:focus, -.no-js .nav-skip a:hover { - text-decoration: underline; -} - -div#rub_consultation h2, -div#rub_service h2, -div#rub_annonce h2, -div#rub_agenda h2, -div#profile h2, -div#services-2nd h3, -div#member h2, -div#help h2, -div#info h2, -div#accessibility h2, -div#contact h2, -div#gauche h3, -div.large div#rub_service h3, -div#centre h3 { - padding: 0; - border: none; - margin: 0.5em 0 0.5em; - line-height: 1.3; - color: #34567c; - font-family: "robotoslab_bold", Arial, sans-serif; - font-size: 2.14286em; - font-weight: normal; - text-transform: uppercase; - text-align: left; -} - -div#rub_consultation h2.title_form, -div#rub_service h2.title_form, -div#rub_annonce h2.title_form, -div#rub_agenda h2.title_form, -div#profile h2.title_form, -div#services-2nd h3.title_form, -div#member h2.title_form, -div#help h2.title_form, -div#info h2.title_form, -div#accessibility h2.title_form, -div#contact h2.title_form, -div#gauche h3.title_form, -div.large div#rub_service h3.title_form, -div#centre h3.title_form { - margin: 0; - background-color: #f2f2f2; - font-size: 1.42857em; - font-style: normal; - font-family: "robotoslab_regular", Arial, sans-serif; - color: #34567c; - padding: 0.5em 1em; - text-transform: none; -} - -div#rub_service form { - padding: 0; -} - -form div.page { - padding: 0; - margin: 0; - border: none; -} - -div#rub_service div.dataview { - margin: 0; - padding: 0; - border-bottom: 1px solid #f2f2f2; -} - -div#rub_service div.dataview div.page { - border: 1px solid #f2f2f2; - border-top: none; - border-bottom: none; - padding: 0; - margin: 0; -} - -div#rub_service div.dataview div.page:last-child { - padding-bottom: 1em; -} - -div#rub_service div.dataview div.field { - padding: 1em; - margin: 0; -} - -div#rub_service div.dataview span.label { - display: inline-block; - margin: 0; - vertical-align: top; - width: 45%; - margin-right: 4%; - font-weight: normal; - text-align: right; -} - -div#rub_service div.dataview .value { - display: inline-block; - margin: 0; - vertical-align: top; - width: 49%; - text-align: left; - font-family: "robotoslab_bold", Arial, sans-serif; -} - -.bo-block { - margin: 1em 0; -} - -.bo-block + form.quixote { - border-top: 1px solid #f2f2f2; -} - -#main-content ul#evolutions li { - background-position: 0 0.9em; -} - -label { - font-weight: normal; -} - -input[type="text"], -input[type="email"], -input[type="password"], -input[type="number"], -input[type="tel"], -input[type="date"], -select, -textarea { - width: 100%; - z-index: 10; - position: relative; - font-family: "robotoslab_regular", Arial, sans-serif; -} - -.widget fieldset { - padding: 0; - margin: 0; - border: none; -} - -.title_form { - margin: 0; - background-color: #f2f2f2; - font-size: 1.42857em; - font-style: normal; - font-family: "robotoslab_regular", Arial, sans-serif; - color: #34567c; - padding: 0.5em 1em; - text-transform: none; -} - -.ss-title_form { - border-left: 1px solid #f2f2f2; - border-right: 1px solid #f2f2f2; - padding: 0.75em 1em 0.5em; - margin: 0; -} - -div[id^="rub"] form.quixote.formulaire .title { - margin-bottom: .75em; - color: #363f46; - font-size: 1.57143em; - font-weight: normal; -} - -div[id^="rub"] form.quixote.formulaire .title label { - color: #363f46; - font-size: 22px; -} - -div[id^="rub"] form.quixote.formulaire .widget { - border: none; - padding: 0 0 1em; -} - -div[id^="rub"] form.quixote.formulaire div.SingleSelectHintWidget .title label { - padding-bottom: 0; - color: #34567c; - font-size: 16px; -} - -div[id^="rub"] form.quixote .title { - color: #34567c; - font-size: 1em; -} - -div[id^="rub"] form.quixote .title label { - font-size: 1em; -} - -div[id^="rub"] form.quixote .widget { - border-left: 1px solid #f2f2f2; - border-right: 1px solid #f2f2f2; - padding: 1em; -} - -div[id^="rub"] form.quixote .content .widget { - border: none; - padding: 0; -} - -div[id^="rub"] form.quixote div.buttons { - border-top: 1px solid #f2f2f2; -} - -div[id^="rub"] div.RadiobuttonsWidget, -div[id^="rub"] div.WcsExtraStringWidget, -div[id^="rub"] div.SingleSelectHintWidget, -div[id^="rub"] div.EmailWidget, -div[id^="rub"] div.FileWithPreviewAndStrongboxWidget { - position: relative; - padding: 0.5em 0 0.75em; -} - -div[id^="rub"] div.RadiobuttonsWidget { - color: #34567c; -} - -div[id^="rub"] div.RadiobuttonsWidget .title, -div[id^="rub"] div.RadiobuttonsWidget .content { - display: block; -} - -div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title, -div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .content { - display: inline-block; - vertical-align: top; -} - -div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title { - margin-right: 2%; - font-weight: normal; -} - -div[id^="rub"] div.FileWithPreviewAndStrongboxWidget p { - margin: .5em 0 0; -} - -div[id^="rub"] div.FileWithPreviewAndStrongboxWidget + div.FileWithPreviewAndStrongboxWidget:before { - margin-bottom: 1em; - display: block; - content: ""; - border-bottom: 1px solid #f2f2f2; -} - -.required { - color: #34567c; -} - -.help { - padding: .5em; - margin: .5em 0; - background-color: #f2f2f2; - font-size: 12px; - border-radius: 5px; -} - -.info { - font-size: 12px; -} - -div.widget { - margin-bottom: 0; -} - -div.widget div.title { - color: #363f46; - font-weight: normal; -} - -div.CheckboxesWidget .content -div.RadiobuttonsWidget .content label { - margin-right: .5em; -} - -div.DateWidget input, -div.EmailWidget input, -div.StringWidget input, -div.PasswordWidget input, -div.WcsExtraStringWidget input, -div.TextWidget textarea, -div.SingleSelectHintWidget select { - border-color: #dadada; - border-radius: 5px; - padding: 8px; -} - -div[id^="rub"] div.buttons, -div.buttons { - padding-top: 2em; - margin: 0; -} - -div[id^="rub"] div.buttons:before, -div[id^="rub"] div.buttons:after, -div.buttons:before, -div.buttons:after { - content: " "; - display: table; -} - -div[id^="rub"] div.buttons:after, -div.buttons:after { - clear: both; -} - -div[id^="rub"] div.buttons button, -div.buttons button, -div[id^="rub"] div.buttons input, -div.buttons input { - font-family: "robotoslab_regular", Arial, sans-serif; - margin: 0; - border: 1px solid #34567c; - background-color: #FFF; - border-radius: 5px; - color: #34567c; - padding: 0.5em 1.5em; - height: auto; - font-weight: normal; - font-size: 1em; -} - -div[id^="rub"] div.buttons button:hover, -div[id^="rub"] div.buttons button:focus, -div.buttons button:hover, -div.buttons button:focus, -div[id^="rub"] div.buttons input:hover, -div[id^="rub"] div.buttons input:focus, -div.buttons input:hover, -div.buttons input:focus { - background-color: #34567c; - color: #FFF; - border: 1px solid #34567c; - box-shadow: none; -} - -div[id^="rub"] div.buttons button[name="submit"], -div.buttons button[name="submit"], -div[id^="rub"] div.buttons input[type="submit"][name="submit"], -div.buttons input[type="submit"][name="submit"] { - font-weight: normal; - box-shadow: none; -} - -div[id^="rub"] div.buttons div.SubmitWidget, -div.buttons div.SubmitWidget { - border: none; - padding: 0; -} - -div[id^="rub"] div.buttons div.submit-button, -div.buttons div.submit-button { - float: right; -} - -div[id^="rub"] div.buttons div.submit-button button, -div.buttons div.submit-button button, -div[id^="rub"] div.buttons div.submit-button input, -div.buttons div.submit-button input { - color: #FFF; - text-transform: uppercase; - background-color: #34567c; - background-image: url("img/chevron_white.png"); - background-repeat: no-repeat; - background-position: 6.4em center; -} - -div[id^="rub"] div.buttons div.submit-button button:hover, -div[id^="rub"] div.buttons div.submit-button button:focus, -div.buttons div.submit-button button:hover, -div.buttons div.submit-button button:focus, -div[id^="rub"] div.buttons div.submit-button input:hover, -div[id^="rub"] div.buttons div.submit-button input:focus, -div.buttons div.submit-button input:hover, -div.buttons div.submit-button input:focus { - background-color: #FFF; - color: #34567c; -} - -div[id^="rub"] div.buttons div.previous-button, -div.buttons div.previous-button { - margin-right: 2em; -} - -div[id^="rub"] div.buttons div.previous-button button, -div.buttons div.previous-button button, -div[id^="rub"] div.buttons div.previous-button input, -div.buttons div.previous-button input { - background-image: url("img/chevron-back.png"); - background-repeat: no-repeat; - background-position: 5px center; -} - -div.validenotice, -div#receipt-intro { - padding: 1.5em 2em 1.5em 4em; - margin: 2em 0; - background: #deedd6 url("img/picto-valid.png") no-repeat 0.75em center; - color: #2e742e; - border: none; -} - -div.errornotice { - padding: 1.5em 2em 1.5em 4em; - margin: 2em 0; - background: #f1ddde url("img/picto-alert.png") no-repeat 0.75em center; - color: #c22222; - border: none; -} - -div.error { - padding: 0; - margin: 0; - background: none; - color: #c22222; - font-weight: normal; -} - -div.error:before { - position: absolute; - background: rgba(194, 34, 34, 0.1); - display: block; - top: 0; - bottom: 0; - right: 0; - left: 0; - width: 100%; - height: 100%; - content: ""; - z-index: 1; - border: 5px solid #FFF; -} - -.sr-only, -.visually-hidden { - position: absolute !important; - clip: rect(1px 1px 1px 1px); - /* IE6, IE7 */ - clip: rect(1px, 1px, 1px, 1px); - padding: 0 !important; - border: 0 !important; - height: 1px !important; - width: 1px !important; - overflow: hidden; -} - -html { - background: none; -} - -body { - background: none; - font-size: 14px; - font-family: "robotoslab_regular", Arial, sans-serif; - color: #363f46; -} - -.container { - max-width: 1225px; -} - -div#page { - max-width: 1225px; - background: none; -} - -div#member, -div#new_member, -div#accessibility, -div#contact, -div#info, -div#help, -div#rub_agenda, -div#rub_annonce, -div#rub_consultation, -div#rub_service, -div#gauche + div#rub_service, -div#centre, div#profile { - float: none; - width: 100%; -} - -.btn-back { - clear: both; -} - -.btn-back a { - display: inline-block; - font-family: "robotoslab_regular", Arial, sans-serif; - margin: 1em 0 0; - border: 1px solid #34567c; - background: #FFF url("img/chevron-back.png") no-repeat 5px center; - border-radius: 5px; - color: #34567c; - padding: 0.5em 1.5em; - height: auto; - font-weight: normal; - font-size: 1em; - text-decoration: none; -} - -.btn-back a:hover, .btn-back a:focus { - background-color: #34567c; - color: #FFF; -} - -div#gauche { - float: none; - width: 100%; -} - -div#gauche div#side li { - display: inline-block; -} - -div#header { - background: url("img/bg-header.png") no-repeat top left; -} - -div#top { - position: relative; - padding-top: 1.2em; -} - -div#top .logo-rf { - display: inline-block; - width: auto; - margin: 0 1.2em 0 2em; - vertical-align: middle; -} - -div#top h1 { - display: inline-block; - padding: 0; - margin: 0; - font-size: 100%; - font-family: "robotoslab_light", Arial, sans-serif; - line-height: 1; - text-transform: none; - vertical-align: middle; -} - -div#top h1 a { - color: #34567c; - text-decoration: none; -} - -div#top h1 .tt1 { - font-size: 1.85714em; -} - -div#top h1 .tt2 { - display: block; - font-family: "robotoslab_bold", Arial, sans-serif; - font-size: 3.14286em; -} - -div#toplinks { - background: none; -} - -div#main-content { - width: 815px; - margin: 45px auto; -} - -.nav-up { - clear: both; - display: block; - border-top: 1px solid #dadada; - margin-top: 2em; - margin-bottom: 1em; - text-align: right; - padding-top: 1.5em; -} - -.nav-up a { - position: relative; - color: #363f46; - text-decoration: none; - background: url("img/ico-arrow-top.png") no-repeat center right; - padding-right: 25px; -} - -.nav-up a span { - text-decoration: underline; -} - -.nav-up a:hover, .nav-up a:focus { - color: #34567c; -} - -div#footer-wrapper { - min-height: auto; - background: none; - color: #FFF; - text-align: center; -} - -div#footer-wrapper a { - color: #FFF; -} - -div#footer { - max-width: 1225px; - padding-top: 10px; - padding-bottom: 10px; - background: #34567c; -} - -div#footer p { - margin-bottom: 0; -} - -@media (max-width: 768px) { - div#rub_consultation h2.title_form, - div#rub_service h2.title_form, - div#rub_annonce h2.title_form, - div#rub_agenda h2.title_form, - div#profile h2.title_form, - div#services-2nd h3.title_form, - div#member h2.title_form, - div#help h2.title_form, - div#info h2.title_form, - div#accessibility h2.title_form, - div#contact h2.title_form, - div#gauche h3.title_form, - div.large div#rub_service h3.title_form, - div#centre h3.title_form { - font-size: 1.14286em; - } - div[id^="rub"] form.quixote.formulaire .title { - font-size: 1.14286em; - } - div[id^="rub"] form.quixote.formulaire .title label { - font-size: 16px; - } - div#top { - font-size: 0.7em; - } - div#top h1 { - width: 70%; - vertical-align: top; - } - div#top .logo-rf { - max-width: 20%; - vertical-align: top; - } - div#steps { - position: static; - width: 100%; - font-size: 0.6em; - } - div#main-content { - width: auto; - padding: 0 1em; - } - div[id^="rub"] div.buttons div.SubmitWidget { - font-size: 0.8em; - } - div[id^="rub"] div.buttons div.previous-button { - margin-right: .5em; - } -} - -@media (max-width: 480px) { - div#top { - font-size: 0.5em; - } - div#header { - height: auto; - padding-bottom: 1em; - } - div#rub_service div.dataview span.label, - div#rub_service div.dataview .value { - display: block; - width: 100%; - text-align: left; - } -} diff --git a/static/minint/sass/_typo.scss b/static/minint/sass/_typo.scss index 9a696f5..216cf13 100644 --- a/static/minint/sass/_typo.scss +++ b/static/minint/sass/_typo.scss @@ -123,7 +123,7 @@ /*** Citations, code et poesie */ q { font-style: italic; } - blockquote { position: relative; @extend .ico-blockquote; padding-left: 110px; margin: 30px 0; font-size: 1.5em; font-style: italic; font-weight: bold; + blockquote { position: relative; padding-left: 110px; margin: 30px 0; font-size: 1.5em; font-style: italic; font-weight: bold; &:before { position: absolute; top:35px; left: 0; font-size: 3em; color: $blue; } p { margin:0; line-height: 1.2;} } diff --git a/static/minint/style.scss b/static/minint/style.scss deleted file mode 100644 index bac3d4c..0000000 --- a/static/minint/style.scss +++ /dev/null @@ -1,793 +0,0 @@ -@charset "UTF-8"; - -@import '../includes/utils'; - -html, body { - margin: 0; - font-family: arial, sans-serif; - font-size: 13px; - height: 100%; } - -a { - text-decoration: none; } - -a:hover { - text-decoration: underline; } - -h1, h2, h3 { - margin-top: 0; } - -div#single-title, #nav, -#top, h2 { - font-family: sans-serif; - font-weight: normal; } - -h3, h4 { - font-family: sans-serif; - font-weight: normal; } - -a { - -webkit-transition: all 200ms ease-out; - -moz-transition: all 200ms ease-out; - transition: all 200ms ease-out; } - -/* layout */ -body { - overflow-x: hidden; - background: white; - margin: 0 auto; } - -div#page { - min-height: 100%; - min-height: calc(100% - 75px); } - -div#footer, -div#page { - max-width: 1000px; - margin: 0 auto; } - -div#header { - background-color: #ffffff; - width: 100%; - margin: 0 0 0 0; - position: relative; - top: 0px; - z-index: 0; } - -div#top { - margin: 0 auto 0 auto; } - -div#top h1 { - padding-top: 30px; - margin-left: 20px; - margin-bottom: 0; - font-size: 200%; - font-weight: normal; } - -div#top a img { - border: 0; } - -div#main-content-wrapper { - position: relative; - z-index: 100; - max-width: 1000px; - margin: 0px auto 0px auto; } - -div#main-content { - margin: 0; - min-height: 300px; } - -div#footer-wrapper { - background: #666; - color: white; - min-height: 60px; } - -div#footer { - clear: both; - padding: 0px; - margin: 10px auto 0 auto; - position: relative; } - -p#legal { - font-size: small; - color: #eee; - margin: 0; - margin-top: 5em; - font-size: 70%; - display: inline-block; - padding-top: 5px; } - -#content { - position: relative; - margin: 0; - color: #3a3a3a; } - -div#content a { - color: #37a7da; } - -div#content a:hover { - text-decoration: underline; } - -#menu { - font-size: 130%; - margin-top: -1px; } - -#menu ul { - list-style: none; - margin: 0; - padding: 10px 0 32px 0; - -webkit-border-top-right-radius: 5px; - -moz-border-radius-topright: 5px; - border-top-right-radius: 5px; } - -#menu li { - display: inline; - margin: 0px 10px 0 0; - padding: 5px; - background: #37a7da; - border: 5px solid transparent; - border-width: 2px 5px; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; } - -#menu li a { - color: white; - text-transform: uppercase; - white-space: pre; } - -#menu li:hover { - background-color: #f4bc03; - border-color: #f4bc03; } - -#menu li:hover a { - text-decoration: none; } - -#menu li.selected, #menu li.ancestor { - background: #515151; - border-color: #515151; } - -#menu li.selected a { - color: white; } - -#left { - float: left; - width: 49.5%; } - -#right { - float: right; - width: 49.5%; } - -br.clear { - clear: both; } - -#error-404, #error-500, #content .block, #password-changed { - background: white; - font-size: 110%; - margin-bottom: 1em; } - -#content .block h2 { - background: transparent; - font-weight: normal; - color: white; - padding: 6px 10px 6px 10px; - color: #333; - font-size: 130%; - cursor: default; - /* someday, perhaps, cursor: move */ } - -#content .block h2.feeds { - background-image: url(Picto-Bulle.png); } - -#content .block h2.newsletters { - background-image: url(Picto-coeur.png); } - -#content .block h3, -#content .block p { - margin: 1ex 10px; - padding-bottom: 1px; } - -#content .demarches ul, -#content ul.mes-demarches { - list-style: none; - padding-left: 0px; - margin: 0px; - -webkit-column-count: 2; - -moz-column-count: 2; - column-count: 2; } - -#content ul.mes-demarches a, -#content .demarches ul a { - color: inherit; - font-weight: bold; - background: transparent url(static/bullet_rouge.png) left center no-repeat; - padding-left: 10px; } - -#content ul.mes-demarches a:hover, -#content .demarches ul a:hover { - color: #37a7da; } - -#content ul.mes-demarches li, -#content .demarches ul li { - margin: 1ex 0 10px 1ex; - padding-left: 10px; - -webkit-column-break-inside: avoid; - -moz-column-break-inside: avoid; - column-break-inside: avoid; } - -#content .demarches .toutes-les-demarches { - padding: 10px 0 10px 0; - margin-left: 20px; } - -#content .toutes-les-demarches a { - background: transparent url(button_orange_eye.png) no-repeat 0px center; - color: #37a7da; - text-transform: uppercase; - padding-left: 30px; - font-size: 130%; } - -#content .toutes-les-demarches a:hover { - color: #37a7da; } - -#commune-selector { - margin-left: 5px; - margin-bottom: 10px; } - -#content #futurs-demarches { - overflow-y: hidden; - margin: 5px; - padding-bottom: 15px; } - -#content #futurs-demarches.selected { - display: block; } - -div#single-title { - border: 1px solid #a5a7aa; - border-width: 1px 0px; - font-size: 110%; - text-align: center; - padding: 10px 0; } - -body.narrow-page #main-content { - background: white; - margin-top: 0; - padding: 10px 10px 0 10px; } - -body.narrow-page #main-content form div input { - display: block; - margin-left: 10px; - margin-bottom: 2ex; } - -span.helptext { - color: #666; } - -body.narrow-page div.right { - width: 30%; - float: right; - margin: 1ex auto; } - -body.narrow-page div.right form { - text-align: left; - background: white; - margin: 10px 10px; - padding: 10px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - border: 1px solid #ccc; - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); - -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); - -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); } - -body.narrow-page div.right form div label { - font-weight: bold; - width: 14em; - display: block; - float: left; - padding-top: 3px; } - -body.narrow-page div.right form div input { - width: 17em; } - -body.narrow-page div.right form div.form-field-required label:after { - content: ""; } - -body.narrow-page div.right form > input { - display: block; - margin: 1em auto 0 auto; - background: #37a7da; - color: white; - border: none; - padding: 3px 1em; } - -#toplinks { - background: #ffffff; - position: relative; - float: right; - width: 250px; - padding: 5px 5px 5px 5px; } - -#toplinks span { - display: block; - margin: 0; - padding: 0; - color: #888; - line-height: 20px; - height: 22px; } - -#toplinks a { - color: #888; - border: 1px solid transparent; } - -#toplinks a.logout { - padding-left: 30px; } - -#toplinks a:hover { - text-decoration: none; - color: #222; } - -#toplinks a.restricted { - color: white; - float: right; - padding: 0 1ex; - border: 1px outset #888; - background: #37a7da; } - -div#username { - float: right; - padding: 5px 5px 5px 5px; - background: white; - line-height: 20px; - height: 22px; - border: 1px solid white; } - -ul.newsList { - list-style: none; } - -ul.newsList li.abonne { - margin: 0; - padding: 0; } - -.abonne { - padding-left: 20px; - background: transparent url(Validation.png) center left no-repeat; } - -.nonAbonne { - padding-left: 20px; - background: transparent url(Annulation.png) center left no-repeat; } - -/* page de profil */ -#my-informations { - margin-bottom: 15px; - padding: 0px; } - -#my-informations p { - padding: 0 5px; } - -#my-informations select, -#my-informations input { - margin-left: 10px; - display: block; } - -/* forms error reporting */ -.errorlist { - list-style: none; - padding-left: 0; - margin-left: 0; } - -ul.errorlist li { - display: block; - color: #f44; } - -.form-field-required label:after { - content: '*'; - color: #D90024; } - -ul.errorlist + p { - margin-top: 0px; } - -.passerelle-register-plugin input + label { - background: transparent url(Annulation.png) center left no-repeat; } - -.passerelle-register-plugin input:checked + label { - background: transparent url(Validation.png) center left no-repeat; } - -.passerelle-register-plugin td input { - display: none; } - -.passerelle-register-plugin td label { - padding-left: 2em; } - -div.block form { - padding: 0 1ex; } - -table.announces { - width: 100%; - margin-bottom: 1em; } - -table.announces thead td { - font-weight: bold; } - -table.announces thead th { - width: 30%; } - -table.announces tbody td { - text-align: center; } - -table.announces tbody th { - width: 35%; - text-align: left; - font-weight: normal; } - -.chapeau { - font-style: italic; - font-size: 110%; } - -/* mon compte */ -#my-informations-form { - width: 90%; - padding-bottom: 1em; } - -#my-informations-form input[type~=text] { - width: 100%; } - -#id_edit-profile-email_wrap, #id_edit-profile-address_wrap { - clear: both; } - -#id_edit-profile-first_name_wrap, #id_edit-profile-phone_wrap, #id_edit-profile-postal_code_wrap { - width: 45%; - float: left; } - -#id_edit-profile-last_name_wrap, #id_edit-profile-mobile_wrap, #id_edit-profile-city_wrap { - width: 45%; - float: right; } - -.clear { - clear: both; } - -#id_new_password1_help_text, #id_password1_help_text { - font-style: italic; - font-size: 90%; - color: red; } - -/* saml post page */ -.post-redirect { - background: white; } - -#messages li { - list-style-type: none; - padding: 10px; - color: white; } - -#messages { - position: absolute; - top: 120px; - left: 1200px; } - -#messages.messages-login { - position: static; } - -#messages.messages-login li { - margin: 0px; - margin-left: 100px; - margin-right: 100px; } - -#messages li.warning { - border: 1px solid #DB771F; - background: #37a7da; } - -#messages li.error { - border: 1px solid #DB771F; - background: #DB1F28; } - -#messages li.info { - border: 1px solid #301F91; - background: #1F8091; } - -/* registration form */ -img.captcha { - float: left; } - -#id_captcha_1 { - width: 13em; } - -h1#logo a { - color: #028; } - -#nav h3 { - display: none; } - -#nav { - list-style: none; - margin: 10px 20px 12px 20px; - padding-top: 7px; - font-size: 110%; - position: relative; } - -#nav ul { - margin: 0; - padding: 0; - border: 1px solid #a5a7aa; - border-width: 1px 0px; } - -#nav li { - display: inline-block; } - -#nav a { - color: #404041; - text-decoration: none; - display: inline-block; - padding: 1ex 1em; } - -#nav li.selected:after, -#nav li.ancestor:after, -#nav li a:hover, -#nav li.selected a, -#nav li.ancestor a { - color: #e0007a; } - -#nav div.cell { - position: absolute; - top: 0; - right: 0; } - -#content div.cell, -div.block { - text-align: left; - background: white; - margin: 10px 10px; - padding: 10px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - border: 1px solid #ccc; } - -input[type="email"], -input[type="text"], -input[type="password"] { - border: 1px solid #aaa; - padding: 5px 10px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - color: black; - -webkit-transition: background 200ms ease-out; - -moz-transition: background 200ms ease-out; - transition: background 200ms ease-out; - display: block; } - -input[type="email"]:focus, -input[type="text"]:focus, -input[type="password"]:focus { - border: 1px solid #888; - background: white; } - -div#registration { - width: 40em; - text-align: justify; - margin: 2em auto; } - -div#registration form { - margin: 2em 0; } - -div#registration label { - display: block; - width: 15em; - float: left; - text-align: right; - padding-right: 1em; - color: #777; } - -div#registration ul.errorlist { - margin: 0; - padding-left: 16em; } - -div#registration input[type="submit"] { - margin-left: 17em; } - -#toplinks { - background: #ffffff; - position: absolute; - top: 2em; - right: 0; - width: 40%; - padding: 5px 5px 5px 5px; - text-align: right; } - -#toplinks span.logged-in { - background: none; - border: none; - text-align: right; } - -#toplinks span.logged-in .connected-user { - display: inline-block; - padding-right: 1em; - color: #888; } - -#toplinks a { - color: #555; - border: 1px solid transparent; } - -#toplinks a:hover { - text-decoration: none; - color: #222; } - -#toplinks a.restricted { - color: white; - float: right; - padding: 0.5ex 1ex; - border: 1px outset #888; - background: #672290; - position: absolute; - top: -2em; - right: 3px; } - -#toplinks a.logout { - padding: 1px; } - -.narrow-page #main-content { - width: 30em; - margin: 0 auto; } - -div#login-page { - margin-top: 1em; } - -#login-methods { - width: 48%; - float: left; } - -#welcome-text { - width: 48%; - float: right; } - -#login-beid { - margin-top: 2em; - background: url(beid_image_mini.png) top left no-repeat; - padding-top: 120px; } - -div#footer div.cell.test-banner { - position: fixed; - top: 2em; - right: -5em; - background: red; - width: 15em; - z-index: 1000; - transform: rotate(45deg); - transform-origin: center center; - text-align: center; - border-radius: 10px; } - -div#footer div.cell.test-banner p { - margin: 0; } - -a#publik-portal-agent { - z-index: 10000; - position: absolute; - top: 0px; - right: 5px; - background: white; - color: #888; - padding: 5px 10px; - border: 1px solid #888; - border-width: 0 1px 1px 1px; } - -/* icons styles */ -[class^="icon-"]:after, [class*=" icon-"]:after, -[class^="icon-"]:before, [class*=" icon-"]:before { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: none; } - -a[class^="icon-"], a[class*=" icon-"] { - display: inline-block; - text-decoration: none; - border: none; - color: #FF7800; } - -button#nav-button { - display: none; } - -#nav-skip a { - position: absolute; - left: -7000px; } - -#nav-skip a:focus { - left: 0; } - -div#page { - max-width: 1060px; } - -div#header { - height: 135px; } - -div#top h1 { - padding-top: 50px; - padding-left: 140px; - font-size: 160%; - font-weight: normal; } - -div#top h1 a { - color: white; } - -#nav { - margin-top: 0; - margin-left: 0; } - -#nav ul { - border: none; - margin: 0; } - -#nav li { - margin: 0; - width: 8em; - display: inline-block; - text-align: center; - padding: 0 1ex; - border-right: 1px outset white; } - -#nav li a { - color: #494949; - display: inline-block; - width: 100%; } - -#nav li.selected a { - color: #222; } - -#nav li a:hover { - background: white; - color: #222; } - -#nav li:after { - content: none; } - -div#main-content { - margin-top: 20px; } - -#content div.cell { - border: none; } - -#toplinks { - top: 0; - background: rgba(255, 255, 255, 0.6); - width: 442px; } - -div#footer-wrapper { - color: #444; } - -div#footer { - padding-top: 30px; - padding-bottom: 20px; } - -.widget { - position: relative; } - -form.quixote h4 { - margin: 0px; - background-color: #F2F2F2; - font-size: 1.42857em; - font-style: normal; - font-family: "robotoslab_regular",Arial,sans-serif; - color: #34567C; - padding: 0.5em 1em; - text-transform: none; } - -#steps { - display: none; } - -div.widget-with-error input, -div.widget-with-error textarea, -div.widget-with-error label { - position: relative; - z-index: 10; } - -div.widget-prefilled div.message { - display: none; } - -#nav { - display: none; } - -.fileinfo .remove { - position: relative; - z-index: 100; } -- 2.11.0