-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathjdm-fab.css
86 lines (78 loc) · 5.88 KB
/
jdm-fab.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
/* JDM FAB Styles */
.no-js #hide-admin-buttons{display:none;}
/* @since v1.2 */
@font-face {
font-family: 'fab-icons';
src: url('../font/fab-icons.eot?66843222');
src: url('../font/fab-icons.eot?66843222#iefix') format('embedded-opentype'),
url('../font/fab-icons.woff2?66843222') format('woff2'),
url('../font/fab-icons.woff?66843222') format('woff'),
url('../font/fab-icons.ttf?66843222') format('truetype'),
url('../font/fab-icons.svg?66843222#fab-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.fab-icon:before {
font-family: "fab-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
margin-left:0;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fab-pencil-neg:before { content: '\e800'; }
.fab-resize-full:before { content: '\e801'; }
.fab-cog:before { content: '\e802'; }
.fab-equalizer:before { content: '\e803'; }
.fab-block:before { content: '\e804'; }
.fab-brush:before { content: '\e805'; }
.fab-user:before { content: '\e806'; }
.fab-eye:before { content: '\e807'; }
.fab-cw:before { content: '\e808'; }
/* IE7 hack @since v1.2 - Assumes Modernizr is loaded and that test is run */
.ie8compat .fab-pencil-neg { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-equalizer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-block { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-brush { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-eye { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.ie8compat .fab-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
/* in case of no Bootstrap - since v0.7 */
.no-bs .btn{ margin-left:0; opacity:0.8; -moz-user-select: none; -webkit-user-select:none; -ms-user-select: none; background-image: none; border-radius: 4px; cursor: pointer; font-size: 16px; line-height:22px; font-weight: normal; padding: 6px 12px; vertical-align: middle; white-space: nowrap; text-transform:none; letter-spacing:normal;}
.no-bs a.btn:hover{opacity:1;}
.no-bs .btn .genericon{font-size:22px; line-height:22px; vertical-align:middle;}
.no-bs .btn-block { display: block; width: 100%;}
.no-bs .btn-default { background-color: #f6f6f6; border-color: #ccc; color: #444;}
.no-bs .btn-info { background-color: #5bc0de; border-color: #46b8da; color: #fff;}
.no-bs .btn-primary { background-color: #007acc; border-color: #0171bc; color: #fff;}
.no-bs .btn-danger { background-color: #d9534f; border-color: #d43f3a; color: #fff;}
.no-bs .btn-warning{ opacity:1; background-color: #EC971F; border-color: #EC971F; color: #fff;}
.no-bs .btn-default:hover, .no-bs .btn-default:focus { opacity:1; background-color: #f1f1f1; border-color: #999; color: #222;}
.no-bs .btn-info:hover, .no-bs .btn-info:focus { opacity:1; background-color: #46b8da; border-color: #46b8da; color: #fff;}
.no-bs .btn-primary:hover, .no-bs .btn-primary:focus { opacity:1; background-color: #0171bc; border-color: #0171bc; color: #fff;}
.no-bs .btn-danger:hover, .no-bs .btn-danger:focus { opacity:1; background-color: #d43f3a; border-color: #d43f3a; color: #fff;}
.no-bs .btn-warning:hover, .no-bs .btn-warning:focus { opacity:1; background-color: #EC971F; border-color: #EC971F; color: #fff;}
/* general styles */
.jdm-fab{width:170px; position:fixed; top:60px; right:0; opacity:0.7;-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.home .jdm-fab{ top:105px;}
.jdm-fab{-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.admin-btns-wrapper .btn{font-family:"Open Sans",sans-serif; margin-bottom:2px; margin-right:0; text-align:left; line-height:2; border-top-right-radius:0; border-bottom-right-radius:0;}
.admin-btns-wrapper .btn span{margin-right:15px; margin-left:5px;}
.jdm-fab .genericon{height:1em; width:1em;}
.jdm-fab, .jdm-fab:hover, .jdm-fab:focus, .jdm-fab:active{-moz-transform: translateX(115px);-webkit-transform: translateX(115px);-o-transform: translateX(115px);-ms-transform: translateX(115px);transform: translateX(115px);}
.jdm-fab.fontawesome {-moz-transform: translateX(125px);-webkit-transform: translateX(125px);-o-transform: translateX(115px);-ms-transform: translateX(125px);transform: translateX(125px);}
.jdm-fab.genericons {-moz-transform: translateX(115px);-webkit-transform: translateX(115px);-o-transform: translateX(115px);-ms-transform: translateX(115px);transform: translateX(115px);}
.jdm-fab.fab-icons {-moz-transform: translateX(120px);-webkit-transform: translateX(120px);-o-transform: translateX(120px);-ms-transform: translateX(120px);transform: translateX(120px);}
.jdm-fab.genericons.has-hover, .jdm-fab.fontawesome.has-hover, .jdm-fab.fab-icons.has-hover, .jdm-fab.has-hover, .no-js .jdm-fab:hover{opacity:1;-moz-transform: translateX(0);-webkit-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
#fab-admin-btns.not-ready{opacity:0;}