Project

General

Profile

1
.jssocials-share-twitter .jssocials-share-link {
2
  background: #00aced;
3
  border: 1px solid #0099d4; }
4
  .jssocials-share-twitter .jssocials-share-link:hover {
5
    background: #0087ba; }
6

    
7
.jssocials-share-facebook .jssocials-share-link {
8
  background: #3b5998;
9
  border: 1px solid #344e86; }
10
  .jssocials-share-facebook .jssocials-share-link:hover {
11
    background: #2d4373; }
12

    
13
.jssocials-share-googleplus .jssocials-share-link {
14
  background: #dd4b39;
15
  border: 1px solid #d73925; }
16
  .jssocials-share-googleplus .jssocials-share-link:hover {
17
    background: #c23321; }
18

    
19
.jssocials-share-linkedin .jssocials-share-link {
20
  background: #007bb6;
21
  border: 1px solid #006a9d; }
22
  .jssocials-share-linkedin .jssocials-share-link:hover {
23
    background: #005983; }
24

    
25
.jssocials-share-pinterest .jssocials-share-link {
26
  background: #cb2027;
27
  border: 1px solid #b51d23; }
28
  .jssocials-share-pinterest .jssocials-share-link:hover {
29
    background: #9f191f; }
30

    
31
.jssocials-share-email .jssocials-share-link {
32
  background: #3490F3;
33
  border: 1px solid #1c83f2; }
34
  .jssocials-share-email .jssocials-share-link:hover {
35
    background: #0e76e6; }
36

    
37
.jssocials-share-stumbleupon .jssocials-share-link {
38
  background: #eb4823;
39
  border: 1px solid #e03a14; }
40
  .jssocials-share-stumbleupon .jssocials-share-link:hover {
41
    background: #c93412; }
42

    
43
.jssocials-share-whatsapp .jssocials-share-link {
44
  background: #29a628;
45
  border: 1px solid #249123; }
46
  .jssocials-share-whatsapp .jssocials-share-link:hover {
47
    background: #1f7d1e; }
48

    
49
.jssocials-share-telegram .jssocials-share-link {
50
  background: #2ca5e0;
51
  border: 1px solid #1f98d3; }
52
  .jssocials-share-telegram .jssocials-share-link:hover {
53
    background: #1c88bd; }
54

    
55
.jssocials-share-line .jssocials-share-link {
56
  background: #25af00;
57
  border: 1px solid #209600; }
58
  .jssocials-share-line .jssocials-share-link:hover {
59
    background: #1a7c00; }
60

    
61
.jssocials-share-viber .jssocials-share-link {
62
  background: #7b519d;
63
  border: 1px solid #6e488c; }
64
  .jssocials-share-viber .jssocials-share-link:hover {
65
    background: #61407b; }
66

    
67
.jssocials-share-pocket .jssocials-share-link {
68
  background: #ef4056;
69
  border: 1px solid #ed2841; }
70
  .jssocials-share-pocket .jssocials-share-link:hover {
71
    background: #e9132e; }
72

    
73
.jssocials-share-messenger .jssocials-share-link {
74
  background: #0084ff;
75
  border: 1px solid #0077e6; }
76
  .jssocials-share-messenger .jssocials-share-link:hover {
77
    background: #006acc; }
78

    
79
.jssocials-share-vkontakte .jssocials-share-link {
80
  background: #45668e;
81
  border: 1px solid #3d5a7d; }
82
  .jssocials-share-vkontakte .jssocials-share-link:hover {
83
    background: #344d6c; }
84

    
85
.jssocials-share-rss .jssocials-share-link {
86
  background: #ff9900;
87
  border: 1px solid #e68a00; }
88
  .jssocials-share-rss .jssocials-share-link:hover {
89
    background: #cc7a00; }
90

    
91
.jssocials-share-link {
92
  padding: .5em .6em;
93
  border-radius: 0.3em;
94
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
95
  color: #fff;
96
  -webkit-transition: background 200ms ease-in-out;
97
          transition: background 200ms ease-in-out; }
98
  .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
99
    color: #fff; }
100

    
101
.jssocials-share-count-box {
102
  position: relative;
103
  height: 2.5em;
104
  padding: 0 .3em;
105
  margin-left: 6px;
106
  border-radius: 0.3em;
107
  border: 1px solid #dcdcdc;
108
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
109
  .jssocials-share-count-box:before {
110
    content: "";
111
    position: absolute;
112
    top: 1em;
113
    left: -9px;
114
    display: block;
115
    width: 0;
116
    border-style: solid;
117
    border-width: 6px 6px 0;
118
    border-color: #dcdcdc transparent;
119
    -webkit-transform: rotate(90deg);
120
        -ms-transform: rotate(90deg);
121
            transform: rotate(90deg); }
122
  .jssocials-share-count-box:after {
123
    content: "";
124
    position: absolute;
125
    top: 1em;
126
    left: -7px;
127
    display: block;
128
    width: 0;
129
    border-style: solid;
130
    border-width: 5px 5px 0;
131
    border-color: #fff transparent;
132
    -webkit-transform: rotate(90deg);
133
        -ms-transform: rotate(90deg);
134
            transform: rotate(90deg); }
135
  .jssocials-share-count-box .jssocials-share-count {
136
    line-height: 2.75em;
137
    color: #444;
138
    font-size: .9em; }
(1-1/7)