From 718f91224f7dc144266bdb04d52d33c79d2d0090 Mon Sep 17 00:00:00 2001 From: Boone B Gorges Date: Tue, 18 Feb 2014 13:18:33 -0500 Subject: [PATCH] Fix styling of padding for rich editor box --- assets/css/screen.css | 2 +- assets/js/cacap.js | 28 +++++++++++++++++++++++++++- assets/sass/screen.scss | 4 ---- 3 files changed, 28 insertions(+), 6 deletions(-) diff --git a/assets/css/screen.css b/assets/css/screen.css index 9d76a97..a859f11 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}h1,h2,h3,h4,h5,h6{color:#222222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:bold;line-height:1.1;margin-bottom:14px;margin-top:14px;text-rendering:optimizelegibility}p{line-height:1.6em;margin-bottom:17px}a{color:#2ba6cb}body.no-js .hide-if-no-js{display:none}body.js .hide-if-js{display:none}body.cacap .button{background:none repeat scroll 0 0 #2ba6cb;border:1px solid #1E728C;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#FFFFFF;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:bold;line-height:1;margin:0;padding:10px 20px 11px;position:relative;text-align:center;text-decoration:none;transition:background-color 0.15s ease-in-out 0s;width:auto}body.cacap .button.secondary{background-color:#E9E9E9;border:1px solid #C3C3C3;color:#1D1D1D}body.cacap .button a{text-decoration:none;color:#fff}body.cacap,body.bp-user{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background:#fff;width:100%;margin:0 auto}body.cacap h1,body.bp-user h1{font-size:44px}body.cacap h4,body.bp-user h4{font-size:23px}#cacap-content{margin-top:30px}.cacap-edit-submit{position:absolute;right:0;bottom:20px}.cacap-row{padding-top:25px;margin:0 auto;max-width:100%;min-width:768px;width:940px}.cacap-row:after{clear:both}.cacap-row:before,.cacap-row:after{content:" ";display:table}.cacap-row.cacap-row-edit-button{padding:15px 0 0 0}#cacap-header{background:transparent url("../images/black_linen_v2.png");padding:0 10px 30px;box-shadow:0 12px 12px -6px #000}#cacap-header *{color:#fff}#cacap-header a{color:#2ba6cb;text-decoration:none}#cacap-header .cacap-char-count-gloss{text-align:right;font-size:.75rem;margin-bottom:.5em;font-style:italic}#cacap-header span.cacap-char-count-warning{display:none}#cacap-header .cacap-length-red span.cacap-char-count{color:#f00}#cacap-header .cacap-length-red span.cacap-char-count-warning{display:block}#cacap-header .cacap-length-yellow span.cacap-char-count{color:yellow}#cacap-header .cacap-hero-row{border-bottom:1px solid #fff;padding-bottom:40px;position:relative}#cacap-header .cacap-hero-row>div>div{float:left}#cacap-header .cacap-hero-row a{color:#2ba6cb;text-decoration:none}#cacap-header .cacap-hero-row .button>a{color:#fff}#cacap-header .cacap-hero-row.stuck{background:transparent url("../images/black_linen_v2.png");width:100%;position:fixed;padding:35px 0 10px 10px;margin-left:-20px;border-bottom:none;top:0;z-index:1000}#cacap-header .cacap-hero-row.stuck .cacap-sticky-dummy{width:940px;margin:0px auto}#cacap-header .cacap-hero-row.stuck .cacap-hero *,#cacap-header .cacap-hero-row.stuck .cacap-avatar *{display:none}#cacap-header .cacap-hero-row.stuck .cacap-hero h1,#cacap-header .cacap-hero-row.stuck .cacap-hero h1 a,#cacap-header .cacap-hero-row.stuck .cacap-avatar img.avatar{display:inherit;z-index:1000}#cacap-header .cacap-hero-row.stuck .cacap-avatar img.avatar{height:80px;width:80px;float:right}#cacap-header .cacap-hero-row-sticky{padding-top:0;height:70px !important;width:100% !important}#cacap-header .cacap-hero{width:75%}#cacap-header .cacap-hero p{font-size:1.5em}#cacap-header .cacap-at-name{font-size:.5em}#cacap-header .cacap-at-name .cacap-at-name-tooltip{padding:4px 6px}#cacap-header .cacap-at-name .cacap-at-name-tooltip:hover .cacap-tooltip{display:block;color:#000;text-align:left;width:140px}#cacap-header .cacap-short-aboutme{color:#6f6f6f;font-weight:300;line-height:1.3;margin-bottom:17px}#cacap-header .cacap-avatar{width:130px;float:right !important}#cacap-header .cacap-avatar>*{margin-bottom:1em}#cacap-header .activity{color:#ffeaa6;font-size:0.8rem}#cacap-header .cacap-edit-submit{color:#1d1d1d}#cacap-header #cacap-vitals>*{display:block;padding:7px 10px 7px 5px;margin:0 10px 15px 0}#cacap-header #cacap-vitals dt{width:10em;float:left;border-right:1px solid #fff;margin-right:20px}#cacap-header #cacap-vitals dd.cacap-vitals-contact>*{margin-top:-8px}#cacap-header .cacap-bp-profile-fields input[type="text"],#cacap-header .cacap-bp-profile-fields textarea{color:#000;margin-bottom:12px;width:100%;border-radius:2px 2px 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset}#cacap-header .cacap-bp-profile-fields input[type="text"]{height:32px}#cacap-header .cacap-bp-profile-fields label,#cacap-header .cacap-bp-profile-fields span.label{display:block;color:#6f6f6f;margin-bottom:3px}#cacap-header .cacap-bp-profile-fields input[type="radio"],#cacap-header .cacap-bp-profile-fields input[type="checkbox"]{margin:.3em 0}#cacap-header .cacap-bp-profile-fields .field-visibility-settings legend,#cacap-header .cacap-bp-profile-fields .field-visibility-settings-toggle,#cacap-header .cacap-bp-profile-fields p.description{margin-bottom:0}#cacap-header .cacap-bp-profile-fields .cacap-half-col{float:left;width:48%}#cacap-header .cacap-bp-profile-fields #cacap-half-col-1{margin-right:4%}#cacap-header .cacap-bp-profile-fields .current-visibility-level{font-weight:bold;color:#f46}#cacap-header .cacap-bp-profile-fields div.editfield{margin-bottom:2.5em}#cacap-tabs{display:block;height:40px;list-style:none outside none;margin:20px 0;padding:0}#cacap-tabs a{text-decoration:none;color:#6f6f6f;display:block;height:40px;line-height:40px;padding:0 23px}#cacap-tabs ul{border-bottom:1px solid #E6E6E6;height:100%}#cacap-tabs li{display:block;float:left;text-align:center}#cacap-tabs li.current-tab{margin-bottom:-1px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}#cacap-tabs li.current-tab a{font-weight:bold;color:#3c3c3c;border-bottom:1px solid #e6e6e6;border-bottom-color:#fff;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}#cacap-edit-button{float:right;width:100px;z-index:1}#cacap-body{padding:50px 0 100px 0;position:relative}#cacap-body .cacap-edit-submit{right:130px}.cacap-widget{margin-bottom:20px}.cacap-widget-title{width:33.333%;float:left;text-transform:uppercase;font-size:2em;font-weight:900}.cacap-widget-content{padding-left:33.333%;min-height:1.5em}#cacap-widget-list>li{overflow:hidden;padding:0 15px;position:relative}#cacap-widget-list>li>div{margin:25px 0}#cacap-widget-list.currently-editing .cacap-click-to-edit.cacap-widget-section-editable{border:2px solid transparent}#cacap-widget-list.currently-editing .cacap-click-to-edit.cacap-widget-section-editable.editing{border:2px solid #dadada}#cacap-widget-list .cacap-click-to-edit.cacap-widget-section-editable{border:2px dashed #dadada}body.profile-edit #cacap-widget-list>li{outline:1px solid #555555;margin:0.5em 0}body.profile-edit #cacap-widget-list .ui-state-highlight{outline:1px dashed #555;height:75px}body.profile-edit #cacap-widget-list .ui-helper-hidden-accessible{display:none}.deprecated-para{opacity:.75;font-size:.8rem;font-style:italic}.cacap-tooltip{color:#000;font-weight:normal;padding:3px;border-radius:1px;line-height:1.0rem;position:absolute;font-size:.7rem;background:#fff;border:1px solid #666;opacity:2;color:#000;display:none}#cacap-user-widget-new{background-color:#eee;width:100%;border:1px dashed #555;padding:10px 0}#cacap-user-widget-new #cacap-user-widget-new-content{width:940px;margin:0 auto}#cacap-user-widget-new #cacap-new-widget-types{overflow:hidden;height:100px}#cacap-user-widget-new #cacap-new-widget-types a{text-decoration:none;color:#f46}#cacap-user-widget-new #cacap-new-widget-types li{float:left;width:100px;display:block;text-align:center;border:1px solid #777;height:90%;margin-right:10px;padding:3px;cursor:pointer}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max{opacity:.4}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max .cacap-has-max-tooltip{position:absolute;font-size:.9em;height:1.4em;background:#fff;border:1px solid #666;opacity:2;color:#000;display:none}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max:hover{background:transparent;cursor:default}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max:hover .cacap-has-max-tooltip{display:block}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max:hover a{color:#f46;cursor:default}#cacap-user-widget-new #cacap-new-widget-types li:hover{background:#2ba6cb}#cacap-user-widget-new #cacap-new-widget-types li:hover a{color:#fff}#cacap-user-widget-new #cacap-new-widget-types li .cacap-widget-type-name{margin-top:3px;display:block}#cacap-widget-prototypes{display:none}#cacap-edit .cacap-drag-handle{width:20px;float:left;cursor:pointer;margin-top:0;margin-bottom:0;margin-left:-15px;margin-right:20px;background-color:gray;background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5) 10px)}#cacap-edit .cacap-widget-title{width:28%}#cacap-edit .cacap-click-to-edit{padding:10px;position:relative;-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;-mz-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;background-color:transparent}#cacap-edit .cacap-click-to-edit:hover{background:#ff9}#cacap-edit .cacap-click-to-edit.cacap-widget-content{margin-left:330px}#cacap-edit .cacap-click-to-edit.editing{margin-bottom:50px}#cacap-edit .cacap-click-to-edit.editing .cacap-positions-inputs{display:block}#cacap-edit .cacap-click-to-edit.editing .cacap-positions-static-text{display:none}#cacap-edit .cacap-click-to-edit.editing .cacap-ok-cancel{display:block;position:absolute;bottom:-40px;left:0}#cacap-edit .cacap-click-to-edit.editing.warn{-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;-mz-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;background-color:#F57171}#cacap-edit .cacap-ok-cancel{display:none}#cacap-edit .cacap-ok-cancel .button{padding:5px 10px;font-size:12px;margin:5px 5px 0 0}#cacap-edit article.editable-content{min-height:2em}#cacap-edit .cacap-positions-inputs{display:none}#cacap-edit .cacap-edit-content-input textarea{width:100%}#cacap-edit .cacap-widget-remove{position:absolute;top:0;right:0;font-size:12px;padding:5px 10px}#cacap-edit label{display:block;float:left;width:120px}#cacap-edit p.description{font-size:.8rem;font-style:italic;font-weight:normal;text-transform:none}#cacap-edit .cacap-widget-positions .cacap-show-on-edit>ul{margin-bottom:2em;padding-left:20px}#cacap-edit .cacap-widget-positions input{height:auto !important;margin-top:.5em;width:300px}#cacap-edit .cacap-widget-positions .cacap-position-add-new{background:#ddd;padding:10px 20px}#cacap-edit .cacap-widget-positions .cacap-position-add-new .hide-if-js{display:none}#cacap-edit .cacap-widget-positions .cacap-position-add-new-title{margin-bottom:1em}#cacap-edit .cacap-widget-positions .cacap-position-add-new-title a{text-decoration:none;font-weight:bold}#cacap-edit .cacap-widget-positions a.cacap-delete-position{text-decoration:none;color:#f00;font-weight:bold;position:absolute}.cacap-positions-list li{margin-bottom:2em}.cacap-positions-list .cacap-positions-title{font-style:italic;padding-right:20px}.cacap-positions-list .cacap-positions-college{display:block;margin-top:.7em}.cacap-rss-items li{margin-bottom:2em}.cacap-rss-items .cacap-feed-item-title{margin-bottom:1em}.cacap-rss-items .cacap-feed-item-meta{font-size:.8em;color:#666;font-style:italic;margin-top:.5em}.cacap-rss-items .cacap-feed-item-meta>span{margin-right:30px}.ui-autocomplete{background:#fff;border:1px solid #aaa;padding:3px;width:300px}.ui-autocomplete li.ui-menu-item a{display:block;width:296px;padding:2px}.ui-autocomplete li.ui-menu-item a.ui-state-focus{background:#ccc}.commons-profile div#item-body{padding-bottom:3em}.commons-profile #cacap-body{padding:15px 0 0 0;position:relative;clear:both}.commons-profile div.profile h4{background-color:#e6e6e6;padding:8px;margin-top:0}body.cacap .cacap-widget-content b,body.cacap #cacap-widget-list b{font-weight:bold}body.cacap .cacap-widget-content i,body.cacap #cacap-widget-list i{font-style:italic}body.cacap .cacap-widget-content ol,body.cacap .cacap-widget-content ul,body.cacap #cacap-widget-list ol,body.cacap #cacap-widget-list ul{margin-left:40px}body.cacap .cacap-widget-content ol,body.cacap #cacap-widget-list ol{list-style-type:decimal}body.cacap .cacap-widget-content ul,body.cacap #cacap-widget-list ul{list-style-type:disc}body.cacap .cacap-widget-content h1,body.cacap #cacap-widget-list h1{font-size:2em}body.cacap .cacap-widget-content h2,body.cacap #cacap-widget-list h2{font-size:1.6em}body.cacap .cacap-widget-content h3,body.cacap #cacap-widget-list h3{font-size:1.2em}body.cacap .cacap-widget-content .cacap-widget-positions article ol,body.cacap .cacap-widget-content .cacap-widget-positions article ul,body.cacap #cacap-widget-list .cacap-widget-positions article ol,body.cacap #cacap-widget-list .cacap-widget-positions article ul{margin-left:0;list-style-type:none}article.inEditMode{margin-top:40px}.hallotoolbar{width:300px}.hallotoolbar button{margin-bottom:8px} +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}h1,h2,h3,h4,h5,h6{color:#222222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:bold;line-height:1.1;margin-bottom:14px;margin-top:14px;text-rendering:optimizelegibility}p{line-height:1.6em;margin-bottom:17px}a{color:#2ba6cb}body.no-js .hide-if-no-js{display:none}body.js .hide-if-js{display:none}body.cacap .button{background:none repeat scroll 0 0 #2ba6cb;border:1px solid #1E728C;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#FFFFFF;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:bold;line-height:1;margin:0;padding:10px 20px 11px;position:relative;text-align:center;text-decoration:none;transition:background-color 0.15s ease-in-out 0s;width:auto}body.cacap .button.secondary{background-color:#E9E9E9;border:1px solid #C3C3C3;color:#1D1D1D}body.cacap .button a{text-decoration:none;color:#fff}body.cacap,body.bp-user{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background:#fff;width:100%;margin:0 auto}body.cacap h1,body.bp-user h1{font-size:44px}body.cacap h4,body.bp-user h4{font-size:23px}#cacap-content{margin-top:30px}.cacap-edit-submit{position:absolute;right:0;bottom:20px}.cacap-row{padding-top:25px;margin:0 auto;max-width:100%;min-width:768px;width:940px}.cacap-row:after{clear:both}.cacap-row:before,.cacap-row:after{content:" ";display:table}.cacap-row.cacap-row-edit-button{padding:15px 0 0 0}#cacap-header{background:transparent url("../images/black_linen_v2.png");padding:0 10px 30px;box-shadow:0 12px 12px -6px #000}#cacap-header *{color:#fff}#cacap-header a{color:#2ba6cb;text-decoration:none}#cacap-header .cacap-char-count-gloss{text-align:right;font-size:.75rem;margin-bottom:.5em;font-style:italic}#cacap-header span.cacap-char-count-warning{display:none}#cacap-header .cacap-length-red span.cacap-char-count{color:#f00}#cacap-header .cacap-length-red span.cacap-char-count-warning{display:block}#cacap-header .cacap-length-yellow span.cacap-char-count{color:yellow}#cacap-header .cacap-hero-row{border-bottom:1px solid #fff;padding-bottom:40px;position:relative}#cacap-header .cacap-hero-row>div>div{float:left}#cacap-header .cacap-hero-row a{color:#2ba6cb;text-decoration:none}#cacap-header .cacap-hero-row .button>a{color:#fff}#cacap-header .cacap-hero-row.stuck{background:transparent url("../images/black_linen_v2.png");width:100%;position:fixed;padding:35px 0 10px 10px;margin-left:-20px;border-bottom:none;top:0;z-index:1000}#cacap-header .cacap-hero-row.stuck .cacap-sticky-dummy{width:940px;margin:0px auto}#cacap-header .cacap-hero-row.stuck .cacap-hero *,#cacap-header .cacap-hero-row.stuck .cacap-avatar *{display:none}#cacap-header .cacap-hero-row.stuck .cacap-hero h1,#cacap-header .cacap-hero-row.stuck .cacap-hero h1 a,#cacap-header .cacap-hero-row.stuck .cacap-avatar img.avatar{display:inherit;z-index:1000}#cacap-header .cacap-hero-row.stuck .cacap-avatar img.avatar{height:80px;width:80px;float:right}#cacap-header .cacap-hero-row-sticky{padding-top:0;height:70px !important;width:100% !important}#cacap-header .cacap-hero{width:75%}#cacap-header .cacap-hero p{font-size:1.5em}#cacap-header .cacap-at-name{font-size:.5em}#cacap-header .cacap-at-name .cacap-at-name-tooltip{padding:4px 6px}#cacap-header .cacap-at-name .cacap-at-name-tooltip:hover .cacap-tooltip{display:block;color:#000;text-align:left;width:140px}#cacap-header .cacap-short-aboutme{color:#6f6f6f;font-weight:300;line-height:1.3;margin-bottom:17px}#cacap-header .cacap-avatar{width:130px;float:right !important}#cacap-header .cacap-avatar>*{margin-bottom:1em}#cacap-header .activity{color:#ffeaa6;font-size:0.8rem}#cacap-header .cacap-edit-submit{color:#1d1d1d}#cacap-header #cacap-vitals>*{display:block;padding:7px 10px 7px 5px;margin:0 10px 15px 0}#cacap-header #cacap-vitals dt{width:10em;float:left;border-right:1px solid #fff;margin-right:20px}#cacap-header #cacap-vitals dd.cacap-vitals-contact>*{margin-top:-8px}#cacap-header .cacap-bp-profile-fields input[type="text"],#cacap-header .cacap-bp-profile-fields textarea{color:#000;margin-bottom:12px;width:100%;border-radius:2px 2px 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset}#cacap-header .cacap-bp-profile-fields input[type="text"]{height:32px}#cacap-header .cacap-bp-profile-fields label,#cacap-header .cacap-bp-profile-fields span.label{display:block;color:#6f6f6f;margin-bottom:3px}#cacap-header .cacap-bp-profile-fields input[type="radio"],#cacap-header .cacap-bp-profile-fields input[type="checkbox"]{margin:.3em 0}#cacap-header .cacap-bp-profile-fields .field-visibility-settings legend,#cacap-header .cacap-bp-profile-fields .field-visibility-settings-toggle,#cacap-header .cacap-bp-profile-fields p.description{margin-bottom:0}#cacap-header .cacap-bp-profile-fields .cacap-half-col{float:left;width:48%}#cacap-header .cacap-bp-profile-fields #cacap-half-col-1{margin-right:4%}#cacap-header .cacap-bp-profile-fields .current-visibility-level{font-weight:bold;color:#f46}#cacap-header .cacap-bp-profile-fields div.editfield{margin-bottom:2.5em}#cacap-tabs{display:block;height:40px;list-style:none outside none;margin:20px 0;padding:0}#cacap-tabs a{text-decoration:none;color:#6f6f6f;display:block;height:40px;line-height:40px;padding:0 23px}#cacap-tabs ul{border-bottom:1px solid #E6E6E6;height:100%}#cacap-tabs li{display:block;float:left;text-align:center}#cacap-tabs li.current-tab{margin-bottom:-1px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}#cacap-tabs li.current-tab a{font-weight:bold;color:#3c3c3c;border-bottom:1px solid #e6e6e6;border-bottom-color:#fff;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}#cacap-edit-button{float:right;width:100px;z-index:1}#cacap-body{padding:50px 0 100px 0;position:relative}#cacap-body .cacap-edit-submit{right:130px}.cacap-widget{margin-bottom:20px}.cacap-widget-title{width:33.333%;float:left;text-transform:uppercase;font-size:2em;font-weight:900}.cacap-widget-content{padding-left:33.333%;min-height:1.5em}#cacap-widget-list>li{overflow:hidden;padding:0 15px;position:relative}#cacap-widget-list>li>div{margin:25px 0}#cacap-widget-list.currently-editing .cacap-click-to-edit.cacap-widget-section-editable{border:2px solid transparent}#cacap-widget-list.currently-editing .cacap-click-to-edit.cacap-widget-section-editable.editing{border:2px solid #dadada}#cacap-widget-list .cacap-click-to-edit.cacap-widget-section-editable{border:2px dashed #dadada}body.profile-edit #cacap-widget-list>li{outline:1px solid #555555;margin:0.5em 0}body.profile-edit #cacap-widget-list .ui-state-highlight{outline:1px dashed #555;height:75px}body.profile-edit #cacap-widget-list .ui-helper-hidden-accessible{display:none}.deprecated-para{opacity:.75;font-size:.8rem;font-style:italic}.cacap-tooltip{color:#000;font-weight:normal;padding:3px;border-radius:1px;line-height:1.0rem;position:absolute;font-size:.7rem;background:#fff;border:1px solid #666;opacity:2;color:#000;display:none}#cacap-user-widget-new{background-color:#eee;width:100%;border:1px dashed #555;padding:10px 0}#cacap-user-widget-new #cacap-user-widget-new-content{width:940px;margin:0 auto}#cacap-user-widget-new #cacap-new-widget-types{overflow:hidden;height:100px}#cacap-user-widget-new #cacap-new-widget-types a{text-decoration:none;color:#f46}#cacap-user-widget-new #cacap-new-widget-types li{float:left;width:100px;display:block;text-align:center;border:1px solid #777;height:90%;margin-right:10px;padding:3px;cursor:pointer}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max{opacity:.4}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max .cacap-has-max-tooltip{position:absolute;font-size:.9em;height:1.4em;background:#fff;border:1px solid #666;opacity:2;color:#000;display:none}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max:hover{background:transparent;cursor:default}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max:hover .cacap-has-max-tooltip{display:block}#cacap-user-widget-new #cacap-new-widget-types li.cacap-has-max:hover a{color:#f46;cursor:default}#cacap-user-widget-new #cacap-new-widget-types li:hover{background:#2ba6cb}#cacap-user-widget-new #cacap-new-widget-types li:hover a{color:#fff}#cacap-user-widget-new #cacap-new-widget-types li .cacap-widget-type-name{margin-top:3px;display:block}#cacap-widget-prototypes{display:none}#cacap-edit .cacap-drag-handle{width:20px;float:left;cursor:pointer;margin-top:0;margin-bottom:0;margin-left:-15px;margin-right:20px;background-color:gray;background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5) 10px)}#cacap-edit .cacap-widget-title{width:28%}#cacap-edit .cacap-click-to-edit{padding:10px;position:relative;-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;-mz-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;background-color:transparent}#cacap-edit .cacap-click-to-edit:hover{background:#ff9}#cacap-edit .cacap-click-to-edit.cacap-widget-content{margin-left:330px}#cacap-edit .cacap-click-to-edit.editing{margin-bottom:50px}#cacap-edit .cacap-click-to-edit.editing .cacap-positions-inputs{display:block}#cacap-edit .cacap-click-to-edit.editing .cacap-positions-static-text{display:none}#cacap-edit .cacap-click-to-edit.editing .cacap-ok-cancel{display:block;position:absolute;bottom:-40px;left:0}#cacap-edit .cacap-click-to-edit.editing.warn{-webkit-transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;-mz-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;background-color:#F57171}#cacap-edit .cacap-ok-cancel{display:none}#cacap-edit .cacap-ok-cancel .button{padding:5px 10px;font-size:12px;margin:5px 5px 0 0}#cacap-edit article.editable-content{min-height:2em}#cacap-edit .cacap-positions-inputs{display:none}#cacap-edit .cacap-edit-content-input textarea{width:100%}#cacap-edit .cacap-widget-remove{position:absolute;top:0;right:0;font-size:12px;padding:5px 10px}#cacap-edit label{display:block;float:left;width:120px}#cacap-edit p.description{font-size:.8rem;font-style:italic;font-weight:normal;text-transform:none}#cacap-edit .cacap-widget-positions .cacap-show-on-edit>ul{margin-bottom:2em;padding-left:20px}#cacap-edit .cacap-widget-positions input{height:auto !important;margin-top:.5em;width:300px}#cacap-edit .cacap-widget-positions .cacap-position-add-new{background:#ddd;padding:10px 20px}#cacap-edit .cacap-widget-positions .cacap-position-add-new .hide-if-js{display:none}#cacap-edit .cacap-widget-positions .cacap-position-add-new-title{margin-bottom:1em}#cacap-edit .cacap-widget-positions .cacap-position-add-new-title a{text-decoration:none;font-weight:bold}#cacap-edit .cacap-widget-positions a.cacap-delete-position{text-decoration:none;color:#f00;font-weight:bold;position:absolute}.cacap-positions-list li{margin-bottom:2em}.cacap-positions-list .cacap-positions-title{font-style:italic;padding-right:20px}.cacap-positions-list .cacap-positions-college{display:block;margin-top:.7em}.cacap-rss-items li{margin-bottom:2em}.cacap-rss-items .cacap-feed-item-title{margin-bottom:1em}.cacap-rss-items .cacap-feed-item-meta{font-size:.8em;color:#666;font-style:italic;margin-top:.5em}.cacap-rss-items .cacap-feed-item-meta>span{margin-right:30px}.ui-autocomplete{background:#fff;border:1px solid #aaa;padding:3px;width:300px}.ui-autocomplete li.ui-menu-item a{display:block;width:296px;padding:2px}.ui-autocomplete li.ui-menu-item a.ui-state-focus{background:#ccc}.commons-profile div#item-body{padding-bottom:3em}.commons-profile #cacap-body{padding:15px 0 0 0;position:relative;clear:both}.commons-profile div.profile h4{background-color:#e6e6e6;padding:8px;margin-top:0}body.cacap .cacap-widget-content b,body.cacap #cacap-widget-list b{font-weight:bold}body.cacap .cacap-widget-content i,body.cacap #cacap-widget-list i{font-style:italic}body.cacap .cacap-widget-content ol,body.cacap .cacap-widget-content ul,body.cacap #cacap-widget-list ol,body.cacap #cacap-widget-list ul{margin-left:40px}body.cacap .cacap-widget-content ol,body.cacap #cacap-widget-list ol{list-style-type:decimal}body.cacap .cacap-widget-content ul,body.cacap #cacap-widget-list ul{list-style-type:disc}body.cacap .cacap-widget-content h1,body.cacap #cacap-widget-list h1{font-size:2em}body.cacap .cacap-widget-content h2,body.cacap #cacap-widget-list h2{font-size:1.6em}body.cacap .cacap-widget-content h3,body.cacap #cacap-widget-list h3{font-size:1.2em}body.cacap .cacap-widget-content .cacap-widget-positions article ol,body.cacap .cacap-widget-content .cacap-widget-positions article ul,body.cacap #cacap-widget-list .cacap-widget-positions article ol,body.cacap #cacap-widget-list .cacap-widget-positions article ul{margin-left:0;list-style-type:none}.hallotoolbar{width:300px}.hallotoolbar button{margin-bottom:8px} diff --git a/assets/js/cacap.js b/assets/js/cacap.js index d79ac5d..1e779cd 100644 --- a/assets/js/cacap.js +++ b/assets/js/cacap.js @@ -9,6 +9,7 @@ window.wp = window.wp || {}; currently_editing = '', exit_confirm, field_char_count, + hallo_top, jcw_id, jcw_target_is_button, keypress_code, @@ -29,6 +30,7 @@ window.wp = window.wp || {}; $about_you_gloss, $current_position, $current_field, + $hallo_toolbar, $jcw_half, // "just clicked widget" $jcw_target, $new_widget_button, @@ -223,6 +225,10 @@ window.wp = window.wp || {}; // Remove editing class $jcw_half.removeClass( 'editing' ); + $jcw_half.find( '.richtext' ).css( 'padding-top', '0' ); + $hallo_toolbar.css( 'top', ( hallo_top - 40 ) + 'px' ); + $jcw_half.removeClass( 'hallo-adjusted' ); + // Remove currently_editing toggle unmark_currently_editing(); @@ -273,7 +279,7 @@ window.wp = window.wp || {}; // Remove editing class $jcw_half.removeClass( 'editing' ); - + // Remove currently_editing toggle unmark_currently_editing(); @@ -289,6 +295,26 @@ window.wp = window.wp || {}; // Add the 'editing' class $jcw_half.addClass( 'editing' ); + + // Gah. We have to wait for hallo to render its toolbar + if ( ! $jcw_half.hasClass( 'hallo-adjusted' ) ) { + setTimeout( function() { + // Get the active element in the list - hallo creates new + // toolbars for each element :-/ + $hallo_toolbar = null; + $( '.hallotoolbar' ).each( function() { + if ( 'block' == $( this ).css( 'display' ) ) { + $hallo_toolbar = $( this ); + } + } ); + hallo_top = parseInt( $hallo_toolbar.css( 'top' ) ); + $hallo_toolbar.css( 'top', ( hallo_top + 40 ) + 'px' ); + + $jcw_half.find( '.richtext' ).css( 'padding-top', '40px' ); + + $jcw_half.addClass( 'hallo-adjusted' ); + }, 20 ); + } } /** diff --git a/assets/sass/screen.scss b/assets/sass/screen.scss index 1be1413..40f20d5 100644 --- a/assets/sass/screen.scss +++ b/assets/sass/screen.scss @@ -847,10 +847,6 @@ body.cacap #cacap-widget-list { } } -article.inEditMode { - margin-top: 40px; -} - .hallotoolbar { width: 300px; button {