Seo Optimized Images - Version 1.0

Version Description

  1. Initial Plugin Release
Download this release

Release Info

Developer priyanshu.mittal
Plugin Icon 128x128 Seo Optimized Images
Version 1.0
Comparing to
See all releases

Version 1.0

Files changed (7) hide show
  1. css/plugin-admin-panel.css +3719 -0
  2. css/style.css +38 -0
  3. js/plugin-admin-panel.js +9 -0
  4. js/text-count.js +19 -0
  5. readme.txt +48 -0
  6. seo-optimized-images-settings.php +211 -0
  7. seo-optimized-images.php +179 -0
css/plugin-admin-panel.css ADDED
@@ -0,0 +1,3719 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* --------------------------------------------------
2
+ :: OptionTree Font
3
+ ---------------------------------------------------*/
4
+ @font-face {
5
+ font-family: "option-tree-font";
6
+ src:url("../fonts/option-tree-font.eot");
7
+ src:url("../fonts/option-tree-font.eot?#iefix") format("embedded-opentype"),
8
+ url("../fonts/option-tree-font.woff") format("woff"),
9
+ url("../fonts/option-tree-font.ttf") format("truetype"),
10
+ url("../fonts/option-tree-font.svg#option-tree-font") format("svg");
11
+ font-weight: normal;
12
+ font-style: normal;
13
+ }
14
+
15
+ [class^="ot-icon-"],
16
+ [class*=" ot-icon-"] {
17
+ font-family: "option-tree-font";
18
+ speak: none;
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ font-variant: normal;
22
+ text-transform: none;
23
+ line-height: 1;
24
+ -webkit-font-smoothing: antialiased;
25
+ -moz-osx-font-smoothing: grayscale;
26
+ }
27
+
28
+ .ot-icon-option-tree:before {
29
+ content: "\e785";
30
+ }
31
+ .ot-icon-glass:before {
32
+ content: "\f000";
33
+ }
34
+ .ot-icon-music:before {
35
+ content: "\f001";
36
+ }
37
+ .ot-icon-search:before {
38
+ content: "\f002";
39
+ }
40
+ .ot-icon-envelope-o:before {
41
+ content: "\f003";
42
+ }
43
+ .ot-icon-heart:before {
44
+ content: "\f004";
45
+ }
46
+ .ot-icon-star:before {
47
+ content: "\f005";
48
+ }
49
+ .ot-icon-star-o:before {
50
+ content: "\f006";
51
+ }
52
+ .ot-icon-user:before {
53
+ content: "\f007";
54
+ }
55
+ .ot-icon-film:before {
56
+ content: "\f008";
57
+ }
58
+ .ot-icon-th-large:before {
59
+ content: "\f009";
60
+ }
61
+ .ot-icon-th:before {
62
+ content: "\f00a";
63
+ }
64
+ .ot-icon-th-list:before {
65
+ content: "\f00b";
66
+ }
67
+ .ot-icon-check:before {
68
+ content: "\f00c";
69
+ }
70
+ .ot-icon-times:before {
71
+ content: "\f00d";
72
+ }
73
+ .ot-icon-search-plus:before {
74
+ content: "\f00e";
75
+ }
76
+ .ot-icon-search-minus:before {
77
+ content: "\f010";
78
+ }
79
+ .ot-icon-power-off:before {
80
+ content: "\f011";
81
+ }
82
+ .ot-icon-signal:before {
83
+ content: "\f012";
84
+ }
85
+ .ot-icon-gear:before {
86
+ content: "\f013";
87
+ }
88
+ .ot-icon-trash-o:before {
89
+ content: "\f014";
90
+ }
91
+ .ot-icon-home:before {
92
+ content: "\f015";
93
+ }
94
+ .ot-icon-file-o:before {
95
+ content: "\f016";
96
+ }
97
+ .ot-icon-clock-o:before {
98
+ content: "\f017";
99
+ }
100
+ .ot-icon-road:before {
101
+ content: "\f018";
102
+ }
103
+ .ot-icon-download:before {
104
+ content: "\f019";
105
+ }
106
+ .ot-icon-arrow-circle-o-down:before {
107
+ content: "\f01a";
108
+ }
109
+ .ot-icon-arrow-circle-o-up:before {
110
+ content: "\f01b";
111
+ }
112
+ .ot-icon-inbox:before {
113
+ content: "\f01c";
114
+ }
115
+ .ot-icon-play-circle-o:before {
116
+ content: "\f01d";
117
+ }
118
+ .ot-icon-rotate-right:before {
119
+ content: "\f01e";
120
+ }
121
+ .ot-icon-refresh:before {
122
+ content: "\f021";
123
+ }
124
+ .ot-icon-list-alt:before {
125
+ content: "\f022";
126
+ }
127
+ .ot-icon-lock:before {
128
+ content: "\f023";
129
+ }
130
+ .ot-icon-flag:before {
131
+ content: "\f024";
132
+ }
133
+ .ot-icon-headphones:before {
134
+ content: "\f025";
135
+ }
136
+ .ot-icon-volume-off:before {
137
+ content: "\f026";
138
+ }
139
+ .ot-icon-volume-down:before {
140
+ content: "\f027";
141
+ }
142
+ .ot-icon-volume-up:before {
143
+ content: "\f028";
144
+ }
145
+ .ot-icon-qrcode:before {
146
+ content: "\f029";
147
+ }
148
+ .ot-icon-barcode:before {
149
+ content: "\f02a";
150
+ }
151
+ .ot-icon-tag:before {
152
+ content: "\f02b";
153
+ }
154
+ .ot-icon-tags:before {
155
+ content: "\f02c";
156
+ }
157
+ .ot-icon-book:before {
158
+ content: "\f02d";
159
+ }
160
+ .ot-icon-bookmark:before {
161
+ content: "\f02e";
162
+ }
163
+ .ot-icon-print:before {
164
+ content: "\f02f";
165
+ }
166
+ .ot-icon-camera:before {
167
+ content: "\f030";
168
+ }
169
+ .ot-icon-font:before {
170
+ content: "\f031";
171
+ }
172
+ .ot-icon-bold:before {
173
+ content: "\f032";
174
+ }
175
+ .ot-icon-italic:before {
176
+ content: "\f033";
177
+ }
178
+ .ot-icon-text-height:before {
179
+ content: "\f034";
180
+ }
181
+ .ot-icon-text-width:before {
182
+ content: "\f035";
183
+ }
184
+ .ot-icon-align-left:before {
185
+ content: "\f036";
186
+ }
187
+ .ot-icon-align-center:before {
188
+ content: "\f037";
189
+ }
190
+ .ot-icon-align-right:before {
191
+ content: "\f038";
192
+ }
193
+ .ot-icon-align-justify:before {
194
+ content: "\f039";
195
+ }
196
+ .ot-icon-list:before {
197
+ content: "\f03a";
198
+ }
199
+ .ot-icon-dedent:before {
200
+ content: "\f03b";
201
+ }
202
+ .ot-icon-indent:before {
203
+ content: "\f03c";
204
+ }
205
+ .ot-icon-video-camera:before {
206
+ content: "\f03d";
207
+ }
208
+ .ot-icon-picture-o:before {
209
+ content: "\f03e";
210
+ }
211
+ .ot-icon-pencil:before {
212
+ content: "\f040";
213
+ }
214
+ .ot-icon-map-marker:before {
215
+ content: "\f041";
216
+ }
217
+ .ot-icon-adjust:before {
218
+ content: "\f042";
219
+ }
220
+ .ot-icon-tint:before {
221
+ content: "\f043";
222
+ }
223
+ .ot-icon-edit:before {
224
+ content: "\f044";
225
+ }
226
+ .ot-icon-share-square-o:before {
227
+ content: "\f045";
228
+ }
229
+ .ot-icon-check-square-o:before {
230
+ content: "\f046";
231
+ }
232
+ .ot-icon-arrows:before {
233
+ content: "\f047";
234
+ }
235
+ .ot-icon-step-backward:before {
236
+ content: "\f048";
237
+ }
238
+ .ot-icon-fast-backward:before {
239
+ content: "\f049";
240
+ }
241
+ .ot-icon-backward:before {
242
+ content: "\f04a";
243
+ }
244
+ .ot-icon-play:before {
245
+ content: "\f04b";
246
+ }
247
+ .ot-icon-pause:before {
248
+ content: "\f04c";
249
+ }
250
+ .ot-icon-stop:before {
251
+ content: "\f04d";
252
+ }
253
+ .ot-icon-forward:before {
254
+ content: "\f04e";
255
+ }
256
+ .ot-icon-fast-forward:before {
257
+ content: "\f050";
258
+ }
259
+ .ot-icon-step-forward:before {
260
+ content: "\f051";
261
+ }
262
+ .ot-icon-eject:before {
263
+ content: "\f052";
264
+ }
265
+ .ot-icon-chevron-left:before {
266
+ content: "\f053";
267
+ }
268
+ .ot-icon-chevron-right:before {
269
+ content: "\f054";
270
+ }
271
+ .ot-icon-plus-circle:before {
272
+ content: "\f055";
273
+ }
274
+ .ot-icon-minus-circle:before {
275
+ content: "\f056";
276
+ }
277
+ .ot-icon-times-circle:before {
278
+ content: "\f057";
279
+ }
280
+ .ot-icon-check-circle:before {
281
+ content: "\f058";
282
+ }
283
+ .ot-icon-question-circle:before {
284
+ content: "\f059";
285
+ }
286
+ .ot-icon-info-circle:before {
287
+ content: "\f05a";
288
+ }
289
+ .ot-icon-crosshairs:before {
290
+ content: "\f05b";
291
+ }
292
+ .ot-icon-times-circle-o:before {
293
+ content: "\f05c";
294
+ }
295
+ .ot-icon-check-circle-o:before {
296
+ content: "\f05d";
297
+ }
298
+ .ot-icon-ban:before {
299
+ content: "\f05e";
300
+ }
301
+ .ot-icon-arrow-left:before {
302
+ content: "\f060";
303
+ }
304
+ .ot-icon-arrow-right:before {
305
+ content: "\f061";
306
+ }
307
+ .ot-icon-arrow-up:before {
308
+ content: "\f062";
309
+ }
310
+ .ot-icon-arrow-down:before {
311
+ content: "\f063";
312
+ }
313
+ .ot-icon-mail-forward:before {
314
+ content: "\f064";
315
+ }
316
+ .ot-icon-expand:before {
317
+ content: "\f065";
318
+ }
319
+ .ot-icon-compress:before {
320
+ content: "\f066";
321
+ }
322
+ .ot-icon-plus:before {
323
+ content: "\f067";
324
+ }
325
+ .ot-icon-minus:before {
326
+ content: "\f068";
327
+ }
328
+ .ot-icon-asterisk:before {
329
+ content: "\f069";
330
+ }
331
+ .ot-icon-exclamation-circle:before {
332
+ content: "\f06a";
333
+ }
334
+ .ot-icon-gift:before {
335
+ content: "\f06b";
336
+ }
337
+ .ot-icon-leaf:before {
338
+ content: "\f06c";
339
+ }
340
+ .ot-icon-fire:before {
341
+ content: "\f06d";
342
+ }
343
+ .ot-icon-eye:before {
344
+ content: "\f06e";
345
+ }
346
+ .ot-icon-eye-slash:before {
347
+ content: "\f070";
348
+ }
349
+ .ot-icon-warning:before {
350
+ content: "\f071";
351
+ }
352
+ .ot-icon-plane:before {
353
+ content: "\f072";
354
+ }
355
+ .ot-icon-calendar:before {
356
+ content: "\f073";
357
+ }
358
+ .ot-icon-random:before {
359
+ content: "\f074";
360
+ }
361
+ .ot-icon-comment:before {
362
+ content: "\f075";
363
+ }
364
+ .ot-icon-magnet:before {
365
+ content: "\f076";
366
+ }
367
+ .ot-icon-chevron-up:before {
368
+ content: "\f077";
369
+ }
370
+ .ot-icon-chevron-down:before {
371
+ content: "\f078";
372
+ }
373
+ .ot-icon-retweet:before {
374
+ content: "\f079";
375
+ }
376
+ .ot-icon-shopping-cart:before {
377
+ content: "\f07a";
378
+ }
379
+ .ot-icon-folder:before {
380
+ content: "\f07b";
381
+ }
382
+ .ot-icon-folder-open:before {
383
+ content: "\f07c";
384
+ }
385
+ .ot-icon-arrows-v:before {
386
+ content: "\f07d";
387
+ }
388
+ .ot-icon-arrows-h:before {
389
+ content: "\f07e";
390
+ }
391
+ .ot-icon-bar-chart-o:before {
392
+ content: "\f080";
393
+ }
394
+ .ot-icon-twitter-square:before {
395
+ content: "\f081";
396
+ }
397
+ .ot-icon-facebook-square:before {
398
+ content: "\f082";
399
+ }
400
+ .ot-icon-camera-retro:before {
401
+ content: "\f083";
402
+ }
403
+ .ot-icon-key:before {
404
+ content: "\f084";
405
+ }
406
+ .ot-icon-gears:before {
407
+ content: "\f085";
408
+ }
409
+ .ot-icon-comments:before {
410
+ content: "\f086";
411
+ }
412
+ .ot-icon-thumbs-o-up:before {
413
+ content: "\f087";
414
+ }
415
+ .ot-icon-thumbs-o-down:before {
416
+ content: "\f088";
417
+ }
418
+ .ot-icon-star-half:before {
419
+ content: "\f089";
420
+ }
421
+ .ot-icon-heart-o:before {
422
+ content: "\f08a";
423
+ }
424
+ .ot-icon-sign-out:before {
425
+ content: "\f08b";
426
+ }
427
+ .ot-icon-linkedin-square:before {
428
+ content: "\f08c";
429
+ }
430
+ .ot-icon-thumb-tack:before {
431
+ content: "\f08d";
432
+ }
433
+ .ot-icon-external-link:before {
434
+ content: "\f08e";
435
+ }
436
+ .ot-icon-sign-in:before {
437
+ content: "\f090";
438
+ }
439
+ .ot-icon-trophy:before {
440
+ content: "\f091";
441
+ }
442
+ .ot-icon-github-square:before {
443
+ content: "\f092";
444
+ }
445
+ .ot-icon-upload:before {
446
+ content: "\f093";
447
+ }
448
+ .ot-icon-lemon-o:before {
449
+ content: "\f094";
450
+ }
451
+ .ot-icon-phone:before {
452
+ content: "\f095";
453
+ }
454
+ .ot-icon-square-o:before {
455
+ content: "\f096";
456
+ }
457
+ .ot-icon-bookmark-o:before {
458
+ content: "\f097";
459
+ }
460
+ .ot-icon-phone-square:before {
461
+ content: "\f098";
462
+ }
463
+ .ot-icon-twitter:before {
464
+ content: "\f099";
465
+ }
466
+ .ot-icon-facebook:before {
467
+ content: "\f09a";
468
+ }
469
+ .ot-icon-github:before {
470
+ content: "\f09b";
471
+ }
472
+ .ot-icon-unlock:before {
473
+ content: "\f09c";
474
+ }
475
+ .ot-icon-credit-card:before {
476
+ content: "\f09d";
477
+ }
478
+ .ot-icon-rss:before {
479
+ content: "\f09e";
480
+ }
481
+ .ot-icon-hdd-o:before {
482
+ content: "\f0a0";
483
+ }
484
+ .ot-icon-bullhorn:before {
485
+ content: "\f0a1";
486
+ }
487
+ .ot-icon-bell:before {
488
+ content: "\f0a2";
489
+ }
490
+ .ot-icon-certificate:before {
491
+ content: "\f0a3";
492
+ }
493
+ .ot-icon-hand-o-right:before {
494
+ content: "\f0a4";
495
+ }
496
+ .ot-icon-hand-o-left:before {
497
+ content: "\f0a5";
498
+ }
499
+ .ot-icon-hand-o-up:before {
500
+ content: "\f0a6";
501
+ }
502
+ .ot-icon-hand-o-down:before {
503
+ content: "\f0a7";
504
+ }
505
+ .ot-icon-arrow-circle-left:before {
506
+ content: "\f0a8";
507
+ }
508
+ .ot-icon-arrow-circle-right:before {
509
+ content: "\f0a9";
510
+ }
511
+ .ot-icon-arrow-circle-up:before {
512
+ content: "\f0aa";
513
+ }
514
+ .ot-icon-arrow-circle-down:before {
515
+ content: "\f0ab";
516
+ }
517
+ .ot-icon-globe:before {
518
+ content: "\f0ac";
519
+ }
520
+ .ot-icon-wrench:before {
521
+ content: "\f0ad";
522
+ }
523
+ .ot-icon-tasks:before {
524
+ content: "\f0ae";
525
+ }
526
+ .ot-icon-filter:before {
527
+ content: "\f0b0";
528
+ }
529
+ .ot-icon-briefcase:before {
530
+ content: "\f0b1";
531
+ }
532
+ .ot-icon-arrows-alt:before {
533
+ content: "\f0b2";
534
+ }
535
+ .ot-icon-group:before {
536
+ content: "\f0c0";
537
+ }
538
+ .ot-icon-chain:before {
539
+ content: "\f0c1";
540
+ }
541
+ .ot-icon-cloud:before {
542
+ content: "\f0c2";
543
+ }
544
+ .ot-icon-flask:before {
545
+ content: "\f0c3";
546
+ }
547
+ .ot-icon-cut:before {
548
+ content: "\f0c4";
549
+ }
550
+ .ot-icon-copy:before {
551
+ content: "\f0c5";
552
+ }
553
+ .ot-icon-paperclip:before {
554
+ content: "\f0c6";
555
+ }
556
+ .ot-icon-save:before {
557
+ content: "\f0c7";
558
+ }
559
+ .ot-icon-square:before {
560
+ content: "\f0c8";
561
+ }
562
+ .ot-icon-bars:before {
563
+ content: "\f0c9";
564
+ }
565
+ .ot-icon-list-ul:before {
566
+ content: "\f0ca";
567
+ }
568
+ .ot-icon-list-ol:before {
569
+ content: "\f0cb";
570
+ }
571
+ .ot-icon-strikethrough:before {
572
+ content: "\f0cc";
573
+ }
574
+ .ot-icon-underline:before {
575
+ content: "\f0cd";
576
+ }
577
+ .ot-icon-table:before {
578
+ content: "\f0ce";
579
+ }
580
+ .ot-icon-magic:before {
581
+ content: "\f0d0";
582
+ }
583
+ .ot-icon-truck:before {
584
+ content: "\f0d1";
585
+ }
586
+ .ot-icon-pinterest:before {
587
+ content: "\f0d2";
588
+ }
589
+ .ot-icon-pinterest-square:before {
590
+ content: "\f0d3";
591
+ }
592
+ .ot-icon-google-plus-square:before {
593
+ content: "\f0d4";
594
+ }
595
+ .ot-icon-google-plus:before {
596
+ content: "\f0d5";
597
+ }
598
+ .ot-icon-money:before {
599
+ content: "\f0d6";
600
+ }
601
+ .ot-icon-caret-down:before {
602
+ content: "\f0d7";
603
+ }
604
+ .ot-icon-caret-up:before {
605
+ content: "\f0d8";
606
+ }
607
+ .ot-icon-caret-left:before {
608
+ content: "\f0d9";
609
+ }
610
+ .ot-icon-caret-right:before {
611
+ content: "\f0da";
612
+ }
613
+ .ot-icon-columns:before {
614
+ content: "\f0db";
615
+ }
616
+ .ot-icon-unsorted:before {
617
+ content: "\f0dc";
618
+ }
619
+ .ot-icon-sort-down:before {
620
+ content: "\f0dd";
621
+ }
622
+ .ot-icon-sort-up:before {
623
+ content: "\f0de";
624
+ }
625
+ .ot-icon-envelope:before {
626
+ content: "\f0e0";
627
+ }
628
+ .ot-icon-linkedin:before {
629
+ content: "\f0e1";
630
+ }
631
+ .ot-icon-rotate-left:before {
632
+ content: "\f0e2";
633
+ }
634
+ .ot-icon-legal:before {
635
+ content: "\f0e3";
636
+ }
637
+ .ot-icon-dashboard:before {
638
+ content: "\f0e4";
639
+ }
640
+ .ot-icon-comment-o:before {
641
+ content: "\f0e5";
642
+ }
643
+ .ot-icon-comments-o:before {
644
+ content: "\f0e6";
645
+ }
646
+ .ot-icon-flash:before {
647
+ content: "\f0e7";
648
+ }
649
+ .ot-icon-sitemap:before {
650
+ content: "\f0e8";
651
+ }
652
+ .ot-icon-umbrella:before {
653
+ content: "\f0e9";
654
+ }
655
+ .ot-icon-paste:before {
656
+ content: "\f0ea";
657
+ }
658
+ .ot-icon-lightbulb-o:before {
659
+ content: "\f0eb";
660
+ }
661
+ .ot-icon-exchange:before {
662
+ content: "\f0ec";
663
+ }
664
+ .ot-icon-cloud-download:before {
665
+ content: "\f0ed";
666
+ }
667
+ .ot-icon-cloud-upload:before {
668
+ content: "\f0ee";
669
+ }
670
+ .ot-icon-user-md:before {
671
+ content: "\f0f0";
672
+ }
673
+ .ot-icon-stethoscope:before {
674
+ content: "\f0f1";
675
+ }
676
+ .ot-icon-suitcase:before {
677
+ content: "\f0f2";
678
+ }
679
+ .ot-icon-bell-o:before {
680
+ content: "\f0f3";
681
+ }
682
+ .ot-icon-coffee:before {
683
+ content: "\f0f4";
684
+ }
685
+ .ot-icon-cutlery:before {
686
+ content: "\f0f5";
687
+ }
688
+ .ot-icon-file-text-o:before {
689
+ content: "\f0f6";
690
+ }
691
+ .ot-icon-building-o:before {
692
+ content: "\f0f7";
693
+ }
694
+ .ot-icon-hospital-o:before {
695
+ content: "\f0f8";
696
+ }
697
+ .ot-icon-ambulance:before {
698
+ content: "\f0f9";
699
+ }
700
+ .ot-icon-medkit:before {
701
+ content: "\f0fa";
702
+ }
703
+ .ot-icon-fighter-jet:before {
704
+ content: "\f0fb";
705
+ }
706
+ .ot-icon-beer:before {
707
+ content: "\f0fc";
708
+ }
709
+ .ot-icon-h-square:before {
710
+ content: "\f0fd";
711
+ }
712
+ .ot-icon-plus-square:before {
713
+ content: "\f0fe";
714
+ }
715
+ .ot-icon-angle-double-left:before {
716
+ content: "\f100";
717
+ }
718
+ .ot-icon-angle-double-right:before {
719
+ content: "\f101";
720
+ }
721
+ .ot-icon-angle-double-up:before {
722
+ content: "\f102";
723
+ }
724
+ .ot-icon-angle-double-down:before {
725
+ content: "\f103";
726
+ }
727
+ .ot-icon-angle-left:before {
728
+ content: "\f104";
729
+ }
730
+ .ot-icon-angle-right:before {
731
+ content: "\f105";
732
+ }
733
+ .ot-icon-angle-up:before {
734
+ content: "\f106";
735
+ }
736
+ .ot-icon-angle-down:before {
737
+ content: "\f107";
738
+ }
739
+ .ot-icon-desktop:before {
740
+ content: "\f108";
741
+ }
742
+ .ot-icon-laptop:before {
743
+ content: "\f109";
744
+ }
745
+ .ot-icon-tablet:before {
746
+ content: "\f10a";
747
+ }
748
+ .ot-icon-mobile-phone:before {
749
+ content: "\f10b";
750
+ }
751
+ .ot-icon-circle-o:before {
752
+ content: "\f10c";
753
+ }
754
+ .ot-icon-quote-left:before {
755
+ content: "\f10d";
756
+ }
757
+ .ot-icon-quote-right:before {
758
+ content: "\f10e";
759
+ }
760
+ .ot-icon-spinner:before {
761
+ content: "\f110";
762
+ }
763
+ .ot-icon-circle:before {
764
+ content: "\f111";
765
+ }
766
+ .ot-icon-mail-reply:before {
767
+ content: "\f112";
768
+ }
769
+ .ot-icon-github-alt:before {
770
+ content: "\f113";
771
+ }
772
+ .ot-icon-folder-o:before {
773
+ content: "\f114";
774
+ }
775
+ .ot-icon-folder-open-o:before {
776
+ content: "\f115";
777
+ }
778
+ .ot-icon-smile-o:before {
779
+ content: "\f118";
780
+ }
781
+ .ot-icon-frown-o:before {
782
+ content: "\f119";
783
+ }
784
+ .ot-icon-meh-o:before {
785
+ content: "\f11a";
786
+ }
787
+ .ot-icon-gamepad:before {
788
+ content: "\f11b";
789
+ }
790
+ .ot-icon-keyboard-o:before {
791
+ content: "\f11c";
792
+ }
793
+ .ot-icon-flag-o:before {
794
+ content: "\f11d";
795
+ }
796
+ .ot-icon-flag-checkered:before {
797
+ content: "\f11e";
798
+ }
799
+ .ot-icon-terminal:before {
800
+ content: "\f120";
801
+ }
802
+ .ot-icon-code:before {
803
+ content: "\f121";
804
+ }
805
+ .ot-icon-reply-all:before {
806
+ content: "\f122";
807
+ }
808
+ .ot-icon-star-half-empty:before {
809
+ content: "\f123";
810
+ }
811
+ .ot-icon-location-arrow:before {
812
+ content: "\f124";
813
+ }
814
+ .ot-icon-crop:before {
815
+ content: "\f125";
816
+ }
817
+ .ot-icon-code-fork:before {
818
+ content: "\f126";
819
+ }
820
+ .ot-icon-unlink:before {
821
+ content: "\f127";
822
+ }
823
+ .ot-icon-question:before {
824
+ content: "\f128";
825
+ }
826
+ .ot-icon-info:before {
827
+ content: "\f129";
828
+ }
829
+ .ot-icon-exclamation:before {
830
+ content: "\f12a";
831
+ }
832
+ .ot-icon-superscript:before {
833
+ content: "\f12b";
834
+ }
835
+ .ot-icon-subscript:before {
836
+ content: "\f12c";
837
+ }
838
+ .ot-icon-eraser:before {
839
+ content: "\f12d";
840
+ }
841
+ .ot-icon-puzzle-piece:before {
842
+ content: "\f12e";
843
+ }
844
+ .ot-icon-microphone:before {
845
+ content: "\f130";
846
+ }
847
+ .ot-icon-microphone-slash:before {
848
+ content: "\f131";
849
+ }
850
+ .ot-icon-shield:before {
851
+ content: "\f132";
852
+ }
853
+ .ot-icon-calendar-o:before {
854
+ content: "\f133";
855
+ }
856
+ .ot-icon-fire-extinguisher:before {
857
+ content: "\f134";
858
+ }
859
+ .ot-icon-rocket:before {
860
+ content: "\f135";
861
+ }
862
+ .ot-icon-maxcdn:before {
863
+ content: "\f136";
864
+ }
865
+ .ot-icon-chevron-circle-left:before {
866
+ content: "\f137";
867
+ }
868
+ .ot-icon-chevron-circle-right:before {
869
+ content: "\f138";
870
+ }
871
+ .ot-icon-chevron-circle-up:before {
872
+ content: "\f139";
873
+ }
874
+ .ot-icon-chevron-circle-down:before {
875
+ content: "\f13a";
876
+ }
877
+ .ot-icon-html5:before {
878
+ content: "\f13b";
879
+ }
880
+ .ot-icon-css3:before {
881
+ content: "\f13c";
882
+ }
883
+ .ot-icon-anchor:before {
884
+ content: "\f13d";
885
+ }
886
+ .ot-icon-unlock-alt:before {
887
+ content: "\f13e";
888
+ }
889
+ .ot-icon-bullseye:before {
890
+ content: "\f140";
891
+ }
892
+ .ot-icon-ellipsis-h:before {
893
+ content: "\f141";
894
+ }
895
+ .ot-icon-ellipsis-v:before {
896
+ content: "\f142";
897
+ }
898
+ .ot-icon-rss-square:before {
899
+ content: "\f143";
900
+ }
901
+ .ot-icon-play-circle:before {
902
+ content: "\f144";
903
+ }
904
+ .ot-icon-ticket:before {
905
+ content: "\f145";
906
+ }
907
+ .ot-icon-minus-square:before {
908
+ content: "\f146";
909
+ }
910
+ .ot-icon-minus-square-o:before {
911
+ content: "\f147";
912
+ }
913
+ .ot-icon-level-up:before {
914
+ content: "\f148";
915
+ }
916
+ .ot-icon-level-down:before {
917
+ content: "\f149";
918
+ }
919
+ .ot-icon-check-square:before {
920
+ content: "\f14a";
921
+ }
922
+ .ot-icon-pencil-square:before {
923
+ content: "\f14b";
924
+ }
925
+ .ot-icon-external-link-square:before {
926
+ content: "\f14c";
927
+ }
928
+ .ot-icon-share-square:before {
929
+ content: "\f14d";
930
+ }
931
+ .ot-icon-compass:before {
932
+ content: "\f14e";
933
+ }
934
+ .ot-icon-toggle-down:before {
935
+ content: "\f150";
936
+ }
937
+ .ot-icon-toggle-up:before {
938
+ content: "\f151";
939
+ }
940
+ .ot-icon-toggle-right:before {
941
+ content: "\f152";
942
+ }
943
+ .ot-icon-euro:before {
944
+ content: "\f153";
945
+ }
946
+ .ot-icon-gbp:before {
947
+ content: "\f154";
948
+ }
949
+ .ot-icon-dollar:before {
950
+ content: "\f155";
951
+ }
952
+ .ot-icon-rupee:before {
953
+ content: "\f156";
954
+ }
955
+ .ot-icon-cny:before {
956
+ content: "\f157";
957
+ }
958
+ .ot-icon-ruble:before {
959
+ content: "\f158";
960
+ }
961
+ .ot-icon-won:before {
962
+ content: "\f159";
963
+ }
964
+ .ot-icon-bitcoin:before {
965
+ content: "\f15a";
966
+ }
967
+ .ot-icon-file:before {
968
+ content: "\f15b";
969
+ }
970
+ .ot-icon-file-text:before {
971
+ content: "\f15c";
972
+ }
973
+ .ot-icon-sort-alpha-asc:before {
974
+ content: "\f15d";
975
+ }
976
+ .ot-icon-sort-alpha-desc:before {
977
+ content: "\f15e";
978
+ }
979
+ .ot-icon-sort-amount-asc:before {
980
+ content: "\f160";
981
+ }
982
+ .ot-icon-sort-amount-desc:before {
983
+ content: "\f161";
984
+ }
985
+ .ot-icon-sort-numeric-asc:before {
986
+ content: "\f162";
987
+ }
988
+ .ot-icon-sort-numeric-desc:before {
989
+ content: "\f163";
990
+ }
991
+ .ot-icon-thumbs-up:before {
992
+ content: "\f164";
993
+ }
994
+ .ot-icon-thumbs-down:before {
995
+ content: "\f165";
996
+ }
997
+ .ot-icon-youtube-square:before {
998
+ content: "\f166";
999
+ }
1000
+ .ot-icon-youtube:before {
1001
+ content: "\f167";
1002
+ }
1003
+ .ot-icon-xing:before {
1004
+ content: "\f168";
1005
+ }
1006
+ .ot-icon-xing-square:before {
1007
+ content: "\f169";
1008
+ }
1009
+ .ot-icon-youtube-play:before {
1010
+ content: "\f16a";
1011
+ }
1012
+ .ot-icon-dropbox:before {
1013
+ content: "\f16b";
1014
+ }
1015
+ .ot-icon-stack-overflow:before {
1016
+ content: "\f16c";
1017
+ }
1018
+ .ot-icon-instagram:before {
1019
+ content: "\f16d";
1020
+ }
1021
+ .ot-icon-flickr:before {
1022
+ content: "\f16e";
1023
+ }
1024
+ .ot-icon-adn:before {
1025
+ content: "\f170";
1026
+ }
1027
+ .ot-icon-bitbucket:before {
1028
+ content: "\f171";
1029
+ }
1030
+ .ot-icon-bitbucket-square:before {
1031
+ content: "\f172";
1032
+ }
1033
+ .ot-icon-tumblr:before {
1034
+ content: "\f173";
1035
+ }
1036
+ .ot-icon-tumblr-square:before {
1037
+ content: "\f174";
1038
+ }
1039
+ .ot-icon-long-arrow-down:before {
1040
+ content: "\f175";
1041
+ }
1042
+ .ot-icon-long-arrow-up:before {
1043
+ content: "\f176";
1044
+ }
1045
+ .ot-icon-long-arrow-left:before {
1046
+ content: "\f177";
1047
+ }
1048
+ .ot-icon-long-arrow-right:before {
1049
+ content: "\f178";
1050
+ }
1051
+ .ot-icon-apple:before {
1052
+ content: "\f179";
1053
+ }
1054
+ .ot-icon-windows:before {
1055
+ content: "\f17a";
1056
+ }
1057
+ .ot-icon-android:before {
1058
+ content: "\f17b";
1059
+ }
1060
+ .ot-icon-linux:before {
1061
+ content: "\f17c";
1062
+ }
1063
+ .ot-icon-dribbble:before {
1064
+ content: "\f17d";
1065
+ }
1066
+ .ot-icon-skype:before {
1067
+ content: "\f17e";
1068
+ }
1069
+ .ot-icon-foursquare:before {
1070
+ content: "\f180";
1071
+ }
1072
+ .ot-icon-trello:before {
1073
+ content: "\f181";
1074
+ }
1075
+ .ot-icon-female:before {
1076
+ content: "\f182";
1077
+ }
1078
+ .ot-icon-male:before {
1079
+ content: "\f183";
1080
+ }
1081
+ .ot-icon-gittip:before {
1082
+ content: "\f184";
1083
+ }
1084
+ .ot-icon-sun-o:before {
1085
+ content: "\f185";
1086
+ }
1087
+ .ot-icon-moon-o:before {
1088
+ content: "\f186";
1089
+ }
1090
+ .ot-icon-archive:before {
1091
+ content: "\f187";
1092
+ }
1093
+ .ot-icon-bug:before {
1094
+ content: "\f188";
1095
+ }
1096
+ .ot-icon-vk:before {
1097
+ content: "\f189";
1098
+ }
1099
+ .ot-icon-weibo:before {
1100
+ content: "\f18a";
1101
+ }
1102
+ .ot-icon-renren:before {
1103
+ content: "\f18b";
1104
+ }
1105
+ .ot-icon-pagelines:before {
1106
+ content: "\f18c";
1107
+ }
1108
+ .ot-icon-stack-exchange:before {
1109
+ content: "\f18d";
1110
+ }
1111
+ .ot-icon-arrow-circle-o-right:before {
1112
+ content: "\f18e";
1113
+ }
1114
+ .ot-icon-arrow-circle-o-left:before {
1115
+ content: "\f190";
1116
+ }
1117
+ .ot-icon-toggle-left:before {
1118
+ content: "\f191";
1119
+ }
1120
+ .ot-icon-dot-circle-o:before {
1121
+ content: "\f192";
1122
+ }
1123
+ .ot-icon-wheelchair:before {
1124
+ content: "\f193";
1125
+ }
1126
+ .ot-icon-vimeo-square:before {
1127
+ content: "\f194";
1128
+ }
1129
+ .ot-icon-turkish-lira:before {
1130
+ content: "\f195";
1131
+ }
1132
+ .ot-icon-plus-square-o:before {
1133
+ content: "\f196";
1134
+ }
1135
+
1136
+ /* --------------------------------------------------
1137
+ :: Screen Meta & Menu Icon
1138
+ ---------------------------------------------------*/
1139
+ .appearance_page_ot-theme-options #screen-meta {
1140
+ margin-right: 20px;
1141
+ margin-left: 2px;
1142
+ min-width: 533px;
1143
+ }
1144
+
1145
+ /* --------------------------------------------------
1146
+ :: Messages
1147
+ ---------------------------------------------------*/
1148
+ .wrap.settings-wrap div.error,
1149
+ .wrap.settings-wrap div.updated {
1150
+ margin: 9px 5px 0px 2px !important;
1151
+ }
1152
+
1153
+ /* --------------------------------------------------
1154
+ :: OptionTree Wrappers
1155
+ ---------------------------------------------------*/
1156
+ #option-tree-settings-api .metabox-holder {
1157
+ overflow: hidden;
1158
+ }
1159
+ #option-tree-settings-api .postbox {
1160
+ background: #fff;
1161
+ border: none;
1162
+ margin: 0 20px;
1163
+ }
1164
+ #option-tree-settings-api .inside {
1165
+ margin: 0px !important;
1166
+ padding: 0px !important;
1167
+ }
1168
+ #option-tree-settings-api > .ui-tabs {
1169
+ background: #fff;
1170
+ border: 1px solid #ccc;
1171
+ border-top: none;
1172
+ margin: 0px 5px 0 2px;
1173
+ min-width: 533px;
1174
+ padding-bottom: 5px;
1175
+ position: relative;
1176
+ -webkit-box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
1177
+ -moz-box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
1178
+ box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
1179
+ -webkit-border-radius: 0 0 2px 2px;
1180
+ -moz-border-radius: 0 0 2px 2px;
1181
+ border-radius: 0 0 2px 2px;
1182
+ }
1183
+
1184
+ /* --------------------------------------------------
1185
+ :: Header
1186
+ ---------------------------------------------------*/
1187
+ #option-tree-header-wrap {
1188
+ position: relative;
1189
+ }
1190
+ #option-tree-header {
1191
+ background: #333;
1192
+ color: #bbb;
1193
+ display: block;
1194
+ margin: 11px 5px 0 2px;
1195
+ min-width: 535px;
1196
+ overflow: hidden;
1197
+ position: relative;
1198
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
1199
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
1200
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05);
1201
+ -webkit-border-radius: 2px 2px 0 0;
1202
+ -moz-border-radius: 2px 2px 0 0;
1203
+ border-radius: 2px 2px 0 0;
1204
+ }
1205
+ #option-tree-header li {
1206
+ display: block;
1207
+ float: left;
1208
+ margin: 0px;
1209
+ padding: 0px;
1210
+ }
1211
+ #option-tree-header li a {
1212
+ color: #999;
1213
+ text-decoration: none;
1214
+ -webkit-transition: none;
1215
+ -moz-transition: none;
1216
+ transition: none;
1217
+ }
1218
+ #option-tree-header li a:hover {
1219
+ color: #0074a2;
1220
+ }
1221
+ #option-tree-header #option-tree-logo a {
1222
+ border-right: 1px solid #000;
1223
+ float: left;
1224
+ height: 24px;
1225
+ padding: 3px 12px 3px 13px;
1226
+ width: 20px;
1227
+ }
1228
+ #option-tree-header li#option-tree-logo:hover {
1229
+ background-color: #222;
1230
+ color: #0074a2;
1231
+ -webkit-border-top-left-radius: 2px;
1232
+ -moz-border-radius-topleft: 2px;
1233
+ border-top-left-radius: 2px;
1234
+ }
1235
+ #option-tree-header li#option-tree-logo:hover a {
1236
+ border-right-color: #000;
1237
+ }
1238
+ #option-tree-header #option-tree-version span,
1239
+ #option-tree-header #theme-version span {
1240
+ border-left: 1px solid #444;
1241
+ display: block;
1242
+ float: left;
1243
+ height: 24px;
1244
+ line-height: 24px;
1245
+ padding: 3px 12px 3px 12px;
1246
+ }
1247
+ #option-tree-header #theme-version:before {
1248
+ border-right: 1px solid #000;
1249
+ content: "";
1250
+ display: block;
1251
+ float: left;
1252
+ height: 30px;
1253
+ }
1254
+ /* light */
1255
+ .admin-color-light #option-tree-header {
1256
+ background: #888;
1257
+ color: #fff;
1258
+ }
1259
+ .admin-color-light #option-tree-header li a {
1260
+ color: #ccc;
1261
+ }
1262
+ .admin-color-light #option-tree-header li a:hover {
1263
+ color: #eee;
1264
+ }
1265
+ .admin-color-light #option-tree-header #option-tree-logo a,
1266
+ .admin-color-light #option-tree-header #theme-version:before {
1267
+ border-right-color: #3c3c3c;
1268
+ }
1269
+ .admin-color-light #option-tree-header li#option-tree-logo:hover {
1270
+ background-color: #777;
1271
+ }
1272
+ .admin-color-light #option-tree-header li#option-tree-logo:hover a {
1273
+ border-right-color: #3c3c3c;
1274
+ }
1275
+ .admin-color-light #option-tree-header #option-tree-version span,
1276
+ .admin-color-light #option-tree-header #theme-version span {
1277
+ border-left-color: #999;
1278
+ }
1279
+ /* blue */
1280
+ .admin-color-blue #option-tree-header {
1281
+ background: #52accc;
1282
+ color: #fff;
1283
+ }
1284
+ .admin-color-blue #option-tree-header li a {
1285
+ color: #e2f8ff;
1286
+ }
1287
+ .admin-color-blue #option-tree-header li a:hover {
1288
+ color: #fff;
1289
+ }
1290
+ .admin-color-blue #option-tree-header #option-tree-logo a,
1291
+ .admin-color-blue #option-tree-header #theme-version:before {
1292
+ border-right-color: #002b39;
1293
+ }
1294
+ .admin-color-blue #option-tree-header li#option-tree-logo:hover {
1295
+ background-color: #006484;
1296
+ }
1297
+ .admin-color-blue #option-tree-header li#option-tree-logo:hover a {
1298
+ border-right-color: #002b39;
1299
+ }
1300
+ .admin-color-blue #option-tree-header #option-tree-version span,
1301
+ .admin-color-blue #option-tree-header #theme-version span {
1302
+ border-left-color: #5dc2e6;
1303
+ }
1304
+ /* coffee */
1305
+ .admin-color-coffee #option-tree-header {
1306
+ background: #59524c;
1307
+ color: #c7cbc9;
1308
+ }
1309
+ .admin-color-coffee #option-tree-header li a {
1310
+ color: #f3f2f1;
1311
+ }
1312
+ .admin-color-coffee #option-tree-header li a:hover {
1313
+ color: #fff;
1314
+ }
1315
+ .admin-color-coffee #option-tree-header #option-tree-logo a,
1316
+ .admin-color-coffee #option-tree-header #theme-version:before {
1317
+ border-right-color: #0f0e0d;
1318
+ }
1319
+ .admin-color-coffee #option-tree-header li#option-tree-logo:hover {
1320
+ background-color: #cca588;
1321
+ }
1322
+ .admin-color-coffee #option-tree-header li#option-tree-logo:hover a {
1323
+ border-right-color: #0f0e0d;
1324
+ }
1325
+ .admin-color-coffee #option-tree-header #option-tree-version span,
1326
+ .admin-color-coffee #option-tree-header #theme-version span {
1327
+ border-left-color: #675f58;
1328
+ }
1329
+ /* ectoplasm */
1330
+ .admin-color-ectoplasm #option-tree-header {
1331
+ background: #523f6d;
1332
+ color: #c6c6d3;
1333
+ }
1334
+ .admin-color-ectoplasm #option-tree-header li a {
1335
+ color: #f3f2f1;
1336
+ }
1337
+ .admin-color-ectoplasm #option-tree-header li a:hover {
1338
+ color: #fff;
1339
+ }
1340
+ .admin-color-ectoplasm #option-tree-header #option-tree-logo a,
1341
+ .admin-color-ectoplasm #option-tree-header #theme-version:before {
1342
+ border-right-color: #181220;
1343
+ }
1344
+ .admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover {
1345
+ background-color: #a3b542;
1346
+ }
1347
+ .admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover a {
1348
+ border-right-color: #181220;
1349
+ }
1350
+ .admin-color-ectoplasm #option-tree-header #option-tree-version span,
1351
+ .admin-color-ectoplasm #option-tree-header #theme-version span {
1352
+ border-left-color: #644d85;
1353
+ }
1354
+ /* midnight */
1355
+ .admin-color-midnight #option-tree-header {
1356
+ background: #363b3f;
1357
+ color: #f1f2f3;
1358
+ }
1359
+ .admin-color-midnight #option-tree-header li a {
1360
+ color: #f1f2f3;
1361
+ }
1362
+ .admin-color-midnight #option-tree-header li a:hover {
1363
+ color: #fff;
1364
+ }
1365
+ .admin-color-midnight #option-tree-header #option-tree-logo a,
1366
+ .admin-color-midnight #option-tree-header #theme-version:before {
1367
+ border-right-color: #090a0b;
1368
+ }
1369
+ .admin-color-midnight #option-tree-header li#option-tree-logo:hover {
1370
+ background-color: #ed543f;
1371
+ }
1372
+ .admin-color-midnight #option-tree-header li#option-tree-logo:hover a {
1373
+ border-right-color: #090a0b;
1374
+ }
1375
+ .admin-color-midnight #option-tree-header #option-tree-version span,
1376
+ .admin-color-midnight #option-tree-header #theme-version span {
1377
+ border-left-color: #4c5359;
1378
+ }
1379
+ /* ocean */
1380
+ .admin-color-ocean #option-tree-header {
1381
+ background: #738e96;
1382
+ color: #f1fcff;
1383
+ }
1384
+ .admin-color-ocean #option-tree-header li a {
1385
+ color: #f1fcff;
1386
+ }
1387
+ .admin-color-ocean #option-tree-header li a:hover {
1388
+ color: #fff;
1389
+ }
1390
+ .admin-color-ocean #option-tree-header #option-tree-logo a,
1391
+ .admin-color-ocean #option-tree-header #theme-version:before {
1392
+ border-right-color: #39464a;
1393
+ }
1394
+ .admin-color-ocean #option-tree-header li#option-tree-logo:hover {
1395
+ background-color: #9ab8a0;
1396
+ }
1397
+ .admin-color-ocean #option-tree-header li#option-tree-logo:hover a {
1398
+ border-right-color: #39464a;
1399
+ }
1400
+ .admin-color-ocean #option-tree-header #option-tree-version span,
1401
+ .admin-color-ocean #option-tree-header #theme-version span {
1402
+ border-left-color: #87a6af;
1403
+ }
1404
+ /* sunrise */
1405
+ .admin-color-sunrise #option-tree-header {
1406
+ background: #da4f41;
1407
+ color: #fff;
1408
+ }
1409
+ .admin-color-sunrise #option-tree-header li a {
1410
+ color: #f3f1f1;
1411
+ }
1412
+ .admin-color-sunrise #option-tree-header li a:hover {
1413
+ color: #fff;
1414
+ }
1415
+ .admin-color-sunrise #option-tree-header #option-tree-logo a,
1416
+ .admin-color-sunrise #option-tree-header #theme-version:before {
1417
+ border-right-color: #8a322a;
1418
+ }
1419
+ .admin-color-sunrise #option-tree-header li#option-tree-logo:hover {
1420
+ background-color: #e88436;
1421
+ }
1422
+ .admin-color-sunrise #option-tree-header li#option-tree-logo:hover a {
1423
+ border-right-color: #8a322a;
1424
+ }
1425
+ .admin-color-sunrise #option-tree-header #option-tree-version span,
1426
+ .admin-color-sunrise #option-tree-header #theme-version span {
1427
+ border-left-color: #e75546;
1428
+ }
1429
+
1430
+ /* --------------------------------------------------
1431
+ :: Sub Header
1432
+ ---------------------------------------------------*/
1433
+ #option-tree-sub-header {
1434
+ background: #fafafa;
1435
+ border: 1px solid #ccc;
1436
+ border-top: none;
1437
+ display: block;
1438
+ margin: 0 5px 0 2px;
1439
+ min-width: 523px;
1440
+ overflow: hidden;
1441
+ padding: 5px;
1442
+ position: relative;
1443
+ -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05);
1444
+ -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05);
1445
+ box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05);
1446
+ }
1447
+
1448
+ /* --------------------------------------------------
1449
+ :: Tabs
1450
+ ---------------------------------------------------*/
1451
+ .wrap.settings-wrap .ui-tabs-nav {
1452
+ float: left;
1453
+ list-style: none;
1454
+ margin: 0 0 0 -4px;
1455
+ padding: 1em 0;
1456
+ width: 151px;
1457
+ }
1458
+ .wrap.settings-wrap .ui-tabs-nav li {
1459
+ border: 1px solid transparent;
1460
+ border-right-width: 0px;
1461
+ display: block; margin: 0;
1462
+ -webkit-border-radius: 2px 0 0 2px;
1463
+ -moz-border-radius: 2px 0 0 2px;
1464
+ border-radius: 2px 0 0 2px;
1465
+ }
1466
+ .wrap.settings-wrap .ui-tabs-nav li.ui-state-active {
1467
+ background: #fff;
1468
+ border-color: #ccc;
1469
+ color: #000;
1470
+ }
1471
+ .wrap.settings-wrap .ui-tabs-nav li a {
1472
+ color: #21759b;
1473
+ display: block;
1474
+ line-height: 18px;
1475
+ padding: 5px 5px 5px 12px;
1476
+ text-decoration: none;
1477
+ }
1478
+ .wrap.settings-wrap .ui-tabs-nav li a:hover,
1479
+ .wrap.settings-wrap .ui-tabs-nav li.ui-state-active a {
1480
+ color: #000;
1481
+ outline: none;
1482
+ }
1483
+ .wrap.settings-wrap .ui-tabs-panel {
1484
+ clear: both;
1485
+ }
1486
+
1487
+ /* --------------------------------------------------
1488
+ :: Format Settings
1489
+ ---------------------------------------------------*/
1490
+ .format-settings {
1491
+ position: relative;
1492
+ width: 100%;
1493
+ }
1494
+ .format-setting-wrap,
1495
+ .option-tree-sortable .format-settings {
1496
+ padding: 10px 0 20px 0;
1497
+ }
1498
+
1499
+ /* --------------------------------------------------
1500
+ :: Format Setting Label
1501
+ ---------------------------------------------------*/
1502
+ .format-setting-label {
1503
+ border-bottom: 1px dashed #ccc;
1504
+ margin: 0 0 20px 0;
1505
+ padding: 5px 0px 1px 0px;
1506
+ width: 100%;
1507
+ }
1508
+ #option-tree-settings-api .description h3,
1509
+ #option-tree-settings-api .format-setting-label .label,
1510
+ #poststuff .format-setting-label .label {
1511
+ background: none;
1512
+ border: none;
1513
+ color: #222;
1514
+ cursor: text;
1515
+ display: block;
1516
+ font-size: 1.3em;
1517
+ font-weight: 500;
1518
+ line-height: 1.6em;
1519
+ letter-spacing: 0;
1520
+ padding: 0 0 9px 0;
1521
+ -webkit-user-select: text;
1522
+ text-shadow: none;
1523
+ }
1524
+
1525
+ /* --------------------------------------------------
1526
+ :: Format Setting
1527
+ ---------------------------------------------------*/
1528
+ .format-setting {
1529
+ overflow: hidden;
1530
+ position: relative;
1531
+ width: 100%;
1532
+ }
1533
+ .format-setting .format-setting-inner {
1534
+ float: left;
1535
+ position: relative;
1536
+ width: 63%;
1537
+ }
1538
+ .format-setting.no-desc > .format-setting-inner,
1539
+ .format-setting.wide-desc .format-setting-inner {
1540
+ width: 100%;
1541
+ }
1542
+ .format-setting .description {
1543
+ float: right;
1544
+ padding: 5px 0;
1545
+ width: 35%;
1546
+ }
1547
+ .format-setting.no-desc > .description,
1548
+ .format-setting.wide-desc .description {
1549
+ float: none;
1550
+ width: 100%;
1551
+ }
1552
+ .list-item-description {
1553
+ padding-top: 10px;
1554
+ }
1555
+ #option-tree-settings-api h4 {
1556
+ color: #333;
1557
+ font-size: 1.2em;
1558
+ font-weight: 500;
1559
+ line-height: 1.5em;
1560
+ margin: 1em 0 0.5em 0;
1561
+ padding: 0;
1562
+ }
1563
+ #option-tree-settings-api h5 {
1564
+ color: #444;
1565
+ font-size: 1em;
1566
+ font-weight: 700;
1567
+ line-height: 1.2em;
1568
+ margin: 1em 0 0.5em 0;
1569
+ padding: 0;
1570
+ }
1571
+ #option-tree-settings-api p {
1572
+ margin: 0 0 1.5em 0 !important;
1573
+ }
1574
+ #post .format-setting-inner p {
1575
+ float: left;
1576
+ width: 100%;
1577
+ margin: 0 0 1.05em 0 !important;
1578
+ }
1579
+ .aside {
1580
+ border-bottom: 1px solid #eee;
1581
+ padding-bottom: 15px;
1582
+ margin-bottom: 15px;
1583
+ }
1584
+ .deprecated {
1585
+ border-bottom: 1px solid #eee;
1586
+ color: #b94029;
1587
+ padding-bottom: 15px;
1588
+ margin-bottom: 15px;
1589
+ }
1590
+ .warning {
1591
+ color: #b94029;
1592
+ }
1593
+ .docs-ul {
1594
+ line-height: 1.3em;
1595
+ margin: 0;
1596
+ padding: 0 0 1em 0;
1597
+ }
1598
+ .docs-ul li {
1599
+ list-style-type: square;
1600
+ margin-left: 20px;
1601
+ }
1602
+ #contextual-help-setting {
1603
+ float: left;
1604
+ padding: 10px 0 5px 0;
1605
+ width: 100%;
1606
+ }
1607
+ #contextual-help-label {
1608
+ float: left;
1609
+ padding-top: 20px;
1610
+ width: 100%;
1611
+ }
1612
+ #option_tree_settings_help {
1613
+ float: left;
1614
+ width: 100%;
1615
+ }
1616
+ #option-tree-settings-api blockquote {
1617
+ font-style: italic;
1618
+ padding-left: 15px;
1619
+ position: relative;
1620
+ }
1621
+ #option-tree-settings-api blockquote:before {
1622
+ color: #ccc;
1623
+ content: "\201C";
1624
+ display: block;
1625
+ font-size: 400%;
1626
+ font-style: normal;
1627
+ left: -10px;
1628
+ position: absolute;
1629
+ top: 10px;
1630
+ }
1631
+ @media only screen and (max-width: 1020px) {
1632
+ .format-setting .description,
1633
+ .format-setting .format-setting-inner {
1634
+ width: 100%;
1635
+ }
1636
+ .format-setting .description {
1637
+ padding-top: 0px;
1638
+ padding-bottom: 20px;
1639
+ }
1640
+ }
1641
+ .ot-background-group {
1642
+ overflow: hidden;
1643
+ width: auto;
1644
+ }
1645
+ .ot-background-size-input {
1646
+ max-width: 110px;
1647
+ }
1648
+ .option-tree-setting-edit,
1649
+ .option-tree-setting-remove {
1650
+ text-indent: -9999px;
1651
+ }
1652
+
1653
+ /* --------------------------------------------------
1654
+ :: Code formatting
1655
+ ---------------------------------------------------*/
1656
+ #option-tree-settings-api code,
1657
+ .ot-metabox-wrapper code {
1658
+ background-color: #f1f1f1;
1659
+ color: #333;
1660
+ font-size: 12px;
1661
+ }
1662
+ #option-tree-settings-api pre {
1663
+ font-size: 13px;
1664
+ padding: 0;
1665
+ margin: 1.5em 0;
1666
+ line-height: 18px;
1667
+ overflow: auto;
1668
+ overflow-Y: hidden;
1669
+ padding-top: 18px;
1670
+ background: #f1f1f1;
1671
+ border-bottom: 1px solid #f1f1f1;
1672
+ margin-bottom: 20px;
1673
+ color: #000;
1674
+ white-space: pre-wrap;
1675
+ word-wrap: break-word;
1676
+ }
1677
+ #option-tree-settings-api pre code {
1678
+ padding: 0 18px 18px 18px;
1679
+ display: block;
1680
+ background: url(../images/ot-pre-bg.gif) repeat left top;
1681
+ }
1682
+
1683
+ /* --------------------------------------------------
1684
+ :: Input & Upload
1685
+ ---------------------------------------------------*/
1686
+ input.option-tree-ui-upload-input,
1687
+ input.option-tree-ui-input {
1688
+ background: #fff;
1689
+ border: 1px solid #ccc !important;
1690
+ line-height: 17px;
1691
+ font-size: 12px;
1692
+ margin-bottom: 5px !important;
1693
+ padding: 7px 6px;
1694
+ position: relative;
1695
+ width: 100% !important;
1696
+ -webkit-border-radius: 2px;
1697
+ -moz-border-radius: 2px;
1698
+ border-radius: 2px;
1699
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
1700
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
1701
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
1702
+ }
1703
+ input:hover.option-tree-ui-upload-input,
1704
+ input:hover.option-tree-ui-input {
1705
+ border-color: #bbb !important;
1706
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1707
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1708
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1709
+ }
1710
+ input:focus.option-tree-ui-upload-input,
1711
+ input:focus.option-tree-ui-input {
1712
+ border-color: #999 !important;
1713
+ }
1714
+
1715
+ @media screen and (-webkit-min-device-pixel-ratio:0) {
1716
+ .option-tree-ui-input,
1717
+ .option-tree-ui-upload-input {
1718
+ padding: 5px 6px !important;
1719
+ }
1720
+ }
1721
+
1722
+ /* --------------------------------------------------
1723
+ :: Upload
1724
+ ---------------------------------------------------*/
1725
+ div.option-tree-ui-media-wrap {
1726
+ margin: 0 55px 0 0;
1727
+ min-height: 35px;
1728
+ position: relative;
1729
+ }
1730
+ .option-tree-ui-media-wrap img {
1731
+ background: #fafafa;
1732
+ border: 1px solid #ccc;
1733
+ padding: 4px;
1734
+ display: block;
1735
+ float: left;
1736
+ max-width: 100%;
1737
+ height: auto;
1738
+ -ms-interpolation-mode: bicubic;
1739
+ -webkit-border-radius: 2px;
1740
+ -moz-border-radius: 2px;
1741
+ border-radius: 2px;
1742
+ }
1743
+ .option-tree-ui-upload-parent {
1744
+ width: auto !important;
1745
+ margin-right: 45px;
1746
+ padding: 0px;
1747
+ position: relative;
1748
+ }
1749
+ .ot_upload_media {
1750
+ top: 0px;
1751
+ margin: 0px !important;
1752
+ position: absolute;
1753
+ right: -45px;
1754
+ text-indent: -9999px;
1755
+ }
1756
+ .option-tree-ui-media-wrap a.option-tree-ui-remove-media {
1757
+ float: none !important;
1758
+ margin: 0px !important;
1759
+ position: absolute !important;
1760
+ right: -55px;
1761
+ text-indent: -9999px;
1762
+ top: 1px;
1763
+ }
1764
+
1765
+ /* --------------------------------------------------
1766
+ :: Textarea
1767
+ ---------------------------------------------------*/
1768
+ .fill-area .description,
1769
+ .fill-area .format-setting-inner {
1770
+ width: 100% !important;
1771
+ }
1772
+ .wp-editor-area {
1773
+ display: block;
1774
+ }
1775
+ .textarea,
1776
+ .ot-metabox-wrapper textarea {
1777
+ width: 99.9%;
1778
+ border: 1px solid #ccc;
1779
+ font-family: Consolas, Monaco, monospace;
1780
+ line-height: 150%;
1781
+ outline: 0;
1782
+ padding: 10px;
1783
+ resize: vertical;
1784
+ }
1785
+ #contextual-help-setting .textarea {
1786
+ width: 99.75%;
1787
+ }
1788
+ .ot-metabox-wrapper .wp-editor-container {
1789
+ border: none;
1790
+ }
1791
+ .textarea:hover,
1792
+ .ot-metabox-wrapper textarea:hover {
1793
+ border-color: #bbb !important;
1794
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1795
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1796
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1797
+ }
1798
+ .textarea:focus,
1799
+ .ot-metabox-wrapper textarea:focus {
1800
+ border-color: #999 !important;
1801
+ }
1802
+
1803
+ @media only screen and (max-width: 1105px) {
1804
+ .type-textarea .description, .type-textarea .format-setting-inner {
1805
+ width: 100%;
1806
+ }
1807
+ }
1808
+
1809
+ /* --------------------------------------------------
1810
+ :: Setting Item with Drag & Drop
1811
+ ---------------------------------------------------*/
1812
+ .option-tree-setting-wrap {
1813
+ margin-top: 0px;
1814
+ }
1815
+ .option-tree-setting-wrap li {
1816
+ margin: 5px 0px;
1817
+ }
1818
+ .option-tree-setting {
1819
+ border: 1px solid #ccc;
1820
+ overflow: hidden;
1821
+ position: relative;
1822
+ -webkit-border-radius: 2px;
1823
+ -moz-border-radius: 2px;
1824
+ border-radius: 2px;
1825
+ }
1826
+ .option-tree-setting:hover {
1827
+ border-color: #999;
1828
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1829
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1830
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1831
+ }
1832
+ .option-tree-setting a {
1833
+ text-decoration: none;
1834
+ }
1835
+ .option-tree-setting .open {
1836
+ background: #fafafa;
1837
+ cursor: move;
1838
+ line-height: 21px;
1839
+ height: 21px;
1840
+ padding: 10px 100px 10px 10px;
1841
+ display: block;
1842
+ }
1843
+ .ui-state-disabled .option-tree-setting .open {
1844
+ cursor: default;
1845
+ }
1846
+ .option-tree-setting .open:hover {
1847
+ background: #fafafa;
1848
+ }
1849
+ .option-tree-setting .open:hover:before {
1850
+ color: #999;
1851
+ content: "\f142";
1852
+ left: 4px;
1853
+ font-family: "option-tree-font";
1854
+ speak: none;
1855
+ font-size: 14px;
1856
+ font-style: normal;
1857
+ font-weight: normal;
1858
+ font-variant: normal;
1859
+ text-transform: none;
1860
+ line-height: 1;
1861
+ position: absolute;
1862
+ top: 14px;
1863
+ -webkit-font-smoothing: antialiased;
1864
+ -moz-osx-font-smoothing: grayscale;
1865
+ }
1866
+ .option-tree-setting.is-section .open:hover:before {
1867
+ color: #000;
1868
+ }
1869
+ .button-section {
1870
+ position: absolute;
1871
+ right: 0px;
1872
+ top: 1px;
1873
+ }
1874
+ .option-tree-setting.is-section {
1875
+ border: 1px solid #000;
1876
+ }
1877
+ .option-tree-setting.is-section .option-tree-setting-body,
1878
+ .option-tree-setting.is-section .option-tree-ui-button {
1879
+ border-right-color: #000 !important;
1880
+ }
1881
+ .option-tree-setting.is-section .open {
1882
+ background: #333;
1883
+ color: #bbb;
1884
+ }
1885
+ .format-setting .ui-sortable-helper .option-tree-setting .open {
1886
+ background: #fff;
1887
+ }
1888
+ .option-tree-setting.is-section .open:hover,
1889
+ .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1890
+ background: #333;
1891
+ }
1892
+ /* light */
1893
+ .admin-color-light .option-tree-setting.is-section,
1894
+ .admin-color-light .option-tree-setting.is-section .option-tree-setting-body,
1895
+ .admin-color-light .option-tree-setting.is-section .option-tree-ui-button {
1896
+ border-color: #3c3c3c !important;
1897
+ }
1898
+ .admin-color-light .option-tree-setting.is-section .open:hover:before {
1899
+ color: #3c3c3c;
1900
+ }
1901
+ .admin-color-light .option-tree-setting.is-section .open {
1902
+ background: #888;
1903
+ color: #fff;
1904
+ }
1905
+ .admin-color-light .option-tree-setting.is-section .open:hover,
1906
+ .admin-color-light .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1907
+ background: #888;
1908
+ }
1909
+ /* blue */
1910
+ .admin-color-blue .option-tree-setting.is-section,
1911
+ .admin-color-blue .option-tree-setting.is-section .option-tree-setting-body,
1912
+ .admin-color-blue .option-tree-setting.is-section .option-tree-ui-button {
1913
+ border-color: #002b39 !important;
1914
+ }
1915
+ .admin-color-blue .option-tree-setting.is-section .open:hover:before {
1916
+ color: #002b39;
1917
+ }
1918
+ .admin-color-blue .option-tree-setting.is-section .open {
1919
+ background: #52accc;
1920
+ color: #fff;
1921
+ }
1922
+ .admin-color-blue .option-tree-setting.is-section .open:hover,
1923
+ .admin-color-blue .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1924
+ background: #52accc;
1925
+ }
1926
+ /* coffee */
1927
+ .admin-color-coffee .option-tree-setting.is-section,
1928
+ .admin-color-coffee .option-tree-setting.is-section .option-tree-setting-body,
1929
+ .admin-color-coffee .option-tree-setting.is-section .option-tree-ui-button {
1930
+ border-color: #0f0e0d !important;
1931
+ }
1932
+ .admin-color-coffee .option-tree-setting.is-section .open:hover:before {
1933
+ color: #0f0e0d;
1934
+ }
1935
+ .admin-color-coffee .option-tree-setting.is-section .open {
1936
+ background: #59524c;
1937
+ color: #c7cbc9;
1938
+ }
1939
+ .admin-color-coffee .option-tree-setting.is-section .open:hover,
1940
+ .admin-color-coffee .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1941
+ background: #59524c;
1942
+ }
1943
+ /* ectoplasm */
1944
+ .admin-color-ectoplasm .option-tree-setting.is-section,
1945
+ .admin-color-ectoplasm .option-tree-setting.is-section .option-tree-setting-body,
1946
+ .admin-color-ectoplasm .option-tree-setting.is-section .option-tree-ui-button {
1947
+ border-color: #181220 !important;
1948
+ }
1949
+ .admin-color-ectoplasm .option-tree-setting.is-section .open:hover:before {
1950
+ color: #181220;
1951
+ }
1952
+ .admin-color-ectoplasm .option-tree-setting.is-section .open {
1953
+ background: #523f6d;
1954
+ color: #c6c6d3;
1955
+ }
1956
+ .admin-color-ectoplasm .option-tree-setting.is-section .open:hover,
1957
+ .admin-color-ectoplasm .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1958
+ background: #523f6d;
1959
+ }
1960
+ /* midnight */
1961
+ .admin-color-midnight .option-tree-setting.is-section,
1962
+ .admin-color-midnight .option-tree-setting.is-section .option-tree-setting-body,
1963
+ .admin-color-midnight .option-tree-setting.is-section .option-tree-ui-button {
1964
+ border-color: #090a0b !important;
1965
+ }
1966
+ .admin-color-midnight .option-tree-setting.is-section .open:hover:before {
1967
+ color: #090a0b;
1968
+ }
1969
+ .admin-color-midnight .option-tree-setting.is-section .open {
1970
+ background: #363b3f;
1971
+ color: #f1f2f3;
1972
+ }
1973
+ .admin-color-midnight .option-tree-setting.is-section .open:hover,
1974
+ .admin-color-midnight .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1975
+ background: #363b3f;
1976
+ }
1977
+ /* ocean */
1978
+ .admin-color-ocean .option-tree-setting.is-section,
1979
+ .admin-color-ocean .option-tree-setting.is-section .option-tree-setting-body,
1980
+ .admin-color-ocean .option-tree-setting.is-section .option-tree-ui-button {
1981
+ border-color: #39464a !important;
1982
+ }
1983
+ .admin-color-ocean .option-tree-setting.is-section .open:hover:before {
1984
+ color: #39464a;
1985
+ }
1986
+ .admin-color-ocean .option-tree-setting.is-section .open {
1987
+ background: #738e96;
1988
+ color: #f1fcff;
1989
+ }
1990
+ .admin-color-ocean .option-tree-setting.is-section .open:hover,
1991
+ .admin-color-ocean .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1992
+ background: #738e96;
1993
+ }
1994
+ /* sunrise */
1995
+ .admin-color-sunrise .option-tree-setting.is-section,
1996
+ .admin-color-sunrise .option-tree-setting.is-section .option-tree-setting-body,
1997
+ .admin-color-sunrise .option-tree-setting.is-section .option-tree-ui-button {
1998
+ border-color: #8a322a !important;
1999
+ }
2000
+ .admin-color-sunrise .option-tree-setting.is-section .open:hover:before {
2001
+ color: #8a322a;
2002
+ }
2003
+ .admin-color-sunrise .option-tree-setting.is-section .open {
2004
+ background: #da4f41;
2005
+ color: #fff;
2006
+ }
2007
+ .admin-color-sunrise .option-tree-setting.is-section .open:hover,
2008
+ .admin-color-sunrise .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
2009
+ background: #da4f41;
2010
+ }
2011
+ .ui-state-highlight {
2012
+ border: 1px dashed #ccc;
2013
+ display: block;
2014
+ -webkit-border-radius: 2px;
2015
+ -moz-border-radius: 2px;
2016
+ border-radius: 2px;
2017
+ }
2018
+ .option-tree-setting-body {
2019
+ background: #fff;
2020
+ border-top: 1px solid #ccc;
2021
+ display: none;
2022
+ padding: 10px;
2023
+ -webkit-border-bottom-right-radius: 2px;
2024
+ -webkit-border-bottom-left-radius: 2px;
2025
+ -moz-border-radius-bottomright: 2px;
2026
+ -moz-border-radius-bottomleft: 2px;
2027
+ border-bottom-right-radius: 2px;
2028
+ border-bottom-left-radius: 2px;
2029
+ }
2030
+ li ul .format-setting-wrap {
2031
+ padding: 0 0 10px 0;
2032
+ }
2033
+ li ul .format-setting-label {
2034
+ border: none;
2035
+ padding: 0px;
2036
+ margin: 0px;
2037
+ }
2038
+
2039
+ /* --------------------------------------------------
2040
+ :: Layouts
2041
+ ---------------------------------------------------*/
2042
+ #option_tree_layouts {
2043
+ display: none;
2044
+ padding-top: 12px;
2045
+ }
2046
+ #option-tree-options-layouts-form {
2047
+ left: 13px;
2048
+ position: absolute;
2049
+ top: 30px;
2050
+ z-index: 10;
2051
+ }
2052
+ .option-tree-save-layout {
2053
+ float: left;
2054
+ padding: 10px 0;
2055
+ }
2056
+ .option-tree-save-layout.active-layout {
2057
+ padding-left: 10px;
2058
+ }
2059
+ .option-tree-save-layout .widefat {
2060
+ float: left;
2061
+ width: 128px !important;
2062
+ margin: 0;
2063
+ }
2064
+ .option-tree-active-layout {
2065
+ border-right: 1px solid #ccc;
2066
+ float: left;
2067
+ padding: 10px 10px 10px 0;
2068
+ min-width: 126px;
2069
+ }
2070
+ .button.save-layout {
2071
+ margin: 0 0 0 10px !important;
2072
+ }
2073
+ .option-tree-layout-activate {
2074
+ text-indent: -9999px;
2075
+ }
2076
+ .option-tree-layout-activate .icon:before {
2077
+ content: "\f096";
2078
+ position: relative;
2079
+ top: 1px;
2080
+ }
2081
+ .option-tree-layout-activate.active .icon:before {
2082
+ content: "\f046";
2083
+ padding-left: 1px;
2084
+ }
2085
+
2086
+ /* --------------------------------------------------
2087
+ :: Select
2088
+ ---------------------------------------------------*/
2089
+ .select-wrapper {
2090
+ background: #fff url(../images/ot-select.png) no-repeat right center;
2091
+ border: 1px solid #ccc;
2092
+ display: block;
2093
+ float: left;
2094
+ font-size: 12px;
2095
+ height: 29px;
2096
+ margin: 0 5px 5px 0;
2097
+ max-width: 100%;
2098
+ width: auto;
2099
+ -webkit-border-radius: 2px;
2100
+ -moz-border-radius: 2px;
2101
+ border-radius: 2px;
2102
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2103
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2104
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2105
+ -webkit-box-sizing: border-box;
2106
+ -moz-box-sizing: border-box;
2107
+ box-sizing: border-box;
2108
+ }
2109
+ .select-wrapper:hover {
2110
+ background-image: url(../images/ot-select-hover.png);
2111
+ border-color: #999;
2112
+ }
2113
+ select.option-tree-ui-select {
2114
+ cursor: pointer;
2115
+ filter: alpha(opacity: 0);
2116
+ font-size: 14px;
2117
+ height: 29px;
2118
+ margin: 0;
2119
+ max-width: 100%;
2120
+ -moz-opacity: 0;
2121
+ opacity: 0;
2122
+ padding: 0 !important;
2123
+ position: relative;
2124
+ width: inherit;
2125
+ z-index: 4;
2126
+ min-width: 118px;
2127
+ }
2128
+
2129
+ select.option-tree-ui-select option {
2130
+ padding: 3px 15px !important;
2131
+ }
2132
+ .select-wrapper span {
2133
+ height: 27px;
2134
+ line-height: 27px;
2135
+ overflow: hidden;
2136
+ padding-left: 7px;
2137
+ padding-right: 27px;
2138
+ position: absolute;
2139
+ z-index: 2;
2140
+ }
2141
+ #option-tree-options-layouts-form .select-wrapper {
2142
+ margin: 0px;
2143
+ }
2144
+ #option-tree-options-layouts-form select.option-tree-ui-select {
2145
+ min-width: 124px;
2146
+ }
2147
+ .type-measurement select.option-tree-ui-select {
2148
+ min-width: 73px !important;
2149
+ }
2150
+ .type-measurement .select-wrapper {
2151
+ margin-right: 0;
2152
+ position: absolute;
2153
+ right: 0px;
2154
+ top: 0px;
2155
+ }
2156
+
2157
+ /* FireFox */
2158
+ @-moz-document url-prefix() {
2159
+ #option-tree-options-layouts-form .select-wrapper {
2160
+ left: 250px;
2161
+ }
2162
+ }
2163
+
2164
+ /* --------------------------------------------------
2165
+ :: Measurement
2166
+ ---------------------------------------------------*/
2167
+ .option-tree-ui-measurement-input-wrap {
2168
+ margin-right: 80px;
2169
+ }
2170
+
2171
+ /* --------------------------------------------------
2172
+ :: Checkbox & Radio
2173
+ ---------------------------------------------------*/
2174
+ .format-setting.type-checkbox input,
2175
+ .format-setting.type-radio input {
2176
+ float: left;
2177
+ margin: 2px 5px 0 1px;
2178
+ }
2179
+ .format-setting.type-checkbox label,
2180
+ .format-setting.type-radio label {
2181
+ float: left;
2182
+ max-width: 90%;
2183
+ padding: 0px;
2184
+ }
2185
+ #option-tree-settings-api .format-setting.type-checkbox p,
2186
+ #option-tree-settings-api .format-setting.type-radio p {
2187
+ float: left;
2188
+ margin: 0.5em 0 !important;
2189
+ width: 100%;
2190
+ }
2191
+ @media screen and ( max-width: 782px ) {
2192
+ .format-setting.type-checkbox,
2193
+ .format-setting.type-radio {
2194
+ padding-top: 0.3em;
2195
+ }
2196
+ }
2197
+
2198
+ /* --------------------------------------------------
2199
+ :: Radio Images
2200
+ ---------------------------------------------------*/
2201
+ .type-radio-image .option-tree-ui-radio-images {
2202
+ float: left;
2203
+ margin: 0 10px 10px 0px;
2204
+ }
2205
+ .type-radio-image .option-tree-ui-radio-images img {
2206
+ background: #fff;
2207
+ border: 1px solid #ccc;
2208
+ cursor: pointer;
2209
+ opacity: 0.8;
2210
+ padding: 5px;
2211
+ -webkit-border-radius: 2px;
2212
+ -moz-border-radius: 2px;
2213
+ border-radius: 2px;
2214
+ }
2215
+ .type-radio-image .option-tree-ui-radio-images img.option-tree-ui-radio-image-selected,
2216
+ .type-radio-image .option-tree-ui-radio-images img:hover {
2217
+ border-color: #464646;
2218
+ opacity: 1;
2219
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2220
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2221
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2222
+ }
2223
+
2224
+ /* --------------------------------------------------
2225
+ :: Social Links
2226
+ ---------------------------------------------------*/
2227
+ .type-social-links input.option-tree-ui-input {
2228
+ margin-top: 5px;
2229
+ }
2230
+
2231
+ /* --------------------------------------------------
2232
+ :: Numeric Slider
2233
+ ---------------------------------------------------*/
2234
+ .type-numeric-slider .format-setting-inner {
2235
+ background: #fcfcfc;
2236
+ border: 1px solid #ccc;
2237
+ min-height: 41px;
2238
+ padding: 5px;
2239
+ -webkit-box-sizing: border-box;
2240
+ -moz-box-sizing: border-box;
2241
+ box-sizing: border-box;
2242
+ -webkit-border-radius: 2px;
2243
+ -moz-border-radius: 2px;
2244
+ border-radius: 2px;
2245
+ }
2246
+ .ot-numeric-slider-wrap {
2247
+ margin: 0 96px 0 0;
2248
+ }
2249
+ .ot-numeric-slider-wrap .ot-numeric-slider-helper-input {
2250
+ position: absolute;
2251
+ right: 5px;
2252
+ text-align: center;
2253
+ top: 5px;
2254
+ width: 90px !important;
2255
+ }
2256
+ .ot-numeric-slider.ui-slider {
2257
+ background: #fff;
2258
+ border: 1px solid #ccc;
2259
+ margin: 8px 8px 0 8px;
2260
+ position: relative;
2261
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2262
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2263
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2264
+ -webkit-border-radius: 2px;
2265
+ -moz-border-radius: 2px;
2266
+ border-radius: 2px;
2267
+ }
2268
+ .ot-numeric-slider.ui-slider-horizontal {
2269
+ height: 11px;
2270
+ }
2271
+ .ot-numeric-slider.ui-slider .ui-slider-handle {
2272
+ border: 1px solid #000;
2273
+ color: #555;
2274
+ cursor: pointer;
2275
+ display: block;
2276
+ height: 27px;
2277
+ margin: -9px -8px;
2278
+ outline: 0;
2279
+ position: absolute;
2280
+ width: 16px;
2281
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
2282
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
2283
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
2284
+ -webkit-border-radius: 2px;
2285
+ -moz-border-radius: 2px;
2286
+ border-radius: 2px;
2287
+ }
2288
+ /* default */
2289
+ .ot-numeric-slider.ui-slider .ui-slider-handle {
2290
+ background: #333;
2291
+ border-color: #000;
2292
+ }
2293
+ .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2294
+ .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2295
+ background: #444;
2296
+ border-color: #111;
2297
+ }
2298
+ /* light */
2299
+ .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle {
2300
+ background: #888;
2301
+ border-color: #3c3c3c;
2302
+ }
2303
+ .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2304
+ .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2305
+ background: #999;
2306
+ border-color: #777;
2307
+ }
2308
+ /* blue */
2309
+ .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle {
2310
+ background: #52accc;
2311
+ border-color: #002b39;
2312
+ }
2313
+ .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2314
+ .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2315
+ background: #5dc2e6;
2316
+ border-color: #006484;
2317
+ }
2318
+ /* coffee */
2319
+ .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle {
2320
+ background: #59524c;
2321
+ border-color: #0f0e0d;
2322
+ }
2323
+ .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2324
+ .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2325
+ background: #cca588;
2326
+ border-color: #675f58;
2327
+ }
2328
+ /* ectoplasm */
2329
+ .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle {
2330
+ background: #523f6d;
2331
+ border-color: #181220;
2332
+ }
2333
+ .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2334
+ .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2335
+ background: #a3b542;
2336
+ border-color: #644d85;
2337
+ }
2338
+ /* midnight */
2339
+ .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle {
2340
+ background: #363b3f;
2341
+ border-color: #090a0b;
2342
+ }
2343
+ .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2344
+ .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2345
+ background: #ed543f;
2346
+ border-color: #a0382a;
2347
+ }
2348
+ /* ocean */
2349
+ .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle {
2350
+ background: #738e96;
2351
+ border-color: #39464a;
2352
+ }
2353
+ .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2354
+ .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2355
+ background: #9ab8a0;
2356
+ border-color: #5a6c5e;
2357
+ }
2358
+ /* sunrise */
2359
+ .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle {
2360
+ background: #da4f41;
2361
+ border-color: #8a322a;
2362
+ }
2363
+ .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2364
+ .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2365
+ background: #e88436;
2366
+ border-color: #e75546;
2367
+ }
2368
+
2369
+ /* --------------------------------------------------
2370
+ :: Colorpicker
2371
+ ---------------------------------------------------*/
2372
+ .option-tree-ui-colorpicker-input-wrap {
2373
+ float: left;
2374
+ }
2375
+ .hide-color-picker {
2376
+ display: none;
2377
+ }
2378
+ .option-tree-ui-colorpicker-input-wrap .wp-color-picker,
2379
+ .option-tree-ui-colorpicker-input-wrap .wp-picker-default,
2380
+ .option-tree-ui-colorpicker-input-wrap .wp-picker-clear {
2381
+ border-color: #ccc;
2382
+ height: 29px !important;
2383
+ line-height: 27px !important;
2384
+ margin-top: 0px;
2385
+ -webkit-border-radius: 2px;
2386
+ -moz-border-radius: 2px;
2387
+ border-radius: 2px;
2388
+ -webkit-box-shadow: none;
2389
+ -moz-box-shadow: none;
2390
+ box-shadow: none;
2391
+ }
2392
+ .option-tree-ui-colorpicker-input-wrap .wp-color-result {
2393
+ height: 27px;
2394
+ outline: 0;
2395
+ margin: 0 5px 5px 0px;
2396
+ top: 0px;
2397
+ -webkit-box-shadow: none;
2398
+ -moz-box-shadow: none;
2399
+ box-shadow: none;
2400
+ }
2401
+ .option-tree-ui-colorpicker-input-wrap .wp-color-result:after {
2402
+ line-height: 27px;
2403
+ }
2404
+ .option-tree-ui-colorpicker-input-wrap .wp-picker-container .iris-picker {
2405
+ border-color: #ccc;
2406
+ margin: 0px 5px 5px 0;
2407
+ -webkit-border-radius: 2px;
2408
+ -moz-border-radius: 2px;
2409
+ border-radius: 2px;
2410
+ }
2411
+
2412
+ /* --------------------------------------------------
2413
+ :: OptionTree UI Buttons
2414
+ ---------------------------------------------------*/
2415
+ .option-tree-ui-button.button {
2416
+ float: left;
2417
+ font-size: 12px !important;
2418
+ line-height: 27px !important;
2419
+ height: 29px !important;
2420
+ margin: 5px;
2421
+ min-width: 40px;
2422
+ padding: 0 10px 1px !important;
2423
+ }
2424
+ .option-tree-ui-button:active,
2425
+ .option-tree-ui-button:hover,
2426
+ .option-tree-ui-button:focus {
2427
+ outline: 0;
2428
+ }
2429
+ .option-tree-ui-button.hidden {
2430
+ display: none;
2431
+ }
2432
+ .option-tree-ui-button.button-secondary {
2433
+ background: #b73b27;
2434
+ border-color: #7f291b;
2435
+ color: #fff;
2436
+ text-shadow: none;
2437
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2438
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2439
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2440
+ }
2441
+ .option-tree-ui-button.button-secondary.hover,
2442
+ .option-tree-ui-button.button-secondary:hover,
2443
+ .option-tree-ui-button.button-secondary.focus,
2444
+ .option-tree-ui-button.button-secondary:focus {
2445
+ background: #9b3221;
2446
+ border-color: #7f291b;
2447
+ color: #fff;
2448
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6);
2449
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2450
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.6);
2451
+ }
2452
+ .option-tree-ui-button.button-secondary.focus,
2453
+ .option-tree-ui-button.button-secondary:focus {
2454
+ border-color: #4f160d;
2455
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4);
2456
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4);
2457
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4);
2458
+ }
2459
+ .option-tree-ui-button.button-secondary.active,
2460
+ .option-tree-ui-button.button-secondary.active:hover,
2461
+ .option-tree-ui-button.button-secondary.active:focus,
2462
+ .option-tree-ui-button.button-secondary:active {
2463
+ background: #b73b27;
2464
+ border-color: #7f291b;
2465
+ color: rgba(255,255,255,0.95);
2466
+ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
2467
+ -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
2468
+ box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
2469
+ vertical-align: top;
2470
+ }
2471
+ .option-tree-ui-button.right {
2472
+ float: right;
2473
+ }
2474
+ .option-tree-ui-button.hug-left {
2475
+ margin-left: 0px;
2476
+ }
2477
+ .option-tree-ui-button.hug-right {
2478
+ margin-right: 0px;
2479
+ }
2480
+ .option-tree-ui-button.pad {
2481
+ padding: 0px 21px;
2482
+ }
2483
+ .option-tree-ui-button.left-item {
2484
+ margin: 5px 0 5px 5px;
2485
+ -webkit-border-top-right-radius: 0px;
2486
+ -webkit-border-bottom-right-radius: 0px;
2487
+ -moz-border-radius-topright: 0px;
2488
+ -moz-border-radius-bottomright: 0px;
2489
+ border-top-right-radius: 0px;
2490
+ border-bottom-right-radius: 0px;
2491
+ }
2492
+ .option-tree-ui-button.center-item {
2493
+ margin: 5px 0 5px -1px;
2494
+ -webkit-border-radius: 0px;
2495
+ -moz-border-radius: 0px;
2496
+ border-radius: 0px;
2497
+ }
2498
+ .option-tree-ui-button.right-item {
2499
+ margin: 5px 5px 5px -1px;
2500
+ -webkit-border-top-left-radius: 0px;
2501
+ -webkit-border-bottom-left-radius: 0px;
2502
+ -moz-border-radius-topleft: 0px;
2503
+ -moz-border-radius-bottomleft: 0px;
2504
+ border-top-left-radius: 0px;
2505
+ border-bottom-left-radius: 0px;
2506
+ }
2507
+ .option-tree-ui-buttons {
2508
+ background: #fff;
2509
+ border: 1px solid #ccc;
2510
+ margin: 11px 5px 0 2px;
2511
+ min-width: 523px;
2512
+ overflow: hidden;
2513
+ padding: 5px;
2514
+ position: relative;
2515
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2516
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2517
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2518
+ -webkit-border-radius: 2px;
2519
+ -moz-border-radius: 2px;
2520
+ border-radius: 2px;
2521
+ }
2522
+ .option-tree-ui-buttons.alt {
2523
+ background: #f5f5f5;
2524
+ border-color: #dfdfdf;
2525
+ }
2526
+ .option-tree-ui-buttons:before,
2527
+ .option-tree-ui-buttons:after {
2528
+ content: "\0020";
2529
+ display: block;
2530
+ height: 0;
2531
+ visibility: hidden;
2532
+ }
2533
+ .option-tree-ui-buttons:after {
2534
+ clear: both;
2535
+ }
2536
+ .option-tree-ui-buttons {
2537
+ zoom: 1;
2538
+ }
2539
+ button.reset-settings {
2540
+ position: relative;
2541
+ top: -45px;
2542
+ left: 8px;
2543
+ }
2544
+
2545
+ /* --------------------------------------------------
2546
+ :: OptionTree UI Button Icons
2547
+ ---------------------------------------------------*/
2548
+ .option-tree-ui-button .icon {
2549
+ color: #3a3a3a;
2550
+ display: inline-block;
2551
+ float: left;
2552
+ font-size: 20px;
2553
+ height: 20px;
2554
+ margin-top: 3px;
2555
+ opacity: 0.9;
2556
+ overflow: hidden;
2557
+ text-align: center;
2558
+ text-indent: 0;
2559
+ width: 18px;
2560
+ }
2561
+ button.option-tree-ui-button .icon {
2562
+ margin-top: -3px;
2563
+ }
2564
+ .option-tree-ui-button.light .icon {
2565
+ color: #fff;
2566
+ opacity: 0.9;
2567
+ }
2568
+ .option-tree-ui-button.active .icon,
2569
+ .option-tree-ui-button:hover .icon {
2570
+ opacity: 1;
2571
+ }
2572
+ .option-tree-ui-button .icon.right-label {
2573
+ margin-right: 10px;
2574
+ }
2575
+ .option-tree-ui-button .icon.left-label {
2576
+ margin-left: 10px;
2577
+ float: right;
2578
+ }
2579
+ .option-tree-ui-button .upload {
2580
+ background-position: -0px -0px;
2581
+ }
2582
+ .option-tree-ui-button .trash-can {
2583
+ background-position: -18px -0px;
2584
+ }
2585
+ .option-tree-ui-button .pencil,
2586
+ .option-tree-ui-button .check {
2587
+ background-position: -36px -0px;
2588
+ }
2589
+ .option-tree-ui-button:hover .pencil,
2590
+ .option-tree-ui-button:hover .check,
2591
+ .option-tree-ui-button.active .pencil,
2592
+ .option-tree-ui-button.active .check {
2593
+ background-position: -54px -0px;
2594
+ }
2595
+
2596
+ /* --------------------------------------------------
2597
+ :: WP 3.8 Fixes (via Github @AlxMedia)
2598
+ ---------------------------------------------------*/
2599
+ #option-tree-settings-api #poststuff,
2600
+ #option-tree-settings-api #post-body-content {
2601
+ min-width: 0;
2602
+ }
2603
+ #option-tree-settings-api #poststuff h3 {
2604
+ font-family: inherit !important;
2605
+ }
2606
+ #option-tree-settings-api .postbox {
2607
+ -webkit-box-shadow: none;
2608
+ -moz-box-shadow: none;
2609
+ box-shadow: none;
2610
+ }
2611
+ #option-tree-settings-api p input[type="checkbox"],
2612
+ #option-tree-settings-api p input[type="radio"] {
2613
+ margin-top: 2px;
2614
+ }
2615
+ #option-tree-settings-api .format-setting.type-checkbox p,
2616
+ #option-tree-settings-api .format-setting.type-radio p {
2617
+ margin: 0.3em 0 !important;
2618
+ }
2619
+ input.option-tree-ui-upload-input,
2620
+ input.option-tree-ui-input {
2621
+ padding-top: 5px;
2622
+ padding-bottom: 5px;
2623
+ }
2624
+ @media screen and ( max-width: 782px ) {
2625
+ #option-tree-settings-api p input[type="checkbox"],
2626
+ #option-tree-settings-api p input[type="radio"] {
2627
+ margin-top: -3px;
2628
+ }
2629
+ }
2630
+
2631
+ /* --------------------------------------------------
2632
+ :: Gallery
2633
+ ---------------------------------------------------*/
2634
+ ul.ot-gallery-list {
2635
+ float: left;
2636
+ margin: 0;
2637
+ width: 100%;
2638
+ }
2639
+ ul.ot-gallery-list li {
2640
+ background: none repeat scroll 0 0 white;
2641
+ border: 1px solid #bbb;
2642
+ float: left;
2643
+ margin: 0px 10px 10px 0;
2644
+ padding: 4px;
2645
+ -webkit-border-radius: 2px;
2646
+ -moz-border-radius: 2px;
2647
+ border-radius: 2px;
2648
+ }
2649
+ ul.ot-gallery-list li img {
2650
+ display: block;
2651
+ margin: 0;
2652
+ }
2653
+
2654
+ .ot-gallery-buttons {
2655
+ float: left;
2656
+ width: 100%;
2657
+ }
2658
+ .ot-gallery-buttons a.option-tree-ui-button {
2659
+ margin-top: 0px;
2660
+ margin-bottom: 0px;
2661
+ }
2662
+
2663
+ /* --------------------------------------------------
2664
+ :: On/Off Switch
2665
+ ---------------------------------------------------*/
2666
+ .on-off-switch .slide-button {
2667
+ display: none;
2668
+ }
2669
+ @media only screen {
2670
+ .on-off-switch {
2671
+ background-color: #fff;
2672
+ border: 1px solid #ccc;
2673
+ color: #333;
2674
+ display: block;
2675
+ font-size: 12px;
2676
+ font-weight: normal;
2677
+ height: 27px;
2678
+ margin: 2px 1px;
2679
+ position: relative;
2680
+ padding: 0;
2681
+ text-align: center;
2682
+ text-transform: uppercase;
2683
+ width: 100px;
2684
+ -webkit-border-radius: 2px;
2685
+ -moz-border-radius: 2px;
2686
+ border-radius: 2px;
2687
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2688
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2689
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2690
+ }
2691
+ .on-off-switch * {
2692
+ -webkit-box-sizing: border-box;
2693
+ -moz-box-sizing: border-box;
2694
+ box-sizing: border-box;
2695
+ }
2696
+ .on-off-switch input {
2697
+ position: absolute;
2698
+ opacity: 0;
2699
+ }
2700
+ .on-off-switch label {
2701
+ cursor: pointer;
2702
+ float: left;
2703
+ height: 27px;
2704
+ line-height: 27px;
2705
+ margin: 0;
2706
+ position: relative;
2707
+ text-align: center;
2708
+ vertical-align: middle;
2709
+ width: 50px;
2710
+ z-index: 2;
2711
+ }
2712
+ .on-off-switch input:last-of-type + label {
2713
+ color: #333;
2714
+ }
2715
+ .on-off-switch input:checked + label {
2716
+ color: #333;
2717
+ }
2718
+ .on-off-switch input:last-of-type:checked + label {
2719
+ color: #fff;
2720
+ }
2721
+ .on-off-switch input:focus + label {
2722
+ outline: none;
2723
+ }
2724
+ .on-off-switch .slide-button {
2725
+ background: #b2d27e;
2726
+ border: 1px solid #7c9258;
2727
+ display: block;
2728
+ height: 29px;
2729
+ left: -1px;
2730
+ padding: 0;
2731
+ position: absolute;
2732
+ text-decoration: none;
2733
+ top: -1px;
2734
+ width: 51px;
2735
+ z-index: 1;
2736
+ -webkit-border-radius: 2px;
2737
+ -moz-border-radius: 2px;
2738
+ border-radius: 2px;
2739
+ -webkit-box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08);
2740
+ -moz-box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08);
2741
+ box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08);
2742
+ -webkit-transition: all 0.2s ease-out;
2743
+ -moz-transition: all 0.2s ease-out;
2744
+ transition: all 0.2s ease-out;
2745
+ }
2746
+ .on-off-switch input:last-of-type:checked ~ .slide-button {
2747
+ background: #b73b27;
2748
+ border-color: #7f291b;
2749
+ color: #fff;
2750
+ left: 50px;
2751
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15);
2752
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15);
2753
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15);
2754
+ }
2755
+ }
2756
+ @media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
2757
+ .on-off-switch {
2758
+ -webkit-animation: webkitSiblingBugfix infinite 1s;
2759
+ }
2760
+ }
2761
+ @-webkit-keyframes webkitSiblingBugfix {
2762
+ from {
2763
+ -webkit-transform: translate3d(0, 0, 0);
2764
+ }
2765
+ to {
2766
+ -webkit-transform: translate3d(0, 0, 0);
2767
+ }
2768
+ }
2769
+
2770
+ /* --------------------------------------------------
2771
+ :: Simple Input Append & Prepend
2772
+ ---------------------------------------------------*/
2773
+ .ot-input-append,
2774
+ .ot-input-prepend {
2775
+ display: inline-block;
2776
+ vertical-align: middle;
2777
+ font-size: 0;
2778
+ white-space: nowrap;
2779
+ }
2780
+ .ot-input-append input {
2781
+ position: relative;
2782
+ margin-bottom: 0;
2783
+ *margin-left: 0;
2784
+ vertical-align: top;
2785
+ -webkit-border-radius: 0 2px 2px 0;
2786
+ -moz-border-radius: 0 2px 2px 0;
2787
+ border-radius: 0 2px 2px 0;
2788
+ }
2789
+ .ot-input-append input:focus,
2790
+ .ot-input-prepend input:focus {
2791
+ z-index: 2;
2792
+ }
2793
+ .ot-input-append .ot-add-on,
2794
+ .ot-input-prepend .ot-add-on {
2795
+ display: inline-block;
2796
+ width: auto;
2797
+ height: 27px;
2798
+ line-height: 28px;
2799
+ min-width: 16px;
2800
+ padding: 0 6px;
2801
+ font-size: 16px;
2802
+ font-weight: normal;
2803
+ text-align: center;
2804
+ text-shadow: 0 1px 0 white;
2805
+ background-color: #f7f7f7;
2806
+ border: 1px solid #ccc;
2807
+ }
2808
+ .ot-input-prepend input {
2809
+ border-left: 0 !important;
2810
+ }
2811
+ .ot-input-prepend .ot-add-on:first-child {
2812
+ -webkit-border-radius: 2px 0 0 2px;
2813
+ -moz-border-radius: 2px 0 0 2px;
2814
+ border-radius: 2px 0 0 2px;
2815
+ }
2816
+ .ot-input-append input {
2817
+ border-right: 0 !important;
2818
+ -webkit-border-radius: 2px 0 0 2px;
2819
+ -moz-border-radius: 2px 0 0 2px;
2820
+ border-radius: 2px 0 0 2px;
2821
+ }
2822
+ .ot-input-append input + .btn-group .btn:first-child {
2823
+ -webkit-border-top-left-radius: 0;
2824
+ -moz-border-radius-topleft: 0;
2825
+ border-top-left-radius: 0;
2826
+ -webkit-border-bottom-left-radius: 0;
2827
+ -moz-border-radius-bottomleft: 0;
2828
+ border-bottom-left-radius: 0;
2829
+ }
2830
+ .ot-input-append .ot-add-on:last-child {
2831
+ -webkit-border-radius: 0 2px 2px 0;
2832
+ -moz-border-radius: 0 2px 2px 0;
2833
+ border-radius: 0 2px 2px 0;
2834
+ }
2835
+ .ot-input-prepend.ot-input-append input {
2836
+ -webkit-border-radius: 0;
2837
+ -moz-border-radius: 0;
2838
+ border-radius: 0;
2839
+ }
2840
+ .ot-input-prepend.ot-input-append .ot-add-on:first-child {
2841
+ -webkit-border-radius: 2px 0 0 2px;
2842
+ -moz-border-radius: 2px 0 0 2px;
2843
+ border-radius: 2px 0 0 2px;
2844
+ }
2845
+ .ot-input-prepend.ot-input-append .ot-add-on:last-child {
2846
+ -webkit-border-radius: 0 2px 2px 0;
2847
+ -moz-border-radius: 0 2px 2px 0;
2848
+ border-radius: 0 2px 2px 0;
2849
+ }
2850
+
2851
+ /* --------------------------------------------------
2852
+ :: CSS Editor
2853
+ ---------------------------------------------------*/
2854
+ #option-tree-settings-api pre.ot-css-editor,
2855
+ #poststuff .type-css pre.ot-css-editor {
2856
+ bottom: 0;
2857
+ height: 280px;
2858
+ left: 0;
2859
+ margin: 0 !important;
2860
+ right: 0;
2861
+ top: 0;
2862
+ }
2863
+ #option-tree-settings-api pre.ace-chrome,
2864
+ #poststuff .type-css pre.ace-chrome {
2865
+ background-color: #fff !important;
2866
+ border: 1px solid #ccc;
2867
+ -webkit-border-radius: 2px;
2868
+ -moz-border-radius: 2px;
2869
+ border-radius: 2px;
2870
+ }
2871
+ #option-tree-settings-api pre.ace-chrome:hover,
2872
+ #poststuff .type-css pre.ace-chrome:hover {
2873
+ border-color: #bbb !important;
2874
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2875
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2876
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2877
+ }
2878
+ #option-tree-settings-api pre.ace-chrome.ace_focus,
2879
+ #poststuff .type-css pre.ace-chrome.ace_focus {
2880
+ border-color: #999 !important;
2881
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2882
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2883
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2884
+ }
2885
+
2886
+ /* --------------------------------------------------
2887
+ :: Date Picker
2888
+ ---------------------------------------------------*/
2889
+ .ui-datepicker {
2890
+ background: #fff;
2891
+ border: 1px solid #ccc;
2892
+ height: auto;
2893
+ margin: 5px auto 0;
2894
+ width: 216px;
2895
+ z-index: 101 !important;
2896
+ -webkit-border-radius: 2px;
2897
+ -moz-border-radius: 2px;
2898
+ border-radius: 2px;
2899
+ }
2900
+ .ui-datepicker a {
2901
+ text-decoration: none;
2902
+ }
2903
+ .ui-datepicker table {
2904
+ border-collapse: collapse;
2905
+ border-spacing: 0;
2906
+ width: 100%;
2907
+ }
2908
+ .ui-datepicker .ui-widget-header {
2909
+ left: -1px;
2910
+ line-height: 30px;
2911
+ position: relative;
2912
+ top: -1px;
2913
+ width: 218px;
2914
+ -webkit-border-radius: 2px 2px 0 0;
2915
+ -moz-border-radius: 2px 2px 0 0;
2916
+ border-radius: 2px 2px 0 0;
2917
+ }
2918
+ .ui-datepicker .ui-datepicker-title {
2919
+ text-align: center;
2920
+ }
2921
+ .ui-datepicker-prev,
2922
+ .ui-datepicker-next {
2923
+ color: #ccc;
2924
+ display: inline-block;
2925
+ font-family: "option-tree-font";
2926
+ font-size: 16px;
2927
+ width: 30px;
2928
+ height: 30px;
2929
+ text-align: center;
2930
+ cursor: pointer;
2931
+ -webkit-border-radius: 2px 0 0 0;
2932
+ -moz-border-radius: 2px 0 0 0;
2933
+ border-radius: 2px 0 0 0;
2934
+ }
2935
+ .ui-datepicker-next {
2936
+ -webkit-border-radius: 0 2px 0 0;
2937
+ -moz-border-radius: 0 2px 0 0;
2938
+ border-radius: 0 2px 0 0;
2939
+ }
2940
+ .ui-datepicker-prev span,
2941
+ .ui-datepicker-next span {
2942
+ display: none;
2943
+ }
2944
+ .ui-datepicker-prev:hover,
2945
+ .ui-datepicker-next:hover {
2946
+ color: #fff;
2947
+ }
2948
+ .ui-datepicker-prev:before {
2949
+ border-right: 1px solid #555;
2950
+ content: "\f104";
2951
+ display: block;
2952
+ float: left;
2953
+ width: 31px;
2954
+ height: 30px;
2955
+ }
2956
+ .ui-datepicker-prev {
2957
+ border-right: 1px solid #333;
2958
+ float: left;
2959
+ }
2960
+ .ui-datepicker-next:before {
2961
+ border-left: 1px solid #555;
2962
+ content: "\f105";
2963
+ display: block;
2964
+ float: right;
2965
+ width: 30px;
2966
+ height: 30px;
2967
+ }
2968
+ .ui-datepicker-next {
2969
+ border-left: 1px solid #333;
2970
+ float: right;
2971
+ width: 31px;
2972
+ }
2973
+ a.ui-datepicker-prev,
2974
+ a.ui-datepicker-next {
2975
+ outline: 0;
2976
+ }
2977
+ .ui-datepicker thead {
2978
+ background-color: #fafafa;
2979
+ border-bottom: 1px solid #ccc;
2980
+ }
2981
+ .ui-datepicker th {
2982
+ text-transform: uppercase;
2983
+ font-size: 9px;
2984
+ padding: 5px 0;
2985
+ color: #555;
2986
+ text-shadow: 1px 0px 0px rgba(255,255,255,0.5);
2987
+ }
2988
+ .ui-datepicker tbody td {
2989
+ border-right: 1px solid #ccc;
2990
+ padding: 0;
2991
+ }
2992
+ .ui-datepicker tbody td:last-child {
2993
+ border-right: 0px;
2994
+ }
2995
+ .ui-datepicker tbody tr {
2996
+ border-bottom: 1px solid #ccc;
2997
+ }
2998
+ .ui-datepicker tbody tr:last-child {
2999
+ border-bottom: 0px;
3000
+ }
3001
+ .ui-datepicker td span,
3002
+ .ui-datepicker td a {
3003
+ display: inline-block;
3004
+ font-size: 11px;
3005
+ text-align: center;
3006
+ width: 30px;
3007
+ height: 29px;
3008
+ line-height: 30px;
3009
+ color: #555;
3010
+ text-shadow: 1px 0px 0px rgba(255,255,255,0.5);
3011
+ }
3012
+ .ui-datepicker-calendar .ui-state-default {
3013
+ background-color: #f1f1f1;
3014
+ }
3015
+ .ui-datepicker-calendar .ui-state-highlight {
3016
+ border-radius: 0px;
3017
+ border: none;
3018
+ color: #0074a2;
3019
+ }
3020
+ .ui-datepicker-calendar .ui-state-hover {
3021
+ background: #fff;
3022
+ }
3023
+ .ui-datepicker-calendar .ui-state-active {
3024
+ background-color: #0074a2;
3025
+ color: #fff !important;
3026
+ text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
3027
+ position: relative;
3028
+ }
3029
+ .ui-datepicker-unselectable .ui-state-default {
3030
+ background: #fff;
3031
+ color: #aaa;
3032
+ }
3033
+ .ui-datepicker-calendar td:first-child .ui-state-active {
3034
+ margin-left: 0;
3035
+ width: 30px;
3036
+ }
3037
+ .ui-datepicker-calendar td:last-child .ui-state-active {
3038
+ margin-right: 0;
3039
+ width: 30px;
3040
+ }
3041
+ .ui-datepicker-calendar tr:last-child .ui-state-active {
3042
+ height: 30px;
3043
+ margin-bottom: 0;
3044
+ }
3045
+ .ui-datepicker .ui-datepicker-buttonpane {
3046
+ background-image: none;
3047
+ border-left: 0;
3048
+ border-right: 0;
3049
+ border-bottom: 0;
3050
+ margin: 0;
3051
+ padding: 0 .7em;
3052
+ }
3053
+ .ui-datepicker .ui-datepicker-buttonpane button {
3054
+ background: #f7f7f7;
3055
+ border: 1px solid #ccc;
3056
+ color: #555;
3057
+ cursor: pointer;
3058
+ float: right;
3059
+ height: auto;
3060
+ margin: .7em 0;
3061
+ padding: 5px 14px;
3062
+ width: auto;
3063
+ -webkit-border-radius: 3px;
3064
+ -moz-border-radius: 3px;
3065
+ border-radius: 3px;
3066
+ -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
3067
+ -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
3068
+ box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
3069
+ }
3070
+ .ui-datepicker .ui-datepicker-buttonpane button::-moz-focus-inner {
3071
+ border-width: 1px 0;
3072
+ border-style: solid none;
3073
+ border-color: transparent;
3074
+ padding: 0;
3075
+ }
3076
+ .ui-datepicker .ui-datepicker-buttonpane button:hover,
3077
+ .ui-datepicker .ui-datepicker-buttonpane button:focus {
3078
+ background: #fafafa;
3079
+ border-color: #999;
3080
+ color: #222;
3081
+ outline: 0;
3082
+ }
3083
+ .ui-datepicker .ui-datepicker-buttonpane button:focus {
3084
+ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
3085
+ -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
3086
+ box-shadow: 1px 1px 1px rgba(0,0,0,.2);
3087
+ }
3088
+ .ui-datepicker .ui-datepicker-buttonpane button:active {
3089
+ background: #eee;
3090
+ border-color: #999;
3091
+ color: #333;
3092
+ outline: 0;
3093
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
3094
+ -moz-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
3095
+ box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
3096
+ }
3097
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
3098
+ float: left;
3099
+ }
3100
+ .ui-datepicker-calendar + .ui-datepicker-buttonpane {
3101
+ border-bottom: 1px solid #ccc;
3102
+ }
3103
+ .ui-datepicker-multi-2 {
3104
+ width: 432px !important;
3105
+ }
3106
+ .ui-datepicker-multi-3 {
3107
+ width: 648px !important;
3108
+ }
3109
+ .ui-datepicker-multi-4 {
3110
+ width: 864px !important;
3111
+ }
3112
+ .ui-datepicker-group {
3113
+ float: left;
3114
+ width: 216px !important;
3115
+ }
3116
+ .ui-datepicker-row-break {
3117
+ clear: both;
3118
+ width: 100%;
3119
+ font-size: 0;
3120
+ }
3121
+ .ui-datepicker-multi .ui-datepicker-buttonpane {
3122
+ border-top: 1px solid #ccc !important;
3123
+ }
3124
+
3125
+ /* default color scheme */
3126
+ .ui-datepicker .ui-widget-header {
3127
+ background: #333;
3128
+ color: #bbb;
3129
+ }
3130
+ .ui-datepicker .ui-widget-header a {
3131
+ color: #999;
3132
+ }
3133
+ .ui-datepicker-prev,
3134
+ .ui-datepicker-next:before {
3135
+ border-color: #000;
3136
+ }
3137
+ .ui-datepicker-next,
3138
+ .ui-datepicker-prev:before {
3139
+ border-color: #444;
3140
+ }
3141
+ .ui-datepicker-prev:hover,
3142
+ .ui-datepicker-next:hover {
3143
+ background: #222;
3144
+ color: #0074a2 !important;
3145
+ }
3146
+ /* light */
3147
+ .admin-color-light .ui-datepicker .ui-widget-header {
3148
+ background: #888;
3149
+ color: #fff;
3150
+ }
3151
+ .admin-color-light .ui-datepicker .ui-widget-header a {
3152
+ color: #ccc;
3153
+ }
3154
+ .admin-color-light .ui-datepicker-prev,
3155
+ .admin-color-light .ui-datepicker-next:before {
3156
+ border-color: #3c3c3c;
3157
+ }
3158
+ .admin-color-light .ui-datepicker-next,
3159
+ .admin-color-light .ui-datepicker-prev:before {
3160
+ border-color: #999;
3161
+ }
3162
+ .admin-color-light .ui-datepicker-prev:hover,
3163
+ .admin-color-light .ui-datepicker-next:hover {
3164
+ background: #777;
3165
+ color: #eee !important;
3166
+ }
3167
+ /* blue */
3168
+ .admin-color-blue .ui-datepicker .ui-widget-header {
3169
+ background: #52accc;
3170
+ color: #fff;
3171
+ }
3172
+ .admin-color-blue .ui-datepicker .ui-widget-header a {
3173
+ color: #e2f8ff;
3174
+ }
3175
+ .admin-color-blue .ui-datepicker-prev,
3176
+ .admin-color-blue .ui-datepicker-next:before {
3177
+ border-color: #002b39;
3178
+ }
3179
+ .admin-color-blue .ui-datepicker-next,
3180
+ .admin-color-blue .ui-datepicker-prev:before {
3181
+ border-color: #5dc2e6;
3182
+ }
3183
+ .admin-color-blue .ui-datepicker-prev:hover,
3184
+ .admin-color-blue .ui-datepicker-next:hover {
3185
+ background: #006484;
3186
+ color: #fff !important;
3187
+ }
3188
+ /* coffee */
3189
+ .admin-color-coffee .ui-datepicker .ui-widget-header {
3190
+ background: #59524c;
3191
+ color: #c7cbc9;
3192
+ }
3193
+ .admin-color-coffee .ui-datepicker .ui-widget-header a {
3194
+ color: #f3f2f1;
3195
+ }
3196
+ .admin-color-coffee .ui-datepicker-prev,
3197
+ .admin-color-coffee .ui-datepicker-next:before {
3198
+ border-color: #0f0e0d;
3199
+ }
3200
+ .admin-color-coffee .ui-datepicker-next,
3201
+ .admin-color-coffee .ui-datepicker-prev:before {
3202
+ border-color: #675f58;
3203
+ }
3204
+ .admin-color-coffee .ui-datepicker-prev:hover,
3205
+ .admin-color-coffee .ui-datepicker-next:hover {
3206
+ background: #cca588;
3207
+ color: #fff !important;
3208
+ }
3209
+ /* ectoplasm */
3210
+ .admin-color-ectoplasm .ui-datepicker .ui-widget-header {
3211
+ background: #523f6d;
3212
+ color: #c6c6d3;
3213
+ }
3214
+ .admin-color-ectoplasm .ui-datepicker .ui-widget-header a {
3215
+ color: #f3f2f1;
3216
+ }
3217
+ .admin-color-ectoplasm .ui-datepicker-prev,
3218
+ .admin-color-ectoplasm .ui-datepicker-next:before {
3219
+ border-color: #181220;
3220
+ }
3221
+ .admin-color-ectoplasm .ui-datepicker-next,
3222
+ .admin-color-ectoplasm .ui-datepicker-prev:before {
3223
+ border-color: #644d85;
3224
+ }
3225
+ .admin-color-ectoplasm .ui-datepicker-prev:hover,
3226
+ .admin-color-ectoplasm .ui-datepicker-next:hover {
3227
+ background: #a3b542;
3228
+ color: #fff !important;
3229
+ }
3230
+ /* midnight */
3231
+ .admin-color-midnight .ui-datepicker .ui-widget-header {
3232
+ background: #363b3f;
3233
+ color: #f1f2f3;
3234
+ }
3235
+ .admin-color-midnight .ui-datepicker .ui-widget-header a {
3236
+ color: #f1f2f3;
3237
+ }
3238
+ .admin-color-midnight .ui-datepicker-prev,
3239
+ .admin-color-midnight .ui-datepicker-next:before {
3240
+ border-color: #090a0b;
3241
+ }
3242
+ .admin-color-midnight .ui-datepicker-next,
3243
+ .admin-color-midnight .ui-datepicker-prev:before {
3244
+ border-color: #4c5359;
3245
+ }
3246
+ .admin-color-midnight .ui-datepicker-prev:hover,
3247
+ .admin-color-midnight .ui-datepicker-next:hover {
3248
+ background: #ed543f;
3249
+ color: #fff !important;
3250
+ }
3251
+ /* ocean */
3252
+ .admin-color-ocean .ui-datepicker .ui-widget-header {
3253
+ background: #738e96;
3254
+ color: #f1fcff;
3255
+ }
3256
+ .admin-color-ocean .ui-datepicker .ui-widget-header a {
3257
+ color: #f1fcff;
3258
+ }
3259
+ .admin-color-ocean .ui-datepicker-prev,
3260
+ .admin-color-ocean .ui-datepicker-next:before {
3261
+ border-color: #39464a;
3262
+ }
3263
+ .admin-color-ocean .ui-datepicker-next,
3264
+ .admin-color-ocean .ui-datepicker-prev:before {
3265
+ border-color: #87a6af;
3266
+ }
3267
+ .admin-color-ocean .ui-datepicker-prev:hover,
3268
+ .admin-color-ocean .ui-datepicker-next:hover {
3269
+ background: #9ab8a0;
3270
+ color: #fff !important;
3271
+ }
3272
+ /* sunrise */
3273
+ .admin-color-sunrise .ui-datepicker .ui-widget-header {
3274
+ background: #da4f41;
3275
+ color: #fff;
3276
+ }
3277
+ .admin-color-sunrise .ui-datepicker .ui-widget-header a {
3278
+ color: #f3f1f1;
3279
+ }
3280
+ .admin-color-sunrise .ui-datepicker-prev,
3281
+ .admin-color-sunrise .ui-datepicker-next:before {
3282
+ border-color: #8a322a;
3283
+ }
3284
+ .admin-color-sunrise .ui-datepicker-next,
3285
+ .admin-color-sunrise .ui-datepicker-prev:before {
3286
+ border-color: #e75546;
3287
+ }
3288
+ .admin-color-sunrise .ui-datepicker-prev:hover,
3289
+ .admin-color-sunrise .ui-datepicker-next:hover {
3290
+ background: #e88436;
3291
+ color: #fff !important;
3292
+ }
3293
+
3294
+ /* --------------------------------------------------
3295
+ :: Time Picker
3296
+ ---------------------------------------------------*/
3297
+ .ui-timepicker-div {
3298
+ border-top: 1px solid #ccc;
3299
+ padding: 0 .4em;
3300
+ }
3301
+ .ui-timepicker-div .ui-widget-content {
3302
+ border: 1px solid #aaa;
3303
+ background: #fff;
3304
+ font-weight: normal;
3305
+ color: #212121;
3306
+ }
3307
+ .ui-timepicker-div .ui-slider {
3308
+ position: relative;
3309
+ text-align: left;
3310
+ }
3311
+ .ui-timepicker-div .ui-slider-horizontal {
3312
+ height: .8em;
3313
+ bottom: -.3em;
3314
+ position: relative;
3315
+ -webkit-border-radius: 2px;
3316
+ -moz-border-radius: 2px;
3317
+ border-radius: 2px;
3318
+ }
3319
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3320
+ background: #f7f7f7;
3321
+ border: 1px solid #ccc;
3322
+ color: #555;
3323
+ cursor: pointer;
3324
+ display: block;
3325
+ height: 1.3em;
3326
+ margin-left: -.5em;
3327
+ outline: 0;
3328
+ position: absolute;
3329
+ top: -.325em;
3330
+ width: .8em;
3331
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
3332
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
3333
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
3334
+ -webkit-border-radius: 2px;
3335
+ -moz-border-radius: 2px;
3336
+ border-radius: 2px;
3337
+ }
3338
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover {
3339
+ background: #fafafa;
3340
+ border-color: #999;
3341
+ color: #222;
3342
+ }
3343
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3344
+ background: #eee;
3345
+ border-color: #999;
3346
+ color: #333;
3347
+ outline: none;
3348
+ }
3349
+ .ui-datepicker-prev,
3350
+ .ui-datepicker-next:before {
3351
+ border-color: #000;
3352
+ }
3353
+ .ui-datepicker-next,
3354
+ .ui-datepicker-prev:before {
3355
+ border-color: #444;
3356
+ }
3357
+ .ui-datepicker-prev:hover,
3358
+ .ui-datepicker-next:hover {
3359
+ background: #222;
3360
+ color: #0074a2 !important;
3361
+ }
3362
+
3363
+ .ui-timepicker-div dl {
3364
+ text-align: left;
3365
+ }
3366
+ .ui-timepicker-div dl dt {
3367
+ float: left;
3368
+ clear: left;
3369
+ padding: 0 0 0 5px;
3370
+ }
3371
+ .ui-timepicker-div dl dd {
3372
+ margin: 0 10px 10px 45%;
3373
+ }
3374
+ .ui-timepicker-div td {
3375
+ font-size: 90%;
3376
+ }
3377
+ .ui-tpicker-grid-label {
3378
+ background: none;
3379
+ border: none;
3380
+ margin: 0;
3381
+ padding: 0;
3382
+ }
3383
+ /* default */
3384
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3385
+ background: #333;
3386
+ border-color: #000;
3387
+ }
3388
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3389
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3390
+ background: #444;
3391
+ border-color: #111;
3392
+ }
3393
+ /* light */
3394
+ .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3395
+ background: #888;
3396
+ border-color: #3c3c3c;
3397
+ }
3398
+ .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3399
+ .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3400
+ background: #999;
3401
+ border-color: #777;
3402
+ }
3403
+ /* blue */
3404
+ .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3405
+ background: #52accc;
3406
+ border-color: #002b39;
3407
+ }
3408
+ .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3409
+ .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3410
+ background: #5dc2e6;
3411
+ border-color: #006484;
3412
+ }
3413
+ /* coffee */
3414
+ .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3415
+ background: #59524c;
3416
+ border-color: #0f0e0d;
3417
+ }
3418
+ .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3419
+ .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3420
+ background: #cca588;
3421
+ border-color: #675f58;
3422
+ }
3423
+ /* ectoplasm */
3424
+ .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3425
+ background: #523f6d;
3426
+ border-color: #181220;
3427
+ }
3428
+ .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3429
+ .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3430
+ background: #a3b542;
3431
+ border-color: #644d85;
3432
+ }
3433
+ /* midnight */
3434
+ .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3435
+ background: #363b3f;
3436
+ border-color: #090a0b;
3437
+ }
3438
+ .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3439
+ .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3440
+ background: #ed543f;
3441
+ border-color: #a0382a;
3442
+ }
3443
+ /* ocean */
3444
+ .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3445
+ background: #738e96;
3446
+ border-color: #39464a;
3447
+ }
3448
+ .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3449
+ .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3450
+ background: #9ab8a0;
3451
+ border-color: #5a6c5e;
3452
+ }
3453
+ /* sunrise */
3454
+ .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3455
+ background: #da4f41;
3456
+ border-color: #8a322a;
3457
+ }
3458
+ .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3459
+ .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3460
+ background: #e88436;
3461
+ border-color: #e75546;
3462
+ }
3463
+
3464
+ /* --------------------------------------------------
3465
+ :: Meta Box Tabs
3466
+ ---------------------------------------------------*/
3467
+ .ot-metabox-tabs.ui-tabs {
3468
+ overflow: hidden;
3469
+ position: relative;
3470
+ }
3471
+ .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper {
3472
+ overflow: hidden;
3473
+ }
3474
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panels {
3475
+ background: white;
3476
+ border: 1px solid #ccc;
3477
+ margin: 7px 0 1px 0;
3478
+ min-height: 140px;
3479
+ overflow: hidden;
3480
+ padding: 12px;
3481
+ -webkit-border-radius: 2px;
3482
+ -moz-border-radius: 2px;
3483
+ border-radius: 2px;
3484
+ }
3485
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3486
+ float: left;
3487
+ list-style: none;
3488
+ margin: 0 -1px 0 0;
3489
+ padding: 18px 0 12px 0;
3490
+ width: 151px;
3491
+ }
3492
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li,
3493
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-focus {
3494
+ background: none;
3495
+ border: 1px solid transparent;
3496
+ border-right-width: 0px;
3497
+ display: block;
3498
+ margin: 0;
3499
+ outline: 0;
3500
+ padding: 1px 0;
3501
+ width: 150px;
3502
+ -webkit-border-radius: 2px 0 0 2px;
3503
+ -moz-border-radius: 2px 0 0 2px;
3504
+ border-radius: 2px 0 0 2px;
3505
+ }
3506
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active {
3507
+ background: white;
3508
+ border-color: #ccc;
3509
+ color: black;
3510
+ }
3511
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
3512
+ color: #21759b;
3513
+ display: block;
3514
+ line-height: 18px;
3515
+ outline: 0;
3516
+ padding: 5px 5px 5px 12px;
3517
+ text-decoration: none;
3518
+ }
3519
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover {
3520
+ color: black;
3521
+ outline: none;
3522
+ }
3523
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a {
3524
+ color: black;
3525
+ outline: none;
3526
+ }
3527
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panel {
3528
+ clear: both;
3529
+ }
3530
+
3531
+ /* --------------------------------------------------
3532
+ :: Theme Option & Side Metabox Tabs
3533
+ ---------------------------------------------------*/
3534
+ .ot-theme-option-tabs.ui-tabs
3535
+ #side-sortables .ot-metabox-tabs.ui-tabs {
3536
+ position: relative;
3537
+ }
3538
+ .ot-theme-option-tabs.ui-tabs .inside,
3539
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper {
3540
+ overflow: hidden;
3541
+ }
3542
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-panels,
3543
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-panels {
3544
+ border: 0;
3545
+ margin: 0;
3546
+ overflow: hidden;
3547
+ padding: 0;
3548
+ width: 100%;
3549
+ }
3550
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav,
3551
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3552
+ border-bottom: 1px solid #ccc;
3553
+ float: none;
3554
+ font-size: 12px !important;
3555
+ height: 30px;
3556
+ list-style: none;
3557
+ margin: 2px 0 0 0;
3558
+ padding: 0;
3559
+ width: 100%;
3560
+ }
3561
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3562
+ margin-top: 10px;
3563
+ }
3564
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-default,
3565
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-default {
3566
+ background: #fafafa;
3567
+ border: 1px solid #ccc;
3568
+ border-width: 1px 1px 0px 1px;
3569
+ display: block;
3570
+ float: left;
3571
+ margin: 0 0 0 3px;
3572
+ padding: 0;
3573
+ outline: 0;
3574
+ -webkit-border-radius: 2px 2px 0 0;
3575
+ -moz-border-radius: 2px 2px 0 0;
3576
+ border-radius: 2px 2px 0 0;
3577
+ }
3578
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li:hover,
3579
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li:hover {
3580
+ background: #f1f1f1;
3581
+ border: 1px solid #ccc;
3582
+ border-width: 1px 1px 0px 1px;
3583
+ }
3584
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-active,
3585
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active {
3586
+ background: white;
3587
+ border-color: #ccc;
3588
+ border-width: 1px 1px 0px 1px;
3589
+ color: black;
3590
+ padding: 0;
3591
+ -webkit-border-radius: 2px 2px 0 0;
3592
+ -moz-border-radius: 2px 2px 0 0;
3593
+ border-radius: 2px 2px 0 0;
3594
+ }
3595
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li a,
3596
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
3597
+ color: #21759b;
3598
+ display: block;
3599
+ line-height: 18px;
3600
+ outline: 0;
3601
+ padding: 6px 12px 5px 12px !important;
3602
+ text-decoration: none;
3603
+ }
3604
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li a:hover,
3605
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover {
3606
+ color: black;
3607
+ outline: none;
3608
+ }
3609
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-active a,
3610
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a {
3611
+ color: black;
3612
+ outline: none;
3613
+ padding: 6px 12px 6px 12px !important;
3614
+ }
3615
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-panel,
3616
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-panel {
3617
+ clear: both;
3618
+ }
3619
+ #side-sortables .ot-metabox-tabs.ui-tabs .format-setting .description,
3620
+ #side-sortables .ot-metabox-tabs.ui-tabs .format-setting .format-setting-inner {
3621
+ width: 100%;
3622
+ }
3623
+
3624
+ /* --------------------------------------------------
3625
+ :: Metabox Tabs for Small Screens & Mobile Devices
3626
+ ---------------------------------------------------*/
3627
+ @media screen and ( max-width: 1020px ) {
3628
+ .ot-metabox-tabs.ui-tabs {
3629
+ position: relative;
3630
+ }
3631
+ .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper {
3632
+ overflow: hidden;
3633
+ }
3634
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panels {
3635
+ border: 0;
3636
+ margin: 0;
3637
+ overflow: hidden;
3638
+ padding: 0;
3639
+ width: 100%;
3640
+ }
3641
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3642
+ border-bottom: 1px solid #ccc;
3643
+ float: none;
3644
+ font-size: 12px !important;
3645
+ height: 30px;
3646
+ list-style: none;
3647
+ margin: 2px 0 0 0;
3648
+ padding: 0;
3649
+ width: 100%;
3650
+ }
3651
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3652
+ margin-top: 10px;
3653
+ }
3654
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-default {
3655
+ background: #fafafa;
3656
+ border: 1px solid #ccc;
3657
+ border-width: 1px 1px 0px 1px;
3658
+ display: block;
3659
+ float: left;
3660
+ margin: 0 0 0 3px;
3661
+ padding: 0;
3662
+ outline: 0;
3663
+ -webkit-border-radius: 2px 2px 0 0;
3664
+ -moz-border-radius: 2px 2px 0 0;
3665
+ border-radius: 2px 2px 0 0;
3666
+ }
3667
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li:hover {
3668
+ background: #f1f1f1;
3669
+ border: 1px solid #ccc;
3670
+ border-width: 1px 1px 0px 1px;
3671
+ }
3672
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active {
3673
+ background: white;
3674
+ border-color: #ccc;
3675
+ border-width: 1px 1px 0px 1px;
3676
+ color: black;
3677
+ padding: 0;
3678
+ -webkit-border-radius: 2px 2px 0 0;
3679
+ -moz-border-radius: 2px 2px 0 0;
3680
+ border-radius: 2px 2px 0 0;
3681
+ }
3682
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
3683
+ color: #21759b;
3684
+ display: block;
3685
+ line-height: 18px;
3686
+ outline: 0;
3687
+ padding: 6px 12px 5px 12px !important;
3688
+ text-decoration: none;
3689
+ }
3690
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover {
3691
+ color: black;
3692
+ outline: none;
3693
+ }
3694
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a {
3695
+ color: black;
3696
+ outline: none;
3697
+ padding: 6px 12px 6px 12px !important;
3698
+ }
3699
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panel {
3700
+ clear: both;
3701
+ }
3702
+ }
3703
+ .table_custom {
3704
+ background: #eeeeee;
3705
+ }
3706
+ .table_custom tr th{
3707
+ padding-left: 10px !important;
3708
+ }
3709
+
3710
+ .widefat{
3711
+ background: #eeeeee !important;
3712
+ }
3713
+ .tbl-default-btn{
3714
+ float: right;
3715
+ }
3716
+ .wff-att-name{width:20%;}
3717
+ .wff-att-uses{width:60%;}
3718
+ th.wff-att-name, th.wff-att-uses {background: #ddd; font-weight:bold;}
3719
+ td.wff-att-name, td.wff-att-uses {background: #eee; border-bottom:1px solid #ddd; font-size: 14px;}
css/style.css ADDED
@@ -0,0 +1,38 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Browser weighs rules containing IDs higher than those that target classes or attributes.
2
+ So it might be a good idea to wrap complete html in a div with plugin specific id.
3
+
4
+ */
5
+ .wff-row{ width:100%; min-height:10px;}
6
+ .wff-facebook-feed-image-div{ width:60px; min-height:60px; float:left; }
7
+ .wff-facebook-feed-title-div{ float:left; width:85%; min-height:20px; margin:0 5px; }
8
+
9
+ .wff-fb-item { padding: 22px 0 18px 0; overflow:auto;}
10
+ .wff-fb-author-data a {text-decoration:none;}
11
+ .wff-fb-item .wff-post-text{ clear:both; }
12
+ .wff-post-text{margin:10px 0; display:block; word-break: break-word;}
13
+ .wff-post-text p{ margin-bottom:10px; }
14
+ .more-content{margin:10px 0; word-break: break-word;}
15
+ .more-content p{ margin-bottom:10px; }
16
+ .wff-author-image{ width: 50px;margin-right: 10px;display: inline;float: left; }
17
+ .wff-author-name p{ margin-bottom:6px !important; text-decoration:none; font-weight:bold;}
18
+ p.wff-date{ font-size:11px; color:grey;font-weight:normal; }
19
+ .wff-view-on-facebook{ margin-top:15px; }
20
+ .wff-view-on-facebook a{ font-size:12px; float:right;}
21
+ .wff-shared-link-wrapper{border:1px solid #ddd;padding:10px;}
22
+ .wff-shared-link-wrapper { background-color: #F5F5F5;margin-top:10px; }
23
+ .wff-link-title{ font-weight:bolder; }
24
+ .post-desc{margin-bottom: 0px !important; }
25
+ .link-title{margin-bottom: 5px !important; }
26
+ .wff-post-description span{ font-size:16px; }
27
+ .wff-post-description span a{ font-size:18px; display:block; word-wrap:break-word; }
28
+ .wff-shared-link-wrapper p{ margin-top:5px; margin-bottom:5px; word-wrap:break-word;}
29
+ .wff-author-wrapper a {text-decoration:none !important; }
30
+ a.wff-more-link, a.wff-less-link{ text-decoration:none !important; display:inline; font-size:12px;}
31
+ .description-wrapper{border:1px solid #ddd;padding:10px;background-color: #F5F5F5;margin-top:10px;}
32
+ .wff-author-wrapper {padding-bottom:0px; /* 20px */ }
33
+ .wff-event-title {margin-bottom:0px;}
34
+ .wff-event-title a{text-decoration:none !important;}
35
+ .wff-event-content{ margin: 0;}
36
+ .event-date{font-size:11px; color:grey;font-weight:normal;}
37
+ .cleafix{ clear:both;}
38
+ a.wff-link-tab{text-decoration:none !important;}
js/plugin-admin-panel.js ADDED
@@ -0,0 +1,9 @@
 
 
 
 
 
 
 
 
 
1
+ jQuery(function($) {
2
+ $( "#option-tree-settings-api" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
3
+ $( "#option-tree-settings-api li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
4
+ });
5
+
6
+
7
+ jQuery(function($) {
8
+ $('.wff-color-picker-panel').wpColorPicker();
9
+ });
js/text-count.js ADDED
@@ -0,0 +1,19 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(document).ready(function() {
2
+
3
+ jQuery(".wff-more-link").click(function(){
4
+
5
+ jQuery(this).parent().parent(".wff-post-text").hide();
6
+ jQuery(this).parent().parent(".wff-post-text").next(".more-content").css("display", "block");
7
+ jQuery(this).hide();
8
+ jQuery(this).parent().parent(".wff-post-text").next(".more-content").find(".wff-less-link").show();
9
+
10
+ });
11
+
12
+ jQuery(".wff-less-link").click(function(){
13
+
14
+ jQuery(this).parent().parent(".more-content").hide();
15
+ jQuery(this).parent().parent().parent('.wff-fb-item').find(".wff-post-text").show();
16
+ jQuery(this).hide();
17
+ jQuery(document).find(".wff-more-link").show();
18
+ });
19
+ });
readme.txt ADDED
@@ -0,0 +1,48 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ === Seo Optimized Images ===
2
+ Contributors: priyanshu.mittal
3
+ Donate link: http://www.webriti.com/
4
+ Tags: seo, images, seo for images, alt , alt tag, alt attribute, traffic
5
+ Requires at least: 3.3+
6
+ Tested up to: 4.4
7
+ Stable tag: 1.0
8
+ License: GPLv2 or later
9
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
+
11
+ Seo Optmized Images Plugin lets you dynamically insert Seo Friendly alt attributes to your Images
12
+
13
+ == Description ==
14
+
15
+ The **SEO Optimized Images** plugin Seo Optmized Images Plugin lets you dynamically insert Seo Friendly alt attributes to your Images . Simply activate the plugin, provide the pattern and you are ready to go.
16
+
17
+ The plugin dunamically replaces the alt tags and does not make changes to the database. So if you deactivate the plugin, everything will be back to as it was.
18
+
19
+ Give **SEO Optmized Images** a try. We are sure you will like it.
20
+
21
+ In case you face any problem, contact us via the [Forums](https://wordpress.org/support/plugin/seo-optimized-images).
22
+
23
+
24
+
25
+
26
+
27
+ == Installation ==
28
+
29
+ 1. Download Seo Optimized Images plugin.
30
+ 2. Upload the seo-optimized-images folder to the /wp-content/plugins/ directory.
31
+ 3. Activate the plugin through the 'Plugins' menu in WordPress and Enjoy.
32
+
33
+
34
+ == Frequently Asked Questions ==
35
+
36
+
37
+
38
+
39
+ == Screenshots ==
40
+
41
+
42
+
43
+ == Changelog ==
44
+
45
+
46
+ = 1.0 =
47
+ 1. Initial Plugin Release
48
+
seo-optimized-images-settings.php ADDED
@@ -0,0 +1,211 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+
4
+
5
+
6
+ $default_options_data = array (
7
+
8
+
9
+ 'soi_alt_value' => '%name %title',
10
+ 'soi_title_value' => '',
11
+ 'soi_override_value' => '1',
12
+
13
+ );
14
+
15
+ // If there is no option setting in DB then assign default data to soi option array..
16
+
17
+
18
+ $soi_options_array = wp_parse_args(get_option('soi_options_values'), $default_options_data);
19
+ // print_r($soi_options_array);
20
+
21
+
22
+
23
+ if(isset($_POST['submit_general_settings_tab'])){
24
+
25
+
26
+
27
+ $soi_options_array['soi_alt_value'] = esc_attr($_POST['soi_alt_value']);
28
+ $soi_options_array['soi_title_value'] = esc_attr($_POST['soi_title_value']);
29
+ $soi_options_array['soi_override_value'] = esc_attr($_POST['soi_override_value']);
30
+
31
+ update_option ('soi_options_values', $soi_options_array );
32
+
33
+ }
34
+
35
+
36
+
37
+
38
+ ?>
39
+
40
+ <div class="wrap settings-wrap" id="page-settings">
41
+ <h2>Settings</h2>
42
+ <div id="option-tree-header-wrap">
43
+ <ul id="option-tree-header">
44
+ <li id=""><a href="" target="_blank"></a>
45
+ </li>
46
+ <li id="option-tree-version"><span>SEO Optimized Images</span>
47
+ </li>
48
+ </ul>
49
+ </div>
50
+ <div id="option-tree-settings-api">
51
+ <div id="option-tree-sub-header"></div>
52
+ <div class = "ui-tabs ui-widget ui-widget-content ui-corner-all">
53
+
54
+ <!-- Tabs Begin-->
55
+ <ul >
56
+ <li id="tab_create_setting"><a href="#section_general">General Settings</a>
57
+ </li>
58
+
59
+ <!--
60
+ <li id="tab_shortcode_atts" ><a href="#shortcode_atts">Shortcode Attributes</a>
61
+ </li>
62
+ <li id="tab_layouts" ><a href="#section_roadmap">RoadMap</a>
63
+ </li> -->
64
+
65
+ <li id="tab_faq" ><a href="#section_faq">FAQ</a>
66
+ </li>
67
+ <li id="tab_support" ><a href="#section_support">Support</a>
68
+ </li>
69
+
70
+ <!--
71
+ <li id="tab_support" ><a href="#get_beta_version">Get the Premium Version</a>
72
+ </li>
73
+ -->
74
+ </ul>
75
+ <!-- Tabs End-->
76
+
77
+
78
+ <div id="poststuff" class="metabox-holder">
79
+ <div id="post-body">
80
+ <div id="post-body-content">
81
+ <div id="section_general" class = "postbox">
82
+ <div class="inside">
83
+ <div id="setting_theme_options_ui_text" class="format-settings">
84
+ <div class="format-setting-wrap">
85
+
86
+ <div class = "format-setting type-textarea has-desc">
87
+ <div class = "format-setting-inner">
88
+ <form method="post" action="#section_general">
89
+ <div class="format-setting-label">
90
+ <h3 class="label">General Settings</h3>
91
+ </div>
92
+
93
+ <table class="form-table table_custom">
94
+ <tr valign="top">
95
+ <th scope="row"><?php _e('Alt Attribute Value','seoimages');?></th>
96
+ <td><input type="text" name="soi_alt_value" value="<?php echo esc_attr( $soi_options_array['soi_alt_value'] ); ?>" />
97
+ <p class=""><?php _e('The Alt attributes will be dynamically replaced by the above value.', 'seoimages') ?></p>
98
+ <p class=""> %name - It will insert Image Name,<br> %title- It will insert Post Title.</p>
99
+
100
+ </td>
101
+ </tr>
102
+ <!--
103
+ <tr valign="top">
104
+ <th scope="row"><?php _e('Title Attribute Value','seoimages');?></th>
105
+ <td><input type="text" name="soi_title_value" value="<?php echo esc_attr( $soi_options_array['soi_title_value'] ); ?>" />
106
+ <p class=""><?php _e('The Title attribute will be dynamically replaced by the above value.', 'seoimages') ?></p>
107
+
108
+ </td>
109
+ </tr>
110
+ -->
111
+
112
+
113
+
114
+
115
+ <tr valign="top">
116
+ <th scope="row"><?php _e('Override Existing Alt Tag','seoimages');?></th>
117
+ <td><select id="soi_override_value" name="soi_override_value">
118
+ <?php $override_setting = array(
119
+ '1'=>'YES',
120
+ '0'=>'NO'); ?>
121
+ <?php foreach($override_setting as $key => $value) { ?>
122
+ <option value="<?php echo $key; ?>" <?php if ($soi_options_array['soi_override_value']==$key) { echo 'selected="selected"'; } ?> >
123
+ <?php _e($value,'seoimages') ?> </option>
124
+ <?php } ?>
125
+ </select>
126
+ <p class=""><?php _e('Do you want to Over Ride existing alt tags?','seoimages') ?></p>
127
+ </td>
128
+ </tr>
129
+
130
+
131
+
132
+
133
+
134
+
135
+ </table>
136
+
137
+ <table class="form-table ">
138
+ <tr valign="top">
139
+ <td><input type="submit" name="submit_general_settings_tab" value="save changes" class="button button-primary"></td>
140
+ </tr>
141
+ </table>
142
+
143
+
144
+ </form>
145
+
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+
153
+
154
+ <div id="section_faq" class = "postbox">
155
+ <div class="inside">
156
+ <div class="format-settings">
157
+ <div class="format-setting-wrap">
158
+ <div class="format-setting-label">
159
+ <h3 class="label">How Does it Work? </h3>
160
+ </div>
161
+ </div>
162
+ </div>
163
+
164
+ <p><span class="description">1. The plugin dynamically replaces the alt tags with the pattern specified by you. It makes no changes to the database. </span></p>
165
+ <p><span class="description">2. Since there are no changes to the databaee, one can have different alt tags for same images on different pages / posts.</span></p>
166
+ <p><span class="description">3. %name - It will insert Image Name, %title- It will insert Post Title. </span></p>
167
+
168
+ </div>
169
+
170
+ <div class="inside">
171
+ <div class="format-settings">
172
+ <div class="format-setting-wrap">
173
+ <div class="format-setting-label">
174
+ <h3 class="label"> Why Optimize Alt Tags </h3>
175
+ </div>
176
+ </div>
177
+ </div>
178
+
179
+ <p><span class="description">1. According to <a target = "_blank" href = "http://googlewebmastercentral.blogspot.in/2007/12/using-alt-attributes-smartly.html">this post </a> on the Google Webmaster Blog, Google tends to focus on the information in the ALT text. Creating a optimized alt tags can bring more traffic from Search Engines </span></p>
180
+ <p><span class="description">2. Take note that the plugin does not makes changes to the database. It dynamically replaces the tags at the times of page load.</span></p>
181
+
182
+ </div>
183
+
184
+
185
+ </div>
186
+
187
+
188
+ <div id="section_support" class = "postbox">
189
+ <div class="inside">
190
+ <div class="format-settings">
191
+ <div class="format-setting-wrap">
192
+ <div class="format-setting-label">
193
+ <h3 class="label">Support </h3>
194
+ </div>
195
+ </div>
196
+ </div>
197
+
198
+ <p><span class="description">1. For any queries contact us via the <a href = "" target = "_blank">support forums.</a></span></p>
199
+
200
+
201
+ </div>
202
+ </div>
203
+
204
+
205
+ </div>
206
+ </div>
207
+ </div>
208
+ <div class="clear"></div>
209
+ </div>
210
+ </div>
211
+ </div>
seo-optimized-images.php ADDED
@@ -0,0 +1,179 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ Plugin Name: SEO Optimized Images
5
+ Plugin URI: http://webriti.com
6
+ Description:
7
+ Version: 1.0
8
+ Author: priyanshu.mittal
9
+ Author URI: http://webriti.com
10
+
11
+
12
+ */
13
+ add_filter('the_content', 'soi_replace_alt', 100);
14
+
15
+
16
+
17
+ function soi_replace_alt ($content, $alt_text='')
18
+ {
19
+
20
+
21
+ global $post;
22
+
23
+ $soi_options_array = get_option('soi_options_values');
24
+
25
+ $alt_text = $soi_options_array['soi_alt_value'];
26
+ $post_title = $post->post_title;
27
+
28
+ // preapre the alt text
29
+
30
+
31
+ // Check if we need to overide the default alt and existing alt text
32
+ // We will set the flag 1 or 0
33
+
34
+
35
+ $flag = $soi_options_array['soi_override_value'];
36
+
37
+ // Set the alt pattern
38
+
39
+
40
+
41
+
42
+ // print_r($post);
43
+
44
+
45
+
46
+ // This piece of code first finds all the images in the page
47
+ // Then we proceed to finding missing or empty alt tags
48
+
49
+ $soi_options_array = get_option('soi_options_values');
50
+
51
+
52
+ $count = preg_match_all('/<img[^>]+>/i', $content, $images);
53
+
54
+
55
+ // If we find images on the page then proceed to check the alt tags
56
+
57
+ // We also need to calaculate the velue to be inserted in the tags based on user input
58
+
59
+
60
+ if($count>0)
61
+ {
62
+
63
+ // Here we will set the alt value to be inserted.
64
+ // $t = "$post_title";
65
+
66
+ // we want to output like alt = "text"
67
+ // $t = 'alt = "'.$post_title.'"';
68
+ $t = 'alt = "'.$alt_text.'"';
69
+
70
+
71
+
72
+ foreach($images[0] as $img)
73
+ { // check if the alt tag exists in the image
74
+
75
+
76
+ // Get the Name of Image File.
77
+
78
+ $output = preg_match_all( '/<img[^>]+src=[\'"]([^\'"]+)[\'"].*>/i', $img, $matches);
79
+
80
+ $get_file_name = pathinfo($matches[1][0]);
81
+ $image_file_name = $get_file_name['filename'];
82
+
83
+ // Replace the Values
84
+
85
+ $alt_text = str_replace('%title',$post_title,$alt_text );
86
+ $alt_text = str_replace('%name',$image_file_name,$alt_text );
87
+
88
+ $t = 'alt = "'.$alt_text.'"';
89
+
90
+ $is_alt = preg_match_all('/ alt="([^"]*)"/i', $img, $alt);
91
+
92
+
93
+ // In case there is not alt tag, create the tag and insert the value
94
+
95
+ if($is_alt==0)
96
+ { $new_img = str_replace('<img ', '<img '.$t , $img);
97
+ $content = str_replace($img, $new_img, $content);
98
+ }
99
+
100
+
101
+ elseif($is_alt==1)
102
+
103
+ {
104
+
105
+ $text = trim($alt[1][0]);
106
+
107
+
108
+ // Check if the alt text is empty.
109
+
110
+ if(empty($text))
111
+ {
112
+
113
+
114
+ $new_img = str_replace($alt[0][0], $t, $img);
115
+
116
+ $content = str_replace($img, $new_img, $content);
117
+ }
118
+
119
+ // Should we override the existing alt tag
120
+ if ($flag == "1")
121
+
122
+ {
123
+
124
+ $new_img = str_replace($alt[0][0], $t, $img);
125
+
126
+ $content = str_replace($img, $new_img, $content);
127
+
128
+
129
+ }
130
+
131
+
132
+
133
+ }
134
+ }
135
+ }
136
+
137
+ return $content;
138
+ }
139
+
140
+
141
+
142
+ add_action('admin_menu', 'soi_add_menu_page');
143
+
144
+ function soi_add_menu_page()
145
+ {
146
+ add_menu_page( 'soi_settings_page', 'Seo Optimized Images', 'administrator', 'soi_setting','soi_create_setting_page','');
147
+ }
148
+
149
+ function soi_create_setting_page()
150
+ {
151
+ require_once('seo-optimized-images-settings.php');
152
+ }
153
+
154
+
155
+ add_action( 'admin_enqueue_scripts', 'soi_load_custom_wp_admin_style' );
156
+
157
+ function soi_load_custom_wp_admin_style($hook) {
158
+ if ($hook != 'toplevel_page_soi_setting'){return;} // we dont want to load our css on other pages
159
+ wp_register_style ('soi_custom_wp_admin_css', plugins_url('css/plugin-admin-panel.css', __FILE__));
160
+ wp_enqueue_style( 'soi_custom_wp_admin_css' );
161
+ wp_enqueue_style( 'wp-color-picker' ); // here we add the color picker style for use in our plugin
162
+
163
+ }
164
+
165
+
166
+
167
+ function soi_load_custom_wp_admin_scripts($hook) {
168
+
169
+
170
+ if ($hook != 'toplevel_page_soi_setting'){return;} // we dont want to load our js on other pages
171
+
172
+ wp_register_script( 'soi_custom_wp_admin_js', plugin_dir_url( __FILE__ ) . 'js/plugin-admin-panel.js',array('jquery','jquery-ui-core','jquery-ui-tabs','wp-color-picker'), false, '1.0.0' );
173
+ wp_enqueue_script ('soi_custom_wp_admin_js');
174
+
175
+
176
+ }
177
+ add_action( 'admin_enqueue_scripts', 'soi_load_custom_wp_admin_scripts' );
178
+
179
+