add MarkItUp editor for textareas with markup support

This commit is contained in:
oliver 2015-07-27 15:02:32 +02:00
commit 7e7f9edff3
64 changed files with 1353 additions and 176 deletions

View file

@ -61,6 +61,8 @@ a:hover{color:#62c5cd}
.fa{padding:0 10px 0 0}
.fwb{font-weight:700}
.placeholder{float:left}
header{background:#0f373c;margin-bottom:19px;position:fixed;width:100%;z-index:99}
header nav{z-index:99;margin:0 5%}
@ -149,12 +151,12 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.admnql .chrflds:after{content:", "}
.admnql .chrflds:last-child:after{content: ""}
.admnql input{float:left;margin:6px 10px 0 0}
.admnql input[type="file"]{float:none;margin:0}
.admnqf label{margin:10px 0 5px}
.admnqf select{font-size:0.875em}
.task img{max-width:100%}
.task strong{font-style:italic;font-weight:400}
.task table{max-width:800px}
.task td{background:#fff;padding:1px 5px;border:1px solid #d7d4cf}
.task table option{font-size:0.675em}
@ -333,6 +335,8 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.mchoice li{margin:0 0 10px 0}
.mchoice input[type=checkbox]{display:inline-block;margin:-19px 10px 0 24px;vertical-align:top}
.mchoice label{width:90%;display:inline-block;margin:-25px 0 0 0;vertical-align:top}
#questions{list-style-type:numeric}
#questions > li{margin-left:15px}
.submit{padding:15px;background:#eae8e4;border-radius:3px;margin-bottom:15px}
.submit p{margin:15px 0 0 0;font-weight:bold}
@ -367,6 +371,15 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
#drags > li{list-style-type:initial;margin:10px 0 10px 30px}
/** MarkItUp **/
.markItUp{width:100%;border:none}
.markItUp textarea{width:100%;height:150px;box-sizing:border-box}
.markItUpHeader li{padding:0;margin:0}
.markItUpContainer{border:none;background:white}
.markItUpEditor{padding-left:5px;border:none;background-position:-25px 0}
/** Media Queries **/
@media only screen and (min-width:480px){
@ -457,6 +470,8 @@ article{background:#f7f5f2;float:left}
.moodpic{width:880px;height:230px}
.moodpic img{width:100%}
.breadcrumbs{margin-top:0}
.logreg textarea{height:250px}
.markItUp textarea{height:250px}
}
@media only screen and (min-width:1600px){