diff --git a/inc/css/admin.css b/inc/css/admin.css new file mode 100644 index 0000000..3e5e68f --- /dev/null +++ b/inc/css/admin.css @@ -0,0 +1,103 @@ +/* + * Style sheet for plugin settings page + * + * Copyright (c) 2016 Arthur Gareginyan ( http://www.arthurgareginyan.com ). + * All Rights Reserved. + */ + + +/* Titles + -------------------------------------------------------------- */ +h2 { + text-align: center; + font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; +} + +h2 span { + margin-top: 1px; + font-size: 0.6em; + color: black; + display: inline; + padding: 0; +} + +h2 span a { + display: inline; + padding: 0; +} + +h3.title { + font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; + border-bottom: 1px solid #eee; +} + +/* Sidebar + -------------------------------------------------------------- */ +#side-sortables { + position: relative; +} + +#side-sortables .postbox { + text-align: center; +} + +#side-sortables #help p { + margin: 0; +} + +/* Responsive page + -------------------------------------------------------------- */ +@media (max-width: 860px) { + .inner-sidebar { + display: none !important; + } + #post-body-content { + margin-right: 0 !important; + } +} + +/* Help text + -------------------------------------------------------------- */ +td.help-text { + font-style: italic; + font-size: 12px !important; + float: left; + clear: left; + color: #797979; + line-height: 15px; + padding-top: 0px !important; +} + +/* Other + -------------------------------------------------------------- */ +.form-table { + clear: none; + margin-top: 30px; + margin-left: 20px; +} + +.form-table th, +.form-table td { + padding-bottom: 10px; +} + +.form-table input[type=text] { + max-width: 80%; + padding-top: 5px; + background: #fcfcfc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + position: relative; + -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); + -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); + box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); +} + +.postbox a { + text-decoration: none; +} + +.btn { + border-radius: 0 !important; +} \ No newline at end of file diff --git a/inc/css/bootstrap-theme.css b/inc/css/bootstrap-theme.css new file mode 100755 index 0000000..c733fa9 --- /dev/null +++ b/inc/css/bootstrap-theme.css @@ -0,0 +1,321 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/*! + * Generated using the Bootstrap Customizer () + * Config saved to config.json and + */ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +.btn-default, +.btn-primary, +.btn-success, +.btn-info, +.btn-warning, +.btn-danger { + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); +} +.btn-default:active, +.btn-primary:active, +.btn-success:active, +.btn-info:active, +.btn-warning:active, +.btn-danger:active, +.btn-default.active, +.btn-primary.active, +.btn-success.active, +.btn-info.active, +.btn-warning.active, +.btn-danger.active { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-default.disabled, +.btn-primary.disabled, +.btn-success.disabled, +.btn-info.disabled, +.btn-warning.disabled, +.btn-danger.disabled, +.btn-default[disabled], +.btn-primary[disabled], +.btn-success[disabled], +.btn-info[disabled], +.btn-warning[disabled], +.btn-danger[disabled], +fieldset[disabled] .btn-default, +fieldset[disabled] .btn-primary, +fieldset[disabled] .btn-success, +fieldset[disabled] .btn-info, +fieldset[disabled] .btn-warning, +fieldset[disabled] .btn-danger { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-default .badge, +.btn-primary .badge, +.btn-success .badge, +.btn-info .badge, +.btn-warning .badge, +.btn-danger .badge { + text-shadow: none; +} +.btn:active, +.btn.active { + background-image: none; +} +.btn-default { + background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); + background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); + background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #dbdbdb; + text-shadow: 0 1px 0 #fff; + border-color: #ccc; +} +.btn-default:hover, +.btn-default:focus { + background-color: #e0e0e0; + background-position: 0 -15px; +} +.btn-default:active, +.btn-default.active { + background-color: #e0e0e0; + border-color: #dbdbdb; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #e0e0e0; + background-image: none; +} +.btn-primary { + background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); + background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); + background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #245580; +} +.btn-primary:hover, +.btn-primary:focus { + background-color: #265a88; + background-position: 0 -15px; +} +.btn-primary:active, +.btn-primary.active { + background-color: #265a88; + border-color: #245580; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #265a88; + background-image: none; +} +.btn-success { + background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); + background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); + background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #3e8f3e; +} +.btn-success:hover, +.btn-success:focus { + background-color: #419641; + background-position: 0 -15px; +} +.btn-success:active, +.btn-success.active { + background-color: #419641; + border-color: #3e8f3e; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #419641; + background-image: none; +} +.btn-info { + background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); + background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); + background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #28a4c9; +} +.btn-info:hover, +.btn-info:focus { + background-color: #2aabd2; + background-position: 0 -15px; +} +.btn-info:active, +.btn-info.active { + background-color: #2aabd2; + border-color: #28a4c9; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #2aabd2; + background-image: none; +} +.btn-warning { + background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); + background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); + background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #e38d13; +} +.btn-warning:hover, +.btn-warning:focus { + background-color: #eb9316; + background-position: 0 -15px; +} +.btn-warning:active, +.btn-warning.active { + background-color: #eb9316; + border-color: #e38d13; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #eb9316; + background-image: none; +} +.btn-danger { + background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); + background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); + background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); + background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + background-repeat: repeat-x; + border-color: #b92c28; +} +.btn-danger:hover, +.btn-danger:focus { + background-color: #c12e2a; + background-position: 0 -15px; +} +.btn-danger:active, +.btn-danger.active { + background-color: #c12e2a; + border-color: #b92c28; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #c12e2a; + background-image: none; +} \ No newline at end of file diff --git a/inc/css/bootstrap.css b/inc/css/bootstrap.css new file mode 100755 index 0000000..81babbb --- /dev/null +++ b/inc/css/bootstrap.css @@ -0,0 +1,518 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/*! + * Generated using the Bootstrap Customizer () + * Config saved to config.json and + */ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus, +.btn.focus { + color: #333333; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; +} +.btn-default { + color: #333333; + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default:focus, +.btn-default.focus { + color: #333333; + background-color: #e6e6e6; + border-color: #8c8c8c; +} +.btn-default:hover { + color: #333333; + background-color: #e6e6e6; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: #333333; + background-color: #e6e6e6; + border-color: #adadad; +} +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: #333333; + background-color: #d4d4d4; + border-color: #8c8c8c; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus { + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default .badge { + color: #ffffff; + background-color: #333333; +} +.btn-primary { + color: #ffffff; + background-color: #337ab7; + border-color: #2e6da4; +} +.btn-primary:focus, +.btn-primary.focus { + color: #ffffff; + background-color: #286090; + border-color: #122b40; +} +.btn-primary:hover { + color: #ffffff; + background-color: #286090; + border-color: #204d74; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #286090; + border-color: #204d74; +} +.btn-primary:active:hover, +.btn-primary.active:hover, +.open > .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open > .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open > .dropdown-toggle.btn-primary.focus { + color: #ffffff; + background-color: #204d74; + border-color: #122b40; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus { + background-color: #337ab7; + border-color: #2e6da4; +} +.btn-primary .badge { + color: #337ab7; + background-color: #ffffff; +} +.btn-success { + color: #ffffff; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:focus, +.btn-success.focus { + color: #ffffff; + background-color: #449d44; + border-color: #255625; +} +.btn-success:hover { + color: #ffffff; + background-color: #449d44; + border-color: #398439; +} +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + color: #ffffff; + background-color: #449d44; + border-color: #398439; +} +.btn-success:active:hover, +.btn-success.active:hover, +.open > .dropdown-toggle.btn-success:hover, +.btn-success:active:focus, +.btn-success.active:focus, +.open > .dropdown-toggle.btn-success:focus, +.btn-success:active.focus, +.btn-success.active.focus, +.open > .dropdown-toggle.btn-success.focus { + color: #ffffff; + background-color: #398439; + border-color: #255625; +} +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus { + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success .badge { + color: #5cb85c; + background-color: #ffffff; +} +.btn-info { + color: #ffffff; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:focus, +.btn-info.focus { + color: #ffffff; + background-color: #31b0d5; + border-color: #1b6d85; +} +.btn-info:hover { + color: #ffffff; + background-color: #31b0d5; + border-color: #269abc; +} +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + color: #ffffff; + background-color: #31b0d5; + border-color: #269abc; +} +.btn-info:active:hover, +.btn-info.active:hover, +.open > .dropdown-toggle.btn-info:hover, +.btn-info:active:focus, +.btn-info.active:focus, +.open > .dropdown-toggle.btn-info:focus, +.btn-info:active.focus, +.btn-info.active.focus, +.open > .dropdown-toggle.btn-info.focus { + color: #ffffff; + background-color: #269abc; + border-color: #1b6d85; +} +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus { + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info .badge { + color: #5bc0de; + background-color: #ffffff; +} +.btn-warning { + color: #ffffff; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:focus, +.btn-warning.focus { + color: #ffffff; + background-color: #ec971f; + border-color: #985f0d; +} +.btn-warning:hover { + color: #ffffff; + background-color: #ec971f; + border-color: #d58512; +} +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + color: #ffffff; + background-color: #ec971f; + border-color: #d58512; +} +.btn-warning:active:hover, +.btn-warning.active:hover, +.open > .dropdown-toggle.btn-warning:hover, +.btn-warning:active:focus, +.btn-warning.active:focus, +.open > .dropdown-toggle.btn-warning:focus, +.btn-warning:active.focus, +.btn-warning.active.focus, +.open > .dropdown-toggle.btn-warning.focus { + color: #ffffff; + background-color: #d58512; + border-color: #985f0d; +} +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #ffffff; +} +.btn-danger { + color: #ffffff; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:focus, +.btn-danger.focus { + color: #ffffff; + background-color: #c9302c; + border-color: #761c19; +} +.btn-danger:hover { + color: #ffffff; + background-color: #c9302c; + border-color: #ac2925; +} +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + color: #ffffff; + background-color: #c9302c; + border-color: #ac2925; +} +.btn-danger:active:hover, +.btn-danger.active:hover, +.open > .dropdown-toggle.btn-danger:hover, +.btn-danger:active:focus, +.btn-danger.active:focus, +.open > .dropdown-toggle.btn-danger:focus, +.btn-danger:active.focus, +.btn-danger.active.focus, +.open > .dropdown-toggle.btn-danger.focus { + color: #ffffff; + background-color: #ac2925; + border-color: #761c19; +} +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus { + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger .badge { + color: #d9534f; + background-color: #ffffff; +} +.btn-link { + color: #337ab7; + font-weight: normal; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link.active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #23527c; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #777777; + text-decoration: none; +} +.btn-lg { + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; + border-radius: 6px; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table; +} +.clearfix:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; +} +.affix { + position: fixed; +} \ No newline at end of file diff --git a/inc/images/btn_donateCC_LG.gif b/inc/img/btn_donateCC_LG.gif similarity index 100% rename from inc/images/btn_donateCC_LG.gif rename to inc/img/btn_donateCC_LG.gif diff --git a/inc/images/social-media-icons/blogger.png b/inc/img/social-media-icons/blogger.png similarity index 100% rename from inc/images/social-media-icons/blogger.png rename to inc/img/social-media-icons/blogger.png diff --git a/inc/images/social-media-icons/codepen.png b/inc/img/social-media-icons/codepen.png similarity index 100% rename from inc/images/social-media-icons/codepen.png rename to inc/img/social-media-icons/codepen.png diff --git a/inc/images/social-media-icons/email.png b/inc/img/social-media-icons/email.png similarity index 100% rename from inc/images/social-media-icons/email.png rename to inc/img/social-media-icons/email.png diff --git a/inc/images/social-media-icons/facebook.png b/inc/img/social-media-icons/facebook.png similarity index 100% rename from inc/images/social-media-icons/facebook.png rename to inc/img/social-media-icons/facebook.png diff --git a/inc/images/social-media-icons/github.png b/inc/img/social-media-icons/github.png similarity index 100% rename from inc/images/social-media-icons/github.png rename to inc/img/social-media-icons/github.png diff --git a/inc/images/social-media-icons/google-plus.png b/inc/img/social-media-icons/google-plus.png similarity index 100% rename from inc/images/social-media-icons/google-plus.png rename to inc/img/social-media-icons/google-plus.png diff --git a/inc/images/social-media-icons/instagram.png b/inc/img/social-media-icons/instagram.png similarity index 100% rename from inc/images/social-media-icons/instagram.png rename to inc/img/social-media-icons/instagram.png diff --git a/inc/images/social-media-icons/linkedin.png b/inc/img/social-media-icons/linkedin.png similarity index 100% rename from inc/images/social-media-icons/linkedin.png rename to inc/img/social-media-icons/linkedin.png diff --git a/inc/images/social-media-icons/livejournal.png b/inc/img/social-media-icons/livejournal.png similarity index 100% rename from inc/images/social-media-icons/livejournal.png rename to inc/img/social-media-icons/livejournal.png diff --git a/inc/images/social-media-icons/meetvibe.png b/inc/img/social-media-icons/meetvibe.png similarity index 100% rename from inc/images/social-media-icons/meetvibe.png rename to inc/img/social-media-icons/meetvibe.png diff --git a/inc/images/social-media-icons/odnoklassniki.png b/inc/img/social-media-icons/odnoklassniki.png similarity index 100% rename from inc/images/social-media-icons/odnoklassniki.png rename to inc/img/social-media-icons/odnoklassniki.png diff --git a/inc/images/social-media-icons/pinterest.png b/inc/img/social-media-icons/pinterest.png similarity index 100% rename from inc/images/social-media-icons/pinterest.png rename to inc/img/social-media-icons/pinterest.png diff --git a/inc/images/social-media-icons/reddit.png b/inc/img/social-media-icons/reddit.png similarity index 100% rename from inc/images/social-media-icons/reddit.png rename to inc/img/social-media-icons/reddit.png diff --git a/inc/images/social-media-icons/rss-feed.png b/inc/img/social-media-icons/rss-feed.png similarity index 100% rename from inc/images/social-media-icons/rss-feed.png rename to inc/img/social-media-icons/rss-feed.png diff --git a/inc/images/social-media-icons/telegram.png b/inc/img/social-media-icons/telegram.png similarity index 100% rename from inc/images/social-media-icons/telegram.png rename to inc/img/social-media-icons/telegram.png diff --git a/inc/images/social-media-icons/tumblr.png b/inc/img/social-media-icons/tumblr.png similarity index 100% rename from inc/images/social-media-icons/tumblr.png rename to inc/img/social-media-icons/tumblr.png diff --git a/inc/images/social-media-icons/twitter.png b/inc/img/social-media-icons/twitter.png similarity index 100% rename from inc/images/social-media-icons/twitter.png rename to inc/img/social-media-icons/twitter.png diff --git a/inc/images/social-media-icons/vkontakte.png b/inc/img/social-media-icons/vkontakte.png similarity index 100% rename from inc/images/social-media-icons/vkontakte.png rename to inc/img/social-media-icons/vkontakte.png diff --git a/inc/images/social-media-icons/website.png b/inc/img/social-media-icons/website.png similarity index 100% rename from inc/images/social-media-icons/website.png rename to inc/img/social-media-icons/website.png diff --git a/inc/images/social-media-icons/wordpress.png b/inc/img/social-media-icons/wordpress.png similarity index 100% rename from inc/images/social-media-icons/wordpress.png rename to inc/img/social-media-icons/wordpress.png diff --git a/inc/images/social-media-icons/youtube.png b/inc/img/social-media-icons/youtube.png similarity index 100% rename from inc/images/social-media-icons/youtube.png rename to inc/img/social-media-icons/youtube.png diff --git a/inc/js/admin.js b/inc/js/admin.js new file mode 100644 index 0000000..bb2322a --- /dev/null +++ b/inc/js/admin.js @@ -0,0 +1,23 @@ +/* + * JS functions for plugin settings page + * + * Copyright (c) 2016 Arthur Gareginyan ( http://www.arthurgareginyan.com ). + * All Rights Reserved. + */ + + +jQuery(document).ready(function($) { + + "use strict"; + + // Remove the "successful" message after 3 seconds + if (".updated") { + setTimeout(function() { + $(".updated").fadeOut(); + }, 3000); + } + + // Bootstrap Checkbox + $(':checkbox').checkboxpicker(); + +}); \ No newline at end of file diff --git a/inc/js/bootstrap-checkbox.min.js b/inc/js/bootstrap-checkbox.min.js new file mode 100755 index 0000000..44a96c0 --- /dev/null +++ b/inc/js/bootstrap-checkbox.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap-checkbox v1.4.0 (https://vsn4ik.github.io/bootstrap-checkbox/) + * Copyright 2013-2016 Vasily A. (https://github.com/vsn4ik) + * Licensed under the MIT license + */ + +"use strict";!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function b(b,c){this.element=b,this.$element=a(b);var d=this.$element.data();return""===d.reverse&&(d.reverse=!0),""===d.switchAlways&&(d.switchAlways=!0),""===d.html&&(d.html=!0),this.options=a.extend({},a.fn.checkboxpicker.defaults,c,d),this.$element.closest("label").length?void console.warn(this.options.warningMessage):(this.$group=a.create("div"),this.$buttons=a.create("a","a"),this.$off=this.$buttons.eq(this.options.reverse?1:0),this.$on=this.$buttons.eq(this.options.reverse?0:1),void this.init())}a.create=function(){return a(a.map(arguments,a.proxy(document,"createElement")))},b.prototype={init:function(){var b=this.options.html?"html":"text";this.$element.addClass("hidden"),this.$group.addClass(this.options.baseGroupCls).addClass(this.options.groupCls),this.$buttons.addClass(this.options.baseCls).addClass(this.options.cls),this.options.offLabel&&this.$off[b](this.options.offLabel),this.options.onLabel&&this.$on[b](this.options.onLabel),this.options.offIconCls&&(this.options.offLabel&&this.$off.prepend(" "),a.create("span").addClass(this.options.iconCls).addClass(this.options.offIconCls).prependTo(this.$off)),this.options.onIconCls&&(this.options.onLabel&&this.$on.prepend(" "),a.create("span").addClass(this.options.iconCls).addClass(this.options.onIconCls).prependTo(this.$on)),this.element.checked?(this.$on.addClass("active"),this.$on.addClass(this.options.onActiveCls),this.$off.addClass(this.options.offCls)):(this.$off.addClass("active"),this.$off.addClass(this.options.offActiveCls),this.$on.addClass(this.options.onCls)),this.element.title?this.$group.attr("title",this.element.title):(this.options.offTitle&&this.$off.attr("title",this.options.offTitle),this.options.onTitle&&this.$on.attr("title",this.options.onTitle)),this.$group.on("keydown",a.proxy(this,"keydown")),this.$buttons.on("click",a.proxy(this,"click")),this.$element.on("change",a.proxy(this,"toggleChecked")),a(this.element.labels).on("click",a.proxy(this,"focus")),a(this.element.form).on("reset",a.proxy(this,"reset")),this.$group.append(this.$buttons).insertAfter(this.element),this.element.disabled?(this.$buttons.addClass("disabled"),this.options.disabledCursor&&this.$group.css("cursor",this.options.disabledCursor)):(this.$group.attr("tabindex",this.element.tabIndex),this.element.autofocus&&this.focus())},toggleChecked:function(){this.$buttons.toggleClass("active"),this.$off.toggleClass(this.options.offCls),this.$off.toggleClass(this.options.offActiveCls),this.$on.toggleClass(this.options.onCls),this.$on.toggleClass(this.options.onActiveCls)},toggleDisabled:function(){this.$buttons.toggleClass("disabled"),this.element.disabled?(this.$group.attr("tabindex",this.element.tabIndex),this.$group.css("cursor","")):(this.$group.removeAttr("tabindex"),this.options.disabledCursor&&this.$group.css("cursor",this.options.disabledCursor))},focus:function(){this.$group.trigger("focus")},click:function(b){var c=a(b.currentTarget);c.hasClass("active")&&!this.options.switchAlways||this.change()},change:function(){this.set(!this.element.checked)},set:function(a){this.element.checked=a,this.$element.trigger("change")},keydown:function(b){-1!=a.inArray(b.keyCode,this.options.toggleKeyCodes)?(b.preventDefault(),this.change()):13==b.keyCode&&a(this.element.form).trigger("submit")},reset:function(){(this.element.defaultChecked&&this.$off.hasClass("active")||!this.element.defaultChecked&&this.$on.hasClass("active"))&&this.set(this.element.defaultChecked)}};var c=a.extend({},a.propHooks);a.extend(a.propHooks,{checked:{set:function(b,d){var e=a.data(b,"bs.checkbox");e&&b.checked!=d&&e.change(d),c.checked&&c.checked.set&&c.checked.set(b,d)}},disabled:{set:function(b,d){var e=a.data(b,"bs.checkbox");e&&b.disabled!=d&&e.toggleDisabled(),c.disabled&&c.disabled.set&&c.disabled.set(b,d)}}});var d=a.fn.checkboxpicker;return a.fn.checkboxpicker=function(c,d){var e;return e=this instanceof a?this:a("string"==typeof c?c:d),e.each(function(){var d=a.data(this,"bs.checkbox");d||(d=new b(this,c),a.data(this,"bs.checkbox",d))})},a.fn.checkboxpicker.defaults={baseGroupCls:"btn-group",baseCls:"btn",groupCls:null,cls:null,offCls:"btn-default",onCls:"btn-default",offActiveCls:"btn-danger",onActiveCls:"btn-success",offLabel:"No",onLabel:"Yes",offTitle:!1,onTitle:!1,iconCls:"glyphicon",disabledCursor:"not-allowed",toggleKeyCodes:[13,32],warningMessage:"Please do not use Bootstrap-checkbox element in label element."},a.fn.checkboxpicker.Constructor=b,a.fn.checkboxpicker.noConflict=function(){return a.fn.checkboxpicker=d,this},a.fn.checkboxpicker}); \ No newline at end of file diff --git a/inc/settings_page.php b/inc/php/settings_page.php similarity index 99% rename from inc/settings_page.php rename to inc/php/settings_page.php index c1c90a6..c0ba8b7 100644 --- a/inc/settings_page.php +++ b/inc/php/settings_page.php @@ -10,7 +10,7 @@ /** * Render Settings Page * - * @since 2.3.1 + * @since 3.0 */ function smbtoolbar_render_submenu_page() { @@ -54,7 +54,7 @@ function smbtoolbar_render_submenu_page() {

- Make a donation + Make a donation

@@ -253,7 +253,7 @@ function smbtoolbar_render_submenu_page() { 'Caption', 'Enter the caption to your social media buttons toolbar. It will be displays before the toolbar.', 'field', - 'Follow me on social media:', + 'Follow me in social media:', '50' );?> diff --git a/inc/style-admin.css b/inc/style-admin.css deleted file mode 100644 index 202559c..0000000 --- a/inc/style-admin.css +++ /dev/null @@ -1,80 +0,0 @@ -/* - * Social Media Buttons Toolbar - * Style sheet for plugin's page - * @since 2.3.1 - * @agareginyan - */ - - -.aligncenter { - text-align: center; -} - -.form-table { - clear: none; - margin-top: 30px; -} - -h2 { - text-align: center; - font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; -} - -h2 span { - margin-top: 1px; - font-size: 0.6em; - color: black; - display: inline; - padding: 0; -} - -h2 span a { - display: inline; - padding: 0; -} - -h3.title { - font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; - border-bottom: 1px solid #eee; -} - -.inner-sidebar h3.title { - text-align: center; -} - -td.help-text { - font-style: italic; - font-size: 12px !important; - float: left; - clear: left; - color: #797979; - line-height: 15px; - padding-top: 0px !important; -} - -.postbox a { - text-decoration: none; -} - -#side-sortables { - position: relative; -} - -#about { - text-align: center; -} - -#help { - text-align: center; -} -#help p { - margin: 0; -} - -#donate { - text-align: center; -} - -#advertisement { - text-align: center; -} \ No newline at end of file diff --git a/readme.txt b/readme.txt index 73c72f5..1355dce 100644 --- a/readme.txt +++ b/readme.txt @@ -158,6 +158,10 @@ Commercial licensing (e.g. for projects that can’t use an open-source license) Icon set [Social Buttons 2](https://www.iconfinder.com/iconsets/social-buttons-2) by Ivlichev Victor Petrovich and licensed under the [Creative Commons (Attribution 3.0 Unported)](http://creativecommons.org/licenses/by/3.0/). Icon meetvibe.png by [Arthur Gareginyan](http://www.arthurgareginyan.com) and licensed under the [Creative Commons (Attribution 3.0 Unported)](http://creativecommons.org/licenses/by/3.0/). + +[Bootstrap](http://getbootstrap.com) released under the [MIT license](https://github.com/twbs/bootstrap/blob/master/LICENSE). + +[Bootstrap-checkbox](https://github.com/vsn4ik/bootstrap-checkbox) is a project of [Vasily A.](https://github.com/vsn4ik), shared under the [MIT license](https://github.com/vsn4ik/bootstrap-checkbox/blob/master/LICENSE). **Links** @@ -165,6 +169,13 @@ Icon meetvibe.png by [Arthur Gareginyan](http://www.arthurgareginyan.com) and li * [Dedicated Plugin Page on GitHub](https://github.com/ArthurGareginyan/social-media-buttons-toolbar) == Changelog == += 3.0 = +* The structure of files changed. +* Style sheet of settings page improved and better commented. +* Style sheet of settings page optimized for mobile devices. +* Added JavaScript file for settings page. +* Added JavaScript function of automatic remove the "successful" message after 3 seconds. +* Checkboxes replaced with cool triggers by using Bootstrap framework and Bootstrap-checkbox component. = 2.3.1 = * POT file updated. * Russian translation updated. diff --git a/social-media-buttons-toolbar.php b/social-media-buttons-toolbar.php index eab472b..d01b365 100644 --- a/social-media-buttons-toolbar.php +++ b/social-media-buttons-toolbar.php @@ -5,7 +5,7 @@ * Description: Easily add the smart toolbar with social media buttons (not share, only link to your profiles) to any place of your WordPress website. * Author: Arthur Gareginyan * Author URI: http://www.arthurgareginyan.com - * Version: 2.3.1 + * Version: 3.0 * License: GPL3 * Text Domain: social-media-buttons-toolbar * Domain Path: /languages/ @@ -86,14 +86,14 @@ function smbtoolbar_register_submenu_page() { /** * Attach Settings Page * - * @since 2.0 + * @since 3.0 */ -require_once( SMEDIABT_PATH . 'inc/settings_page.php' ); +require_once( SMEDIABT_PATH . 'inc/php/settings_page.php' ); /** * Load scripts and style sheet for settings page * - * @since 2.0 + * @since 3.0 */ function smbtoolbar_load_scripts($hook) { @@ -102,9 +102,17 @@ function smbtoolbar_load_scripts($hook) { return; } - wp_enqueue_style('styles', SMEDIABT_URL . 'inc/style-admin.css'); + // Style sheet + wp_enqueue_style( 'admin-css', SMEDIABT_URL . 'inc/css/admin.css' ); + wp_enqueue_style( 'bootstrap', SMEDIABT_URL . 'inc/css/bootstrap.css' ); + wp_enqueue_style( 'bootstrap-theme', SMEDIABT_URL . 'inc/css/bootstrap-theme.css' ); + + // JavaScript + wp_enqueue_script( 'admin-js', SMEDIABT_URL . 'inc/js/admin.js', array(), false, true ); + wp_enqueue_script( 'bootstrap-checkbox', SMEDIABT_URL . 'inc/js/bootstrap-checkbox.min.js' ); + } -add_action('admin_enqueue_scripts', 'smbtoolbar_load_scripts'); +add_action( 'admin_enqueue_scripts', 'smbtoolbar_load_scripts' ); /** * Register settings @@ -271,7 +279,7 @@ function smbtoolbar_tollbar() { } if ($key == "content") { if (!empty($value)) { - $icon = plugins_url( "inc/images/social-media-icons/$slag.png", __FILE__ ); + $icon = plugins_url( "inc/img/social-media-icons/$slag.png", __FILE__ ); $metatags_arr[] = '
  • ' . $label . ' @@ -324,14 +332,14 @@ function smbtoolbar_tollbar() { function smbtoolbar_shortcode() { return implode(PHP_EOL, smbtoolbar_tollbar()); } -add_shortcode('smbtoolbar', 'smbtoolbar_shortcode'); +add_shortcode( 'smbtoolbar', 'smbtoolbar_shortcode' ); /** * Allow shortcodes in the text widget * * @since 0.2 */ -add_filter('widget_text', 'do_shortcode'); +add_filter( 'widget_text', 'do_shortcode' ); /** * Add toolbar to the beginning of each post or/and page. @@ -356,7 +364,7 @@ function smbtoolbar_addContent( $content ) { // Returns the content. return $content; } -add_action('the_content', 'smbtoolbar_addContent'); +add_action( 'the_content', 'smbtoolbar_addContent' ); /** * Delete options on uninstall