From 654277dac33b7a38d07fa138dfc40a7c64f21bc1 Mon Sep 17 00:00:00 2001 From: hofmannsven Date: Tue, 22 Apr 2014 01:06:00 +0200 Subject: [PATCH] Set custom color palettes --- README.txt | 1 + admin/assets/css/admin.css | 85 +++++++++++++++++++--------------- admin/assets/css/dashboard.css | 45 +++++++++--------- admin/assets/js/markposts.js | 3 +- 4 files changed, 74 insertions(+), 60 deletions(-) diff --git a/README.txt b/README.txt index c2bb792..8f03f31 100755 --- a/README.txt +++ b/README.txt @@ -85,6 +85,7 @@ Visit [Mark Posts on Github](https://github.com/flymke/mark-posts) = 1.0.4 = * Add `mark_posts_marker_limit` filter for custom marker user roles +* Provide custom color palettes for markers = 1.0.3 = * Code refactoring diff --git a/admin/assets/css/admin.css b/admin/assets/css/admin.css index cfc059b..06e938c 100755 --- a/admin/assets/css/admin.css +++ b/admin/assets/css/admin.css @@ -1,66 +1,75 @@ -/* This stylesheet is used to style the admin option form of the plugin. */ - +/* Mark Posts Admin Styles */ .new-markers { - height: 20px; + height: 20px; padding: 10px 0 5px 0; } + .new-markers .js-new-markers-intro { display: none; } + .new-marker, .mark-posts-marker { - background: rgba(255,255,255); /* for IE */ - background: rgba(255,255,255,.65); - color: #444; - line-height: 27px; /* in case of multiple lines for markers*/ - padding: 0 5px; - margin: 0 0 0 3px; + background: rgba(255, 255, 255); /* for IE */ + background: rgba(255, 255, 255, .65); + color: #444; + line-height: 27px; /* in case of multiple lines for markers*/ + padding: 0 5px; + margin: 0 0 0 3px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - display: inline-block; - font-weight:bold; + -moz-border-radius: 3px; + border-radius: 3px; + display: inline-block; + font-weight: bold; } + .mark-posts-marker { - margin-top:6px; + margin-top: 6px; } + span.mark-posts-color { - position:absolute; - top:-41px; - right:30px; - width:20px; - height:20px; - display:block; - margin-left:10px; + position: absolute; + top: -41px; + right: 30px; + width: 20px; + height: 20px; + display: block; + margin-left: 10px; } + span.mark-posts-color, #mark_posts_options h3.hndle { - -webkit-transition: 100ms linear; /* Chrome 1-25, Safari 3.2+ */ - -moz-transition: 100ms linear; /* Firefox 4-15 */ - -o-transition: 100ms linear; /* Opera 10.50–12.00 */ - transition: 100ms linear; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ + -webkit-transition: 100ms linear; /* Chrome 1-25, Safari 3.2+ */ + -moz-transition: 100ms linear; /* Firefox 4-15 */ + -o-transition: 100ms linear; /* Opera 10.50–12.00 */ + transition: 100ms linear; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } + .mark_posts_pre { - position:absolute; - width:5px; - height:100%; - top:0; - left:0; + position: absolute; + width: 5px; + height: 100%; + top: 0; + left: 0; } + a.mark-posts-initial { - display:inline-block; - margin-left:25px; + display: inline-block; + margin-left: 25px; } + .mark-posts-copy { - margin-top:25px; - padding-top:25px; + margin-top: 25px; + padding-top: 25px; } + #wpbody-content .quick-edit-row-page .inline-edit-col-right.mark-posts-quickedit { - margin-top:0; - width:50%; - float:right; + margin-top: 0; + width: 50%; + float: right; } + .mark-posts-donate { - margin-top:15px; + margin-top: 15px; } \ No newline at end of file diff --git a/admin/assets/css/dashboard.css b/admin/assets/css/dashboard.css index 04aa988..7c323a9 100755 --- a/admin/assets/css/dashboard.css +++ b/admin/assets/css/dashboard.css @@ -1,29 +1,32 @@ -/* dashboard widget styles */ +/* Mark Posts Dashboard Widget Styles */ #markers_right_now { - overflow: hidden; - padding: 0px; - margin: 0; + overflow: hidden; + padding: 0px; + margin: 0; } + #markers_right_now li { - width: 50%; - float: left; - margin-bottom: 10px; + width: 50%; + float: left; + margin-bottom: 10px; } + #markers_right_now li span { - line-height: 1.4em; - font-size: 13px; + line-height: 1.4em; + font-size: 13px; } + #markers_right_now li span:before { - font: 400 20px/1 dashicons; - content: '\f159'; - speak: none; - display: block; - float: left; - margin: 0 5px 0 0; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - text-decoration: none!important; + font: 400 20px/1 dashicons; + content: '\f159'; + speak: none; + display: block; + float: left; + margin: 0 5px 0 0; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + text-decoration: none !important; } diff --git a/admin/assets/js/markposts.js b/admin/assets/js/markposts.js index b31e63e..1533587 100755 --- a/admin/assets/js/markposts.js +++ b/admin/assets/js/markposts.js @@ -4,7 +4,8 @@ // color picket setup $(function () { $('.my-color-field').wpColorPicker({ - defaultColor: false + defaultColor: false, + palettes: ['#96D754', '#FFFA74', '#FF7150', '#9ABADC', '#FFA74C', '#158A61'] }); });