@import url('https://fonts.googleapis.com/css?family=Fira+Sans'); #connectForm, input,#lostPass{ font-family: 'Fira Sans', sans-serif; } #shareMeButton{ position:absolute; bottom:30px; left:150px; width:200px; height:30px; } .centeredFrame { z-index:2; height:90%; width:70%; position:absolute; top:0; left:50%; margin-left:-35%; margin-top:2%; background-color: rgba(255, 255, 255, 0.8); padding:10px; overflow:auto; font-family: 'Roboto Condensed', sans-serif; color:#000; display:none; } .leftFrame{ z-index:2; height:270px; width:160px; position:absolute; top:50%; left:0%; margin-left:20px; margin-top:-135px; background-color: rgba(255, 255, 255, 0.8); padding:10px; font-family: 'Roboto Condensed', sans-serif; color:#000; } #closewinshare{ float:right; } @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); #message{ } .maintitle{ font-size:1.2em; font-weight:bold; } .smalltitle{ font-size:1.1em; font-weight:bold; } .maintext{ } .floatbox{ float:left; margin:10px; } #loginform{ width:40%; } #registerform{ width:50%; } #message{ height:10px; } #minitext{} .green{ color:#01943c; } .blue{ color:#4185d8; } .field{ width:80%; font-size:103%; margin:3px; } @media only screen and (max-width:719px) { .floatbox{ float:none; width:100%; margin:10px; } #loginform,#registerform{ width:100%; } } .button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% 'Fira Sans', sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; font-weight:bold; } .medium { font-size: 12px; padding: .4em 1.5em .42em; } .small { font-size: 11px; padding: .2em 1em .275em; } /* orange */ .orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } /* red */ .red { color: #faddde; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .red:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } .css3buttonblue { margin:5px; font-family: 'Roboto Condensed', sans-serif; font-size: 105%; color: #ffffff; padding: 10px 20px; background: -moz-linear-gradient( top, #4185d8 0%, #74cfd6); background: -webkit-gradient( linear, left top, left bottom, from(#4185d8), to(#74cfd6)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); } .css3buttongreen { margin:5px; font-family: 'Roboto Condensed', sans-serif; font-size: 105%; color: #ffffff; padding: 10px 20px; background: -moz-linear-gradient( top, #01943c 0%, #81d674); background: -webkit-gradient( linear, left top, left bottom, from(#01943c), to(#81d674)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); } @media (max-width:500px) { .miniframe{ -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } #connectForm a,#connectForm a:hover{ text-decoration:none; color:#2600ff; } #contentFrame{ display:none; z-index:2; height:250px; width:300px; position:absolute; top:50%; left:50%; margin-left:-35%; margin-top:-125px; background-color: rgba(255, 255, 255, 0.8); font-family: 'Roboto Condensed', sans-serif; padding:0px; } .contentwrapper{ overflow:auto; width:100%; margin-top:0px; } .closeFrame{ position:absolute; top:-12px; right:-12px; } #legallink{ z-index:100; position:absolute; bottom:0px; left:270px; margin-left:-130px; font-family: 'Roboto Condensed', sans-serif; font-size:12px; background-color: rgba(255,255,255,0.5); } #legallink a{ text-decoration:none; color:#000000; } @media only screen and (max-width: 600px) { #legallink{ font-size:10px; left:200px; } } #mentionslegales{ display:none; z-index:2; height:300px; width:70%; position:absolute; top:50%; left:50%; margin-left:-35%; margin-top:-150px; background-color: rgba(255, 255, 255, 0.8); font-family: 'Roboto Condensed', sans-serif; padding:10px; } .wrapper{ overflow:auto; height:280px; width:100%; margin-top:10px; }