@charset "utf-8"; /* CSS Document */ .clearfix{ display: block; clear: both; } .clearafter:after{ display: block; clear: both; } #intro { color:#666666; font:0.95em Georgia,"Times New Roman",Times,serif; line-height: 1.6em; margin:0; margin-bottom: 15px; padding-bottom: 10px; /*border-bottom:1px solid #CCCCCC;*/ } .cap { background-color: #4d2121; border:2px solid #714d4d; color:#FFFFFF; float:left; font:1.6em Georgia,"Times New Roman",Times,serif; line-height: 1.4em; margin:0.2em 0.3em 0 0; text-align:center; width:1.4em; } #apps{ margin: 0; padding:0; /*margin-top: 25px;*/ } .app { /*background-color: #eee;*/ /*border: 1px solid #dddddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;*/ padding: 10px; color: #5d5d5d; text-shadow: 0 1px 0 #fff; min-width: 3px; /*width: 45%;*/ margin-bottom: 25px; list-style: none; float: left; /*height: 225px;*/ margin-left: 20px; margin-right: 20px; /*position: relative;*/ border-left: 1px solid #dddddd; } .app-icon { border: 1px solid #c3c3c3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; vertical-align: middle; margin-right: 10px; float: left; width: 57px; } .app p { font-size: 1em; color: #7a7a7a; margin-left: 0px; overflow:auto; } .app h1 { /*float: left;*/ border: 0px; font: italic 1.2em Georgia,"Times New Roman",Times,serif; margin: 0; margin-bottom: 5px; /*color: #7a7a7a;*/ } .devices { /*border:2px solid #714d4d;*/ margin: 0px; padding: 0px; list-style: none; float: right; /*margin-left: 67px;*/ /*position: absolute; top: 110px; right: 20px;*/ } .device { font-size: 3em; margin-right: 10px; vertical-align: middle; float: left; padding: 10px; margin-right: 20px; /*color: #2C7DD4;*/ } /*#apps ul#devices li i{ font-size: 25px; }*/ @media screen and (max-width:800px), screen and (max-device-width:800px) { .app { border-left: 0px !important; } }