Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
/***
2 
Social Icons
3 
***/
4 
 
5 
.social-icons {
6 
    padding: 0;
7 
    margin:0;
8 
 
9 
    @include clearfix();
10 
 
11 
    li {
12 
        float:left;
13 
        display:inline;
14 
        list-style:none;
15 
        margin-right:5px;
16 
        margin-bottom:5px;
17 
        text-indent:-9999px;
18 
 
19 
        > a {
20 
            @include border-radius(2px);
21 
            width:28px;
22 
            height:28px;
23 
            display:block;
24 
            background-position:0 0;
25 
            background-repeat:no-repeat;
26 
            transition: all 0.3s ease-in-out;
27 
            -o-transition: all 0.3s ease-in-out;
28 
            -ms-transition: all 0.3s ease-in-out;
29 
            -moz-transition: all 0.3s ease-in-out;
30 
            -webkit-transition: all 0.3s ease-in-out;
31 
 
32 
            @if $theme-type == "material-design" {
33 
                @extend .md-shadow-z-1;
34 
            }
35 
        }
36 
 
37 
        &:hover {
38 
            > a {
39 
                background-position:0 -38px;
40 
 
41 
                @if $theme-type == "material-design" {
42 
                    @extend .md-shadow-z-2-hover;
43 
                }
44 
            }
45 
        }
46 
 
47 
        .amazon {background: url(#{$global-img-path}social/amazon.png) no-repeat;}
48 
        .behance {background: url(#{$global-img-path}social/behance.png) no-repeat;}
49 
        .blogger {background: url(#{$global-img-path}social/blogger.png) no-repeat;}
50 
        .deviantart {background: url(#{$global-img-path}social/deviantart.png) no-repeat;}
51 
        .dribbble {background: url(#{$global-img-path}social/dribbble.png) no-repeat;}
52 
        .dropbox {background: url(#{$global-img-path}social/dropbox.png) no-repeat;}
53 
        .evernote {background: url(#{$global-img-path}social/evernote.png) no-repeat;}
54 
        .facebook {background: url(#{$global-img-path}social/facebook.png) no-repeat;}
55 
        .forrst {background: url(#{$global-img-path}social/forrst.png) no-repeat;}
56 
        .github {background: url(#{$global-img-path}social/github.png) no-repeat;}
57 
        .googleplus {background: url(#{$global-img-path}social/googleplus.png) no-repeat;}
58 
        .jolicloud {background: url(#{$global-img-path}social/jolicloud.png) no-repeat;}
59 
        .last-fm {background: url(#{$global-img-path}social/last-fm.png) no-repeat;}
60 
        .linkedin {background: url(#{$global-img-path}social/linkedin.png) no-repeat;}
61 
        .picasa {background: url(#{$global-img-path}social/picasa.png) no-repeat;}
62 
        .pintrest {background: url(#{$global-img-path}social/pintrest.png) no-repeat;}
63 
        .rss {background: url(#{$global-img-path}social/rss.png) no-repeat;}
64 
        .skype {background: url(#{$global-img-path}social/skype.png) no-repeat;}
65 
        .spotify {background: url(#{$global-img-path}social/spotify.png) no-repeat;}
66 
        .stumbleupon {background: url(#{$global-img-path}social/stumbleupon.png) no-repeat;}
67 
        .tumblr {background: url(#{$global-img-path}social/tumblr.png) no-repeat;}
68 
        .twitter {background: url(#{$global-img-path}social/twitter.png) no-repeat;}
69 
        .vimeo {background: url(#{$global-img-path}social/vimeo.png) no-repeat;}
70 
        .wordpress {background: url(#{$global-img-path}social/wordpress.png) no-repeat;}
71 
        .xing {background: url(#{$global-img-path}social/xing.png) no-repeat;}
72 
        .yahoo {background: url(#{$global-img-path}social/yahoo.png) no-repeat;}
73 
        .youtube {background: url(#{$global-img-path}social/youtube.png) no-repeat;}
74 
        .vk {background: url(#{$global-img-path}social/vk.png) no-repeat;}
75 
        .instagram {background: url(#{$global-img-path}social/instagram.png) no-repeat;}
76 
        .reddit {background: url(#{$global-img-path}social/reddit.png) no-repeat;}
77 
        .aboutme {background: url(#{$global-img-path}social/aboutme.png) no-repeat;}
78 
        .flickr {background: url(#{$global-img-path}social/flickr.png) no-repeat;}
79 
        .foursquare {background: url(#{$global-img-path}social/foursquare.png) no-repeat;}
80 
        .gravatar {background: url(#{$global-img-path}social/gravatar.png) no-repeat;}
81 
        .klout {background: url(#{$global-img-path}social/klout.png) no-repeat;}
82 
        .myspace {background: url(#{$global-img-path}social/myspace.png) no-repeat;}
83 
        .quora {background: url(#{$global-img-path}social/quora.png) no-repeat;}
84 
    }
85 
 
86 
    &.social-icons-color {
87 
        > li {
88 
            > a {
89 
                opacity: 0.7;
90 
                background-position:0 -38px !important;
91 
 
92 
                @if $theme-type == "material-design" {
93 
                    @extend .md-shadow-z-1;
94 
                }
95 
 
96 
                &:hover {
97 
                    opacity: 1;
98 
 
99 
                    @if $theme-type == "material-design" {
100 
                        @extend .md-shadow-z-2-hover;
101 
                    }
102 
                }
103 
            }
104 
        }
105 
    }
106 
 
107 
    &.social-icons-circle {
108 
        > li {
109 
            > a {
110 
                border-radius: 25px !important;
111 
            }
112 
        }
113 
    }
114 
 
115 
}
116 
 
117 
/***
118 
Inline Social Icons
119 
***/
120 
 
121 
.social-icon {
122 
    display:inline-block !important;
123 
    width:28px;
124 
    height:28px;
125 
    background-position:0 0;
126 
    background-repeat:no-repeat;
127 
    @include border-radius(2px);
128 
    transition: all 0.3s ease-in-out;
129 
    -o-transition: all 0.3s ease-in-out;
130 
    -ms-transition: all 0.3s ease-in-out;
131 
    -moz-transition: all 0.3s ease-in-out;
132 
    -webkit-transition: all 0.3s ease-in-out;
133 
 
134 
    &.social-icon-circle {
135 
        border-radius: 25px !important;
136 
    }
137 
}
138 
 
139 
.social-icon {
140 
    &.amazon {background: url(#{$global-img-path}social/amazon.png) no-repeat;}
141 
    &.behance {background: url(#{$global-img-path}social/behance.png) no-repeat;}
142 
    &.blogger {background: url(#{$global-img-path}social/blogger.png) no-repeat;}
143 
    &.deviantart {background: url(#{$global-img-path}social/deviantart.png) no-repeat;}
144 
    &.dribbble {background: url(#{$global-img-path}social/dribbble.png) no-repeat;}
145 
    &.dropbox {background: url(#{$global-img-path}social/dropbox.png) no-repeat;}
146 
    &.evernote {background: url(#{$global-img-path}social/evernote.png) no-repeat;}
147 
    &.facebook {background: url(#{$global-img-path}social/facebook.png) no-repeat;}
148 
    &.forrst {background: url(#{$global-img-path}social/forrst.png) no-repeat;}
149 
    &.github {background: url(#{$global-img-path}social/github.png) no-repeat;}
150 
    &.googleplus {background: url(#{$global-img-path}social/googleplus.png) no-repeat;}
151 
    &.jolicloud {background: url(#{$global-img-path}social/jolicloud.png) no-repeat;}
152 
    &.last-fm {background: url(#{$global-img-path}social/last-fm.png) no-repeat;}
153 
    &.linkedin {background: url(#{$global-img-path}social/linkedin.png) no-repeat;}
154 
    &.picasa {background: url(#{$global-img-path}social/picasa.png) no-repeat;}
155 
    &.pintrest {background: url(#{$global-img-path}social/pintrest.png) no-repeat;}
156 
    &.rss {background: url(#{$global-img-path}social/rss.png) no-repeat;}
157 
    &.skype {background: url(#{$global-img-path}social/skype.png) no-repeat;}
158 
    &.spotify {background: url(#{$global-img-path}social/spotify.png) no-repeat;}
159 
    &.stumbleupon {background: url(#{$global-img-path}social/stumbleupon.png) no-repeat;}
160 
    &.tumblr {background: url(#{$global-img-path}social/tumblr.png) no-repeat;}
161 
    &.twitter {background: url(#{$global-img-path}social/twitter.png) no-repeat;}
162 
    &.vimeo {background: url(#{$global-img-path}social/vimeo.png) no-repeat;}
163 
    &.wordpress {background: url(#{$global-img-path}social/wordpress.png) no-repeat;}
164 
    &.xing {background: url(#{$global-img-path}social/xing.png) no-repeat;}
165 
    &.yahoo {background: url(#{$global-img-path}social/yahoo.png) no-repeat;}
166 
    &.youtube {background: url(#{$global-img-path}social/youtube.png) no-repeat;}
167 
    &.vk {background: url(#{$global-img-path}social/vk.png) no-repeat;}
168 
    &.instagram {background: url(#{$global-img-path}social/instagram.png) no-repeat;}
169 
    &.reddit {background: url(#{$global-img-path}social/reddit.png) no-repeat;}
170 
    &.aboutme {background: url(#{$global-img-path}social/aboutme.png) no-repeat;}
171 
    &.flickr {background: url(#{$global-img-path}social/flickr.png) no-repeat;}
172 
    &.foursquare {background: url(#{$global-img-path}social/foursquare.png) no-repeat;}
173 
    &.gravatar {background: url(#{$global-img-path}social/gravatar.png) no-repeat;}
174 
    &.klout {background: url(#{$global-img-path}social/klout.png) no-repeat;}
175 
    &.myspace {background: url(#{$global-img-path}social/myspace.png) no-repeat;}
176 
    &.quora {background: url(#{$global-img-path}social/quora.png) no-repeat;}
177 
 
178 
    &:hover {
179 
      background-position:0 -38px;
180 
    }
181 
}
182 
 
183 
.social-icon-color {
184 
    opacity: 0.7;
185 
    background-position:0 -38px !important;
186 
 
187 
    &:hover {
188 
        opacity: 1;
189 
    }
190 
}