URL: https://linuxfr.org/suivi/adapter-la-boite-d-edition-au-style
Title: Adapter la boîte d'édition au style
Authors: claudex
Date: 2012年06月24日T16:29:29+02:00
Tags: 
Score: 1
Je propose d'adapter la boîte markdown au style de la feuille de style par défaut. Pour cela il faut effectuer les modifications suivantes :
```css
.markItUp {
 border: 1px solid rgb(169,156,144);
 border-radius: 6px;
}
.markItUpContainer {
 border: none;
 background: none;
}
.markItUpEditor {
 background: none;
 border: 1px solid rgb(169,156,144);
}
```
Voilà ce que ça donne :
![Exemple de la nouvelle feuille de style](http://xavierclaude.be/brdl/dlfp_editor.png)
Si je ne me plante pas, le patch git devrait donner :
```text
diff --git a/app/assets/stylesheets/RonRonnement.css.scss b/app/assets/stylesheets/RonRonnement.css.scss
index 6bcbf03..695b7f1 100644
--- a/app/assets/stylesheets/RonRonnement.css.scss
+++ b/app/assets/stylesheets/RonRonnement.css.scss
@@ -1456,3 +1456,18 @@ img {
 max-width: 100%;
 border: none;
 }
+
+.markItUp {
+ border: 1px solid $C_INTER;
+ border-radius: 6px;
+}
+
+.markItUpContainer {
+ border: none;
+ background: none;
+}
+
+.markItUpEditor {
+ background:none;
+ border: 1px solid $C_INTER;
+}
```
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/suivi/adapter-la-boite-d-edition-au-style.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/suivi/adapter-la-boite-d-edition-au-style.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>