source: extensions/SocialButtons/template/style.css @ 20358

Last change on this file since 20358 was 20358, checked in by mistic100, 11 years ago

create plugin SocialButtons

File size: 2.2 KB
Line 
1.socialbutt {
2  display:inline-block;
3  vertical-align:top;
4  margin:10px;
5  width:500px;
6  border:10px solid #f9f9f9;
7  border-radius:10px;
8  box-shadow:0 0 5px rgba(0,0,0,0.2);
9}
10.socialbutt table {
11  border-spacing: 0px;
12  width:100%;
13}
14
15.socialbutt td {
16  width:50%;
17  padding:10px 5px;
18  background-color:#ECF6FA;
19  border:1px solid #fff;
20  border-right-color:#CDE8F4;
21  border-bottom-color:#CDE8F4;
22  text-align:center;
23  vertical-align:center;
24  font-weight:normal;
25}
26.socialbutt thead td {
27  border-top:none;
28}
29.socialbutt tr td:last-child {
30  border-right:none;
31}
32.socialbutt tbody tr:last-child td {
33  border-bottom:none;
34}
35.socialbutt tr.button td {
36  padding:10px 20px;
37}
38.socialbutt tr.button td:hover {
39  background-color:#D0E7F2;
40}
41.socialbutt tr.property td:first-child {
42  font-weight:bold;
43}
44.socialbutt tbody tr td:first-child {
45  text-align:right;
46}
47.socialbutt tbody tr td:last-child {
48  text-align:left;
49}
50
51.socialbutt img {
52  vertical-align:bottom;
53}
54
55.socialbutt input[type='text'], .socialbutt select {
56  background:#eee;
57  color:#888;
58  border:1px solid #aaa;
59  border-radius:4px;
60  box-shadow:inset 0 1px 0 rgba(0,0,0,0.05);
61  padding:5px;
62}
63.socialbutt input[type='text']:focus, .socialbutt select:focus {
64  background:#fff;
65  border-color:#3399ff;
66}
67
68.submit {
69  display:inline-block;
70  margin:10px;
71}
72.submit input {
73  background: #33bbee;
74  background: -moz-linear-gradient(top,  #33bbee 0%, #339dde 100%);
75  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bbee), color-stop(100%,#339dde));
76  background: -webkit-linear-gradient(top,  #33bbee 0%,#339dde 100%);
77  background: -o-linear-gradient(top,  #33bbee 0%,#339dde 100%);
78  background: -ms-linear-gradient(top,  #33bbee 0%,#339dde 100%);
79  background: linear-gradient(to bottom,  #33bbee 0%,#339dde 100%);
80  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bbee', endColorstr='#339dde',GradientType=0 );
81 
82  border-color: #3399DD #3399DD #2288CC;
83  color: #FFFFFF !important;
84  font-size: 14px;
85  text-shadow: -1px -1px 0 #3399DD;
86  border-radius: 5px;
87  border-style: solid;
88  border-width: 1px;
89  padding: 5px 9px !important;
90  letter-spacing:0.1em;
91}
92.submit input:hover {
93  box-shadow: 0 0 5px #2288CC;
94  border-color: #3399DD #3399DD #2288CC;
95}
Note: See TracBrowser for help on using the repository browser.