.redactor_box { position: relative; border: 1px solid #ddd; /* line-height: 0; */ } .redactor_box, .redactor_box textarea { background-color: #fff; } .redactor_box iframe { outline: none; width: 100%; background: #fff; display: block; overflow: auto; } .redactor_box textarea { font-family: Menlo, Monaco, monospace, sans-serif; font-size: 13px; overflow: auto; resize: none; margin: 0; padding: 0; display: block; position: relative; z-index: 1004; outline: none; border: none; width: 100%; } .redactor_box textarea:focus { outline: none !important; border: none !important; } /* Fullscreen */ body .redactor_box_fullscreen { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2000; } /* TOOLBAR */ .redactor_toolbar { font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; position: relative; left: 0; top: 0; margin: 0 !important; padding: 0 !important; line-height: 0 !important; list-style: none; font-size: 0; background: #f2f2f2; background: -moz-linear-gradient(top, #f5f5f5 0%, #ddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ddd)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ddd 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#ddd 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#ddd 100%); background: linear-gradient(top, #f5f5f5 0%,#ddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 ); overflow: hidden; height: 33px; border-bottom: 1px solid #bbb; } .redactor_toolbar li { float: left !important; padding: 3px 1px; padding-right: 0; list-style-type: none; } .redactor_toolbar li.redactor_separator { float: left; height: 34px; border-left: 1px solid #d7d7d7; border-right: 1px solid #eee; padding: 0; margin: 0 2px 0 3px; } li.redactor_toolbar_right { float: none; float: right !important; padding: 2px 0; padding-right: 1px !important; } .redactor_toolbar li a, .redactor_toolbar li a span { width: 25px; height: 26px; } .redactor_toolbar li a { border: 1px solid transparent; * border: 1px solid #eee; display: block; line-height: 0; font-size: 0; cursor: pointer; zoom: 1; text-decoration: none; } .redactor_toolbar li a span { display: block; text-indent: -9999px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAj8AAAAaCAQAAADyW/UQAAAOBUlEQVR4Xu3cCXBUZbrH4V93Z+nubB0CWTBAAIcgigRFFhVZHC7BHUYbuF6FKDKIKOvieGeGiY7LyGUYFFBx7rApg+3CMohI2MNFNknYFAwkIUD2dE7SnXSn093nOl0RC073ycEDZZV1Hqo4ReiX76360v867/k66ER+DhqNRqPnutFoNBotfjQajRY/Go1Go8WPRqPR4kej0Wjxo9HospOnDZlind5/mZlQNBr9ezdbRSyodK0O3sOeGxZhAI9vSQ5e1NIYn32jZioyEha98yJuLnMybFWvhiGuu71dPano/NGAX99Ic+TZ8ELj4aich78Z4EOO4c3+Rz/1W8JcHnPstlHjR1QjqupKvYgXppe/MaDP9Dz8yHhTJKQ5OkLTWKy1tLDFIyirGD9wRa5MhWJhhBYxcUJk8dtb8SLP9MwSp9UXRQAplCMv5omvmm7mknZ/WTKPJpSIG1PijwWIf/e9Gbj45UqWDx+omcrfKL58LzdmFm3U+yPdET5Lsx5LqVfvNTRGiHrnze6eDmulfsdDA7bI7GbYqyNOrE2tmLAtsf7IDcseOPb4iKV4VHWlXhvfkyBMZipOFBpOJ5ahkKbNGy+/+EcCSCOf1qVBIHwAa60kgKTv1kv09Ws7UqcsfvQf9hWW9J1DLg7kGJYNr8siwLbe+giprcfP6tfefyGn300l2ev/efu6u6rmzivPXkIzrYtb+7snFjZFPPPRsHUYccnlua2ztQiJoHkdOeW/q178KBGstXIV0jUAZCrU1CQD2PIRCMZizQCSr4if2JJX0VlPDiiMc5k9eBsxNxOGAUNdpGA+0PmTW0qz2Yed4MKyR59a1u3CiPzIw/GFd2asGG7pghkPhOjKuCrtyWLcl67SrtTTb7zNFAuVmbRRHj/pGOnEOSTU72CgSvpKFWuo7Uk93aXwAQuypK+av4g2IbtK6Vj82Ik7St/OzL3F2LxqMZ7ZmaRQF/rkSz+vx8QFT72PCYg+/HJU3awLkxZPXDCvB3pCiS6aSAsEIJrWOChFB3oDBWP3mnxg7E8MSjR81rUpIsEzLI/zuOXSGRgs87eXMw93iuF0Ik2uQv5r0gqVNUYAVpLN/NmG2Qbmk/3jL1YCYORySY03wpA9KSvNS1nCqsn3frGPpSxmSdy7nVYN2QuN3UgkuPDfP33q/b7f3VK1+P6N4vaSmaOjG0YeQwchuspmUflRFv1wlelKv6B7Vs5o7xjXaM9o95RXakyft5n0ntU/2vP9V9wTPlrYGR2hmA88NGlngqem/Zbb0KNIL9ntUb4biqvSVKyhvif1o9cZfrK3d3TaTx2heN/86x3bOIkOdDoKOTz/Dbyhhq/wqWOdWY7B0HUzbSjb0O/ikFFb8aVEnXxSmPH0LuO6Je/iQSo63XmWFudQwkGhWwCvm0MLb3UZEprGH8SAEv5j3eGWIvZRgJeQbH9r+T2DK+Uj5Xvw4mqwUKe0QvKvy1Soqsnn4GRb9UCYXL/USiPy4jxGYB/bacRPj8a0D5bse+6VtXgxEBURwSS3mTiCiZgzq2TekCNG3cY7Mj8fWPGnj2PDZi1PPBl8xaVpxzrpdNHRZmH2r53OH66ieKuOYKLPvOe6u/u5jjX15guWhkcTlpmT/JlppamCyX02qdB6JobROAgu1hN34/4bB9d0+PrRzG04USCZAwwind1IqN9BaVW+ijXU96SexZZtnQfwTumz7blKzw+1PUstoZTxJU20dU8EUSSfPMw0Bo+fqKc3OQanlGTu+XVBfC5gPvJ0jGPMvzg7b12tfVv63q5li7LGLR+Ekys1jzi4Y5TbwFU73dW6H25wjtuTkk8DSrQ5fyd0O0IpXkITrNPANsS6HKnBtkVcqYEC2wTqAnXKKqCYley2rrNlWZfLVEj6so1EwGJdp7DG/H343A9Qff9k21IrZK2A5eMJLtyvg9hqGvADbaA55vSqKXcvnoobR3QV+PREIBU5488XZ2Tu94flZIzbctvXsxcm1o/c2XiY7/AgxeRvOEk4llfHZ69FuHRt5uZdSJFiH9jVnr2T0oa4nb3KHa8/bYjod6pj2NB8g4uOz/5GGEpSiPgxLB90box1DMDZ+0hQEj8WBE4zCAvpnEZOiN0msEMCxQoHqcFMkxmMilnJBsl+S3Zc2pOC16s/u7pp+wlbZ/L//cjEtonjthoElBBaQrKePXjxE0oDDUD85X8OHj8J6U2HKev4rasxb9xBag+kn3l4yH6OU4BzY59zSfYU6GGnrTR+qE86uOofXz64Jsml46pk2F/asuCeA6mv3Zee/8r/0Tp9TobDYvIOy8GOHIvsqGPhSjHWA/BMv2HxiitAoNiaJ9uBlAW+D6x40hTXtA+EDwQC6PnPoGE4TDYvXUowegC/zyACYCAgOZV4yhC9ftCL0hHmO9P7f7o446HcvkXZY2d+HHV25vSuJb0r3hnZ45u5jYgEU8N59CR73JRTfunqJ5lgEiBWYD1nVj+x4x7gfgCdWLveupVbY0fUW0jgDMFEFd275M12ZjpMvq86/p9Dx67Ch7xA6AicoxPdW4sfC8EVk/9TBqmgVQL5QIbiDiwKOpYNReVPLscP3J4L1iJbZ7Ad5SjHELErOh/rHAhVAEFZBbjDrbnB+gkjAN+cdXW+Ld32tDsxddfA5SM2ztTpH/ySQvxZaxpui3HeXziiIO5zvEg1cZyVw6v+9yWuUrOLIzMrZzxzIer8RJZykdaYD46EG6soxoGEiuErYdJfT/Vc8+GwCcErZLfDIq0hXy6UrLW2IYprEvkRFcN/CCLWE1SY2KyzRybRghhxwokBGwiwR4JBlEbW0d6lkx/a/fgXuxP9+pyuJx+47Xhis21Ql9OjCjAQ1NKBx+4ODF/MnuB0tlxDD1/hos4ezllK/muX6U57l/aOZn1FVOpx6yGKiRYiRB0RBKP/oHdFn3YvI9ClZ8+dXfbOGrsBO/LoxSAC6IQRN3JkdlvdIKV8JfVrWGxZssFYjAVB7uwqEED5CAiKz8cskl7kOotfNnJbB7N/xQrOS/sJI4AacuLOj+4+OjUv5aCL7sW/GZCflEc17fofu+n8PSUU8y2nqUZKpJZDWLhqXje7SbBYL0SFR9JOQfzEV/aDLqepxAvXcPhy9sv718jlL+MNNXzJzMyCdaFchZQtG6zTFNZEEFwiwfjNnjpjvSlJjw/wJQnTjna1kUstoK83gdmDn8uFe3sb9I9vYlefDo5fHe4+duv59pvvHHjsic9M52gG9cMXvk6V51Of+7t4Jsbi6+wzTV9bEZ39n5XdDs1tcHBrbWy3UIN0/ObPvVFZf1nef/6AQ12gqsfMtxY8gwsZ6RzgKGBkIkZ6cUDh8CUdu+QGKbkq+crrMHwJ5MuuLSC0enalpxB5+s3tV8iej8l0ltJ0L4h+8jgh7SeMANwUUcYxbujdvnfz4rHoRm+mADee335ELBcpoRo3IsF5aOCn8C7oW9AW+hegozX6zzPsHSDjK2rhmg5fTVNfcnR+du47M65q+ArMzCHHrBBs68m/mlVC3I81EownUahLXv9A85n60qTa6TWv/TGmgn1UvK53t9OlmR+EtnV4uFzYr5o3ha81jzkTVfvA6uFdFj5y7PaH9z2yKXwPZ/GAzPCVGFNAKZWXrqGGL/tTG1ePOjOAAdXEOofl+L4wmfqk77yr6UaAXpVjNoTYz5g1c+nGEeJn5/I/3MQFNmOUix8j/bAB4OYc6fTiKG5CssiPXfKDlLRKaaX64UvalZqzqyTp2ZVU/IpcZMl01lVobnn0vFfuY4ciLi5Qhom4KeKU0xylHBE7+/HTiJdrJ2Z8TmO3wKPnPIh3ZRY9/gHVyIt8/pWK2QDZv5u0ZmgZ4jUcvkx/f52bOY6ouAIEdoFtN4Ly4QvBNp1idpGmtMa6kGAGE1zdfXvesn49zvCoznXRkdUU6RZdTS+JYf4Y0eg3+aN0ZO6jnsv5ehbfcXDT3AOm2/8RYd87p7Zn1pahW3S5FOIiBOsntNg769I1tLKbPn3NTirgo4avOB0b/tTqp04RiwGRInZSFnS4LeJKv7WlIGMiRl5gFeUMIh2w8AJv4VZ5hqW8Sn2l+pMvFWdXcuJsf7b+/iedj8VkfdHwKwLPfnr+xx924JP/1LMPJx7y+Y5qXIAHj+Kn4VBsy0JovaUV2dxDCk4qiSCMb9lBJfKMb2/GTU907MODDlH+ZrclfTdwhaC3yQ4OUYCAk3LZCmkAWSCwirKKYta33KivbLXGPexUTndkDDsleWdV3fVZ+/DjnU9HV0XVJnrCHQavIaJZL8a4o11JZekN3S+kfUoVl/NEFj734ZayzWO2jhcjwwwzP8nYxj5K8NBCdVd17KeENoThx0E5NejZzgmi0OGhhjKcih/0JlNOSG/Rgt3spjWSXRAoRk2V+kppT/yEldSfXUnZ+frf9/pv70g4ZKtCQLmY5S8zmFQa2E85BnzX52e+LKQBgnS6kyKGVNpiAMBPA5VU0oS8SJJJxgTUcY5aRH7Z0niEQVgIRWA366+IrDCSuIVuJBFPNOHo0AE+PDRQSwVnOUEZXi5nIo0MbsCACTjBAcppVtmVehmMk94hspJ8NNfm3Wq5FGqCoorB3M5JjuDFLqlQ8l53cJ4aJfHz89MYA3FrJJTAYbdkstBjJIZYzEQShgEQ8eGliUYcOHHjQyqceNoRhZ4GyqjFp7ara/YGkd4hCvw8NBbaUEctftS6/vHzsQjwmI5fKI36Pde+TzR6rovHdFr4/LKp33Pt+0Rz/YcvjUaj0f63Q41Go8WPRqPR8P9b1CzENPsjXQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 0; } .redactor_toolbar li a:hover { border-color: #98a6ba; background-color: #dde4ef; } .redactor_toolbar li a:active, .redactor_toolbar li a.act { border-color: #b5b5b5; background-color: #e8e8e8; } /* BUTTONS step 25px */ body .redactor_toolbar li a.redactor_btn_html span { background-position: 0; } body .redactor_toolbar li a.redactor_btn_formatting span { background-position: -25px; } body .redactor_toolbar li a.redactor_btn_bold span { background-position: -50px; } body .redactor_toolbar li a.redactor_btn_italic span { background-position: -75px; } body .redactor_toolbar li a.redactor_btn_deleted span { background-position: -550px; } body .redactor_toolbar li a.redactor_btn_unorderedlist span { background-position: -100px; } body .redactor_toolbar li a.redactor_btn_orderedlist span { background-position: -125px; } body .redactor_toolbar li a.redactor_btn_outdent span { background-position: -150px; } body .redactor_toolbar li a.redactor_btn_indent span { background-position: -175px; } body .redactor_toolbar li a.redactor_btn_image span { background-position: -200px; } body .redactor_toolbar li a.redactor_btn_video span { background-position: -225px; } body .redactor_toolbar li a.redactor_btn_file span { background-position: -250px; } body .redactor_toolbar li a.redactor_btn_table span { background-position: -275px; } body .redactor_toolbar li a.redactor_btn_link span { background-position: -300px; } body .redactor_toolbar li a.redactor_btn_fontcolor span { background-position: -325px; } body .redactor_toolbar li a.redactor_btn_backcolor span { background-position: -350px; } body .redactor_toolbar li a.redactor_btn_alignleft span { background-position: -375px; } body .redactor_toolbar li a.redactor_btn_aligncenter span { background-position: -400px; } body .redactor_toolbar li a.redactor_btn_alignright span { background-position: -425px; } body .redactor_toolbar li a.redactor_btn_justify span { background-position: -450px; } body .redactor_toolbar li a.redactor_btn_horizontalrule span { background-position: -475px; } body .redactor_toolbar li a.redactor_btn_fullscreen span { background-position: -500px; } body .redactor_toolbar li a.redactor_btn_normalscreen span { background-position: -525px !important; } body .redactor_toolbar li a.redactor_btn_button1 span { background-position: -575px; } /* Toolbar classes */ .redactor_format_blockquote { font-style: italic; color: #666 !important; padding-left: 10px; } .redactor_format_pre { font-family: monospace, sans-serif; } .redactor_format_h1, .redactor_format_h2, .redactor_format_h3, .redactor_format_h4 { font-weight: bold; } .redactor_format_h1 { font-size: 30px; line-height: 36px; } .redactor_format_h2 { font-size: 24px; line-height: 36px; } .redactor_format_h3 { font-size: 20px; line-height: 30px; } .redactor_format_h4 { font-size: 16px; line-height: 26px; } /* RESIZER */ .redactor_resizer { background-color: #f5f5f5; padding-top: 2px; line-height: 4px; font-size: 12px; color: #ddd; text-align: center; text-shadow: 0 -1px 0 #aaa; cursor: s-resize; } /* DROPDOWN */ .redactor_dropdown { font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; top: 28px; left: 0; z-index: 2004; position: absolute; width: 200px; background-color: #fff; border: 1px solid #ccc; font-size: 13px; -webkit-box-shadow: 0 2px 4px #ccc; -moz-box-shadow: 0 2px 4px #ccc; box-shadow: 0 2px 4px #ccc; line-height: 21px; padding: 10px; } .redactor_separator_drop { border-top: 1px solid #ddd;; padding: 0 !important; line-height: 0; font-size: 0; } .redactor_dropdown a { display: block; color: #000; padding: 3px 5px; text-decoration: none; } .redactor_dropdown a:hover { color: #444 !important; text-decoration: none; background-color: #dde4ef; } /* ColorPicker */ .redactor_color_link { padding: 0 !important; width: 15px !important; height: 15px !important; float: left !important; border: 2px solid #fff !important; font-size: 0; } .redactor_color_none { font-size: 11px; } /* MODAL */ #redactor_modal_overlay { position: fixed; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 50000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: 0.80; background-color: #fff !important; } #redactor_modal { background-color: #fff; padding: 0; position: fixed; top: 50%; left: 50%; box-shadow: 0px 5px 20px #999; -webkit-box-shadow: 0 5px 20px #999; -moz-box-shadow: 0 5px 20px #999; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 50001; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 12px !important; color: #000; } #redactor_modal_header { padding: 15px; font-size: 18px; border-radius: 8px 8px 0 0; font-weight: bold; background-color: #f6f6f6; border-bottom: 1px solid #ddd; } #redactor_modal_inner { padding: 15px 30px 20px 30px; } #redactor_modal_close { position: absolute; right: 0px; top: 11px; font-size: 24px; width: 30px; height: 30px; color: #999; cursor: pointer; } #redactor_modal_close:hover { color: #000; } #redactor_modal_footer { overflow: hidden; padding-top: 20px; } #redactor_modal label { margin: 10px 0 0 0 !important; padding: 0 !important; float: none !important; display: block !important; } #redactor_modal textarea { margin-top: 4px; display: block; } #redactor_btn_modal_close { color: #777; font-size: 11px !important; margin-left: 10px; } .redactor_input { width: 99%; font-size: 14px; } #redactor_image_box { height: 270px; overflow: auto; margin-bottom: 10px; } #redactor_image_box img { margin-right: 10px; margin-bottom: 10px; cursor: pointer; } #redactor_tabs { margin-bottom: 18px; } #redactor_tabs a { display: inline-block; border: 1px solid #ddd; padding: 4px 14px; font-size: 12px; text-decoration: none; color: #000; line-height: 1; border-radius: 10px; margin-right: 3px; } #redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act { background-color: #eee; color: #777 !important; text-decoration: none !important; } .redactor_btns_box { float: right; padding: 6px 16px; background-color: #eee; border-radius: 5px; } /* Drag and Drop Area */ .redactor_droparea { position: relative; width: 100%; margin: auto; margin-bottom: 5px; } .redactor_droparea .redactor_dropareabox { z-index: 1; position: relative; text-align: center; width: 99%; padding: 60px 0; border: 2px dashed #bbb; } .redactor_droparea .redactor_dropareabox, .redactor_dropalternative { color: #777; font-size: 12px; } .redactor_dropalternative { margin: 4px 0 2px 0; } .redactor_dropareabox.hover { background: #efe3b8; border-color: #aaa; } .redactor_dropareabox.error { background: #f7e5e5; border-color: #dcc3c3; } .redactor_dropareabox.drop { background: #f4f4ee; border-color: #e0e5d6; }