Skip to content

Commit 897555a

Browse files
author
Vitaly Kryukov
authored
Add files via upload
1 parent 4a9227f commit 897555a

File tree

1 file changed

+27
-159
lines changed

1 file changed

+27
-159
lines changed

‎messenger-comparison/css/styles.css

Lines changed: 27 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -1,159 +1,27 @@
1-
* {
2-
font-family: 'Noto Sans', sans-serif;
3-
}
4-
5-
body {
6-
text-align: center;
7-
}
8-
9-
div.language {
10-
position: absolute;
11-
top: 15px;
12-
left: 15px;
13-
}
14-
15-
section.main {
16-
display: inline-block;
17-
margin: 30px;
18-
}
19-
20-
#ms-edge-wrapper {
21-
border-radius: 3px;
22-
-moz-box-shadow: 0 0 0 1px #c8c8c8;
23-
-webkit-box-shadow: 0 0 0 1px #c8c8c8;
24-
box-shadow: 0 0 0 1px #c8c8c8;
25-
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.30);
26-
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
27-
zoom: 1;
28-
}
29-
30-
h1.headline {
31-
margin: 0px 0px 38px 0px;
32-
}
33-
34-
a:link, a:visited, a:hover, a:active {
35-
color: #000;
36-
text-decoration: none;
37-
border-bottom: .1em solid rgba(0, 0, 0, .7);
38-
border-bottom-color: rgba(0, 0, 0, 0.7);
39-
border-bottom-style: solid;
40-
border-bottom-width: 0.1em;
41-
}
42-
43-
/*Table Configuration*/
44-
45-
table {
46-
position: relative;
47-
48-
border-spacing: 0;
49-
border-collapse: collapse;
50-
border-style: hidden;
51-
-webkit-border-radius: 3px;
52-
border-radius: 3px;
53-
-moz-box-shadow: 0 0 0 1px #c8c8c8;
54-
-webkit-box-shadow: 0 0 0 1px #c8c8c8;
55-
box-shadow: 0 0 0 1px #c8c8c8;
56-
}
57-
58-
th, td {
59-
border: 1px solid #c8c8c8;
60-
text-align: center;
61-
vertical-align: middle;
62-
padding: 10px 5px 10px 5px;
63-
font-size: 14px;
64-
}
65-
66-
th {
67-
height: 35px;
68-
}
69-
70-
th:first-child {
71-
-webkit-border-radius: 3px 0 0 0;
72-
border-radius: 3px 0 0 0;
73-
}
74-
75-
th:last-child {
76-
-webkit-border-radius: 0 3px 0 0;
77-
border-radius: 0 3px 0 0;
78-
}
79-
80-
td.bottom-left {
81-
-webkit-border-radius: 0 0 0 3px;
82-
border-radius: 0 0 0 3px;
83-
}
84-
85-
tr:last-child td:last-child {
86-
-webkit-border-radius: 0 0 3px 0;
87-
border-radius: 0 0 3px 0;
88-
}
89-
90-
.group-col {
91-
width: 70px;
92-
}
93-
94-
.aspect-col {
95-
width: 200px;
96-
}
97-
98-
.feature-col {
99-
width: 200px;
100-
}
101-
102-
.service-col {
103-
width: 250px;
104-
}
105-
106-
/*Messenger Icons*/
107-
108-
.telegram-icon {
109-
background-image: url('../icons/TelegramIcon.png');
110-
}
111-
112-
.viber-icon {
113-
background-image: url('../icons/ViberIcon.png');
114-
}
115-
116-
.whatsapp-icon {
117-
background-image: url('../icons/WhatsAppIcon.png');
118-
}
119-
120-
.telegram-icon, .viber-icon, .whatsapp-icon {
121-
background-repeat: no-repeat;
122-
background-size: 20px;
123-
background-position: 0px 5px;
124-
padding: 5px 25px 5px 25px;
125-
}
126-
127-
/*Cells Classes*/
128-
129-
.group-text {
130-
-webkit-transform: rotate(180deg);
131-
transform: rotate(180deg);
132-
writing-mode: tb-rl;
133-
writing-mode: vertical-rl;
134-
white-space: nowrap;
135-
vertical-align: middle;
136-
margin: 17px;
137-
}
138-
139-
.advantage {
140-
background-color: #d1ff82;
141-
border: 1px solid #b1b1b1;
142-
}
143-
144-
.mediocrity {
145-
background-color: #fff394;
146-
border: 1px solid #b1b1b1;
147-
}
148-
149-
.disadvantage {
150-
background-color: #ffbaba;
151-
border: 1px solid #b1b1b1;
152-
}
153-
154-
p.updated-date {
155-
margin: 30px 10px 20px 10px;
156-
font-size: 13px;
157-
font-style: italic;
158-
text-align: right;
159-
}
1+
*{font-family:'Noto Sans', sans-serif;}
2+
body{text-align:center;}
3+
div.language{position:absolute;top:15px;left:15px;}
4+
section.main{display:inline-block;margin:30px;}
5+
#ms-edge-wrapper{border-radius:3px;-moz-box-shadow:0 0 0 1px #c8c8c8;-webkit-box-shadow:0 0 0 1px #c8c8c8;box-shadow:0 0 0 1px #c8c8c8;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.30);-ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";zoom:1;}
6+
h1.headline{margin:0px 0px 38px 0px;}
7+
a:link, a:visited, a:hover, a:active{color:#000;text-decoration:none;border-bottom:.1em solid rgba(0, 0, 0, .7);border-bottom-color:rgba(0, 0, 0, 0.7);border-bottom-style:solid;border-bottom-width:0.1em;}
8+
table{position:relative;border-spacing:0;border-collapse:collapse;border-style:hidden;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 0 1px #c8c8c8;-webkit-box-shadow:0 0 0 1px #c8c8c8;box-shadow:0 0 0 1px #c8c8c8;}
9+
th, td{border:1px solid #c8c8c8;text-align:center;vertical-align:middle;padding:10px 5px 10px 5px;font-size:14px;}
10+
th{height:35px;}
11+
th:first-child{-webkit-border-radius:3px 0 0 0;border-radius:3px 0 0 0;}
12+
th:last-child{-webkit-border-radius:0 3px 0 0;border-radius:0 3px 0 0;}
13+
td.bottom-left{-webkit-border-radius:0 0 0 3px;border-radius:0 0 0 3px;}
14+
tr:last-child td:last-child{-webkit-border-radius:0 0 3px 0;border-radius:0 0 3px 0;}
15+
.group-col{width:70px;}
16+
.aspect-col{width:200px;}
17+
.feature-col{width:200px;}
18+
.service-col{width:250px;}
19+
.telegram-icon{background-image:url('../icons/TelegramIcon.png');}
20+
.viber-icon{background-image:url('../icons/ViberIcon.png');}
21+
.whatsapp-icon{background-image:url('../icons/WhatsAppIcon.png');}
22+
.telegram-icon, .viber-icon, .whatsapp-icon{background-repeat:no-repeat;background-size:20px;background-position:0px 5px;padding:5px 25px 5px 25px;}
23+
.group-text{-webkit-transform:rotate(180deg);transform:rotate(180deg);writing-mode:tb-rl;writing-mode:vertical-rl;white-space:nowrap;vertical-align:middle;margin:17px;}
24+
.advantage{background-color:#d1ff82;border:1px solid #b1b1b1;}
25+
.mediocrity{background-color:#fff394;border:1px solid #b1b1b1;}
26+
.disadvantage{background-color:#ffbaba;border:1px solid #b1b1b1;}
27+
p.updated-date{margin:30px 10px 20px 10px;font-size:13px;font-style:italic;text-align:right;}

0 commit comments

Comments
 (0)