2016-09-08 06:35:35 +00:00
|
|
|
@import 'variables';
|
|
|
|
|
2015-02-24 16:08:24 +00:00
|
|
|
body {
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
background-color: white;
|
|
|
|
color: #424242;
|
2016-09-02 09:53:22 +00:00
|
|
|
font-family: $baseFontFamily;
|
2015-02-24 16:08:24 +00:00
|
|
|
font-size: 28px;
|
|
|
|
margin:0;
|
|
|
|
padding:0;
|
|
|
|
}
|
|
|
|
#wrap{
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
2015-11-23 21:54:10 +00:00
|
|
|
width:500px;
|
|
|
|
height: 565px;
|
2015-02-24 16:08:24 +00:00
|
|
|
overflow:hidden;
|
|
|
|
text-align: center;
|
|
|
|
margin: auto;
|
|
|
|
top: 0; left: 0; bottom: 0; right: 0;
|
|
|
|
}
|
|
|
|
.firefox{
|
|
|
|
font-size: 11pt;
|
|
|
|
color: #c8c8c8;
|
|
|
|
width: 468px;
|
|
|
|
text-align: center;
|
|
|
|
margin: 30px auto 0px auto;
|
|
|
|
padding-left: 15px;
|
|
|
|
}
|
|
|
|
#text{
|
|
|
|
display:inline-block;
|
|
|
|
font-size: 28px;
|
2015-11-23 21:54:10 +00:00
|
|
|
/* width: 568px; */
|
2015-02-24 16:08:24 +00:00
|
|
|
vertical-align:middle;
|
|
|
|
padding-top: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #087dba;
|
|
|
|
text-decoration:none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.browser {
|
|
|
|
width: 138px;
|
|
|
|
height: 163px;
|
|
|
|
margin-top: 5px;
|
|
|
|
background-color: #e8e8e8;
|
|
|
|
border: 1px solid #cfcfcf;
|
|
|
|
border-radius: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.browser_wrapper
|
|
|
|
{
|
|
|
|
width: 138px;
|
2015-11-23 21:54:10 +00:00
|
|
|
/* height: 188px; */
|
2015-02-24 16:08:24 +00:00
|
|
|
vertical-align: middle;
|
|
|
|
color: #929391;
|
|
|
|
font-size: 20px;
|
|
|
|
float: left;
|
|
|
|
margin-left: 15px;
|
2015-11-23 21:54:10 +00:00
|
|
|
margin-top: 5px;
|
2015-02-24 16:08:24 +00:00
|
|
|
}
|
|
|
|
|
2015-11-23 21:54:10 +00:00
|
|
|
.browser_text
|
|
|
|
{
|
|
|
|
height: 2em;
|
|
|
|
}
|
2015-02-24 16:08:24 +00:00
|
|
|
.supported_browsers
|
|
|
|
{
|
|
|
|
margin: 0px auto 0px auto;
|
2015-11-23 21:54:10 +00:00
|
|
|
/* width: 660px; */
|
2015-02-24 16:08:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.clear
|
|
|
|
{
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button
|
|
|
|
{
|
|
|
|
background-color: #62c82a;
|
|
|
|
border: 1px solid #3c8117;
|
|
|
|
border-radius: 10px;
|
|
|
|
color: #FFFFFF;
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
width: 115px;
|
|
|
|
height: 26px;
|
|
|
|
padding-top: 13px;
|
|
|
|
margin: 15px auto 0px auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo
|
|
|
|
{
|
|
|
|
margin: 20px auto 0px auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
#chrome_logo
|
|
|
|
{
|
|
|
|
width: 78px;
|
|
|
|
height: 78px;
|
2016-08-11 15:14:06 +00:00
|
|
|
background-image: url('../images/chrome.png');
|
2015-02-24 16:08:24 +00:00
|
|
|
}
|
|
|
|
#chromium_logo
|
|
|
|
{
|
2015-11-23 21:54:10 +00:00
|
|
|
width: 77px;
|
|
|
|
height: 78px;
|
2016-08-11 15:14:06 +00:00
|
|
|
background-image: url('../images/chromium.png');
|
2015-02-24 16:08:24 +00:00
|
|
|
}
|
2015-11-09 19:12:05 +00:00
|
|
|
#firefox_logo
|
2015-03-12 15:33:27 +00:00
|
|
|
{
|
2015-11-23 21:54:10 +00:00
|
|
|
width: 86px;
|
|
|
|
height: 80px;
|
2016-08-11 15:14:06 +00:00
|
|
|
background-image: url('../images/firefox.png');
|
2015-03-12 15:33:27 +00:00
|
|
|
}
|
|
|
|
|
2015-02-24 16:08:24 +00:00
|
|
|
#opera_logo
|
|
|
|
{
|
|
|
|
width: 73px;
|
|
|
|
height: 78px;
|
2016-08-11 15:14:06 +00:00
|
|
|
background-image: url('../images/opera.png');
|
2015-02-24 16:08:24 +00:00
|
|
|
}
|
2015-11-23 21:54:10 +00:00
|
|
|
|
|
|
|
#safari_logo
|
|
|
|
{
|
|
|
|
width: 78px;
|
|
|
|
height: 79px;
|
2016-08-11 15:14:06 +00:00
|
|
|
background-image: url('../images/safari.png');
|
2015-11-23 21:54:10 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#ie_logo
|
|
|
|
{
|
|
|
|
width: 80px;
|
|
|
|
height: 78px;
|
2016-08-11 15:14:06 +00:00
|
|
|
background-image: url('../images/ie.png');
|
2015-11-23 21:54:10 +00:00
|
|
|
}
|
|
|
|
|