From 343699bc315e36366709c4bdc74c5a1db8469667 Mon Sep 17 00:00:00 2001 From: Luke Hatcher Date: Fri, 13 Jul 2012 03:07:13 -0400 Subject: [PATCH] style edit boxes --- .../static/symposion/css/symposion.css | 5 +++ .../static/symposion/less/custom.less | 32 +++++++++++++++++++ 2 files changed, 37 insertions(+) diff --git a/symposion_project/static/symposion/css/symposion.css b/symposion_project/static/symposion/css/symposion.css index ea81f9d5..04b9ad5c 100644 --- a/symposion_project/static/symposion/css/symposion.css +++ b/symposion_project/static/symposion/css/symposion.css @@ -768,3 +768,8 @@ label:not(.checkbox):not(.radio){font-weight:bold;} header{position:relative;margin-bottom:24px;}header h1{margin-bottom:9px;font-size:48px;letter-spacing:-1px;line-height:1;-webkit-margin-before:0;-webkit-margin-after:0;} header p{font-size:30px;line-height:36px;} header a,header a:hover,header a:visited{color:#333333;text-decoration:none;} +div.box-content .markItUpEditor{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;padding:5px;width:600px;height:320px;clear:both;display:block;overflow:auto;} +.modal div.markItUp{width:500px;} +.modal textarea.markItUpEditor{width:500px;height:250px;} +.content-box.editable{border:1px dashed #bbb;padding:5px;min-height:30px;} +.edit-toggle{position:relative;float:left;left:-20px;} diff --git a/symposion_project/static/symposion/less/custom.less b/symposion_project/static/symposion/less/custom.less index 6247a002..de809330 100644 --- a/symposion_project/static/symposion/less/custom.less +++ b/symposion_project/static/symposion/less/custom.less @@ -30,3 +30,35 @@ header { text-decoration: none; } } + +// Markitup +div.box-content .markItUpEditor { + font-family: @monoFontFamily; + padding:5px; + width:600px; + height:320px; + clear:both; display:block; + overflow:auto; +} + + +// Markitup Modal +.modal div.markItUp { + width: 500px; +} +.modal textarea.markItUpEditor { + width: 500px; + height: 250px; +} + +// Boxes +.content-box.editable { + border: 1px dashed #bbb; + padding: 5px; + min-height: 30px; +} +.edit-toggle { + position: relative; + float: left; + left: -20px; +}