From 8e5ee568235a540a884e2a1003b1e3021a4a8e09 Mon Sep 17 00:00:00 2001 From: aragonc Date: Tue, 28 Oct 2014 12:57:58 -0500 Subject: [PATCH 01/27] css update skill, template skill refs CT#7347 --- main/css/base.css | 40 ++++ main/inc/lib/javascript/tag/style.css | 231 ++++++++++++++++---- main/template/default/skill/skill_wheel.tpl | 111 ++++++---- 3 files changed, 289 insertions(+), 93 deletions(-) diff --git a/main/css/base.css b/main/css/base.css index d150a485ac..4d991e22a9 100755 --- a/main/css/base.css +++ b/main/css/base.css @@ -3334,6 +3334,46 @@ form .formw .freeze { } /* jsPlumb */ +/* **************************************************** + CSS SKILL + **************************************************** */ +.skill-options .legend{ + border: 1px dashed #cccccc; + padding: 1em; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + margin-bottom: 1em; + margin-top: 1em; +} +.skill-options .legend .title-skill{ + color: #666655; + padding-bottom: 1em; + font-size: 16px; +} +.skill-options .skill-home{ + margin-top: 1em; +} +.skill-options .btn-block { + box-sizing: border-box; + display: block; + padding-left: 0; + padding-right: 0; + width: 100%; +} +.skill-options .accordion-heading { + border-bottom: 0px none; + background: #3FA5C3; +} +.skill-options .accordion-heading a{ + color: #FFFFFF; +} +.skill-options .button-skill{ + margin-top: 1em; +} +/* **************************************************** + END SKILL + **************************************************** */ .skill_root { box-shadow: 2px 2px 19px #aaa; diff --git a/main/inc/lib/javascript/tag/style.css b/main/inc/lib/javascript/tag/style.css index efc444ed0f..04dbbe66df 100755 --- a/main/inc/lib/javascript/tag/style.css +++ b/main/inc/lib/javascript/tag/style.css @@ -17,65 +17,204 @@ ul.holder li { white-space:nowrap; } -ul.holder li.bit-box, ul.holder li.bit-input input { - box-shadow: none; +ul.holder li.bit-box,ul.holder li.bit-input input { + box-shadow:none } -ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; } -ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; } -ul.holder li.bit-input input { - width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */ + +ul.holder li.bit-box { + -moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; + border:1px solid #CAD8F3; + background:#DEE7F8; + padding:1px 5px 2px +} + +ul.holder li.bit-box-focus { + border-color:#598BEC; + background:#598BEC; + color:#fff +} + +ul.holder li.bit-input input { + width:auto; + overflow:visible; + margin:0; + border:0; + outline:0; + padding:3px 0 2px +} + ul.holder li.bit-input input.smallinput { - width: 20px; + width:20px +} + +#add { + border:1px solid #999; + width:550px; + margin:50px; + padding:20px 30px 10px +} + +form ol li { + list-style-type:none +} + +form ol { + font:11px "Lucida Grande",Verdana; + margin:0; + padding:0 } -/* Facebook demo CSS */ -#add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; } -form ol li { list-style-type: none; } -form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; } -form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; } -form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; } -form ol li.input-text input { background-image:none; width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; } +form ol li.input-text { + margin-bottom:10px; + list-style-type:none; + padding-bottom:10px +} -/* This hide the shadow.gid image of dokeos*/ -ul.holder input[type="text"]:focus, ul.holder input-text input[type="password"]:focus { - background-image:none; +form ol li.input-text label { + font-weight:700; + cursor:pointer; + display:block; + font-size:13px; + margin-bottom:10px } +form ol li.input-text input { + background-image:none; + width:500px; + padding:5px 5px 6px; + font:11px "Lucida Grande",Verdana; + border:1px solid #999 +} +ul.holder input[type="text"]:focus,ul.holder input-text input[type="password"]:focus { + background-image:none +} +form ul { + margin:0!important +} -/*form ul.holder { width: 500px; } */ -form ul { margin: 0 !important } -ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;} -#apple-list ul.holder li.bit-input { margin: 0; } -#apple-list ul.holder li.bit-input input.smallinput { width: 5px; } -ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; } -ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; } -ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); } -ul.holder li.bit-box a.closebutton:hover { background-position: 7px; } -ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; } +ul.holder li.bit-box,#apple-list ul.holder li.bit-box { + padding-right:15px; + position:relative; + z-index:1000 +} -/* Autocompleter */ +#apple-list ul.holder li.bit-input { + margin:0 +} -.facebook-auto { - z-index:2000; - display: none; - position: absolute; -/* width: 512px; */ - background: #eee; +#apple-list ul.holder li.bit-input input.smallinput { + width:5px } -.facebook-auto .default { z-index:2000; padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; } -.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999} -.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee } -.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; } -.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; } -.facebook-auto ul li.auto-focus em { background: none; } -.deleted { background-color:#4173CC !important; color:#ffffff !important;} -.hidden { display:none;} -#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; } -.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;} +ul.holder li.bit-hover { + background:#BBCEF1; + border:1px solid #6D95E0 +} -.holder_simple { - border:none !important; +ul.holder li.bit-box-focus { + border-color:#598BEC; + background:#598BEC; + color:#fff +} + +ul.holder li.bit-box a.closebutton { + position:absolute; + right:4px; + top:5px; + display:block; + width:7px; + height:7px; + font-size:1px; + background:url(close.gif) } + +ul.holder li.bit-box a.closebutton:hover { + background-position:7px +} + +ul.holder li.bit-box-focus a.closebutton,ul.holder li.bit-box-focus a.closebutton:hover { + background-position:bottom +} + +.facebook-auto { + z-index:2000; + display:none; + position:absolute; + background:#eee +} + +.facebook-auto .default { + z-index:2000; + padding:5px 7px; + border:1px solid #ccc; + border-width:0 1px 1px; + font-family:"Lucida Grande","Verdana"; + font-size:11px +} + +.facebook-auto ul { + display:none; + margin:0; + padding:0; + overflow:auto; + position:absolute; + z-index:9999 +} + +.facebook-auto ul li { + padding:5px 12px; + z-index:1000; + cursor:pointer; + margin:0; + list-style-type:none; + border:1px solid #ccc; + border-width:0 1px 1px; + font:11px "Lucida Grande",Verdana; + background-color:#eee +} + +.facebook-auto ul li em { + font-weight:700; + font-style:normal; + background:#ccc +} + +.facebook-auto ul li.auto-focus { + background:#4173CC; + color:#fff +} + +.facebook-auto ul li.auto-focus em { + background:none +} + +.deleted { + background-color:#4173CC!important; + color:#fff!important +} + +.hidden { + display:none +} + +#demo ul.holder li.bit-input input { + padding:2px 0 1px; + border:1px solid #999 +} + +.ie6fix { + height:1px; + width:1px; + position:absolute; + top:0; + left:0; + z-index:1 +} + +.holder_simple { + border:none!important +} \ No newline at end of file diff --git a/main/template/default/skill/skill_wheel.tpl b/main/template/default/skill/skill_wheel.tpl index 8517a208ea..7e160d6b37 100644 --- a/main/template/default/skill/skill_wheel.tpl +++ b/main/template/default/skill/skill_wheel.tpl @@ -446,59 +446,78 @@ $(document).ready(function() { }*/ }); -
- -
-