/* "layout.css" - Layout rules for Dolphin Square portal page */ /* Universal reset, and declarations --------------------------------------------------------------------------*/ /* Normalize all padding and margins */ *{ margin: 0; padding:0; } body{ font: normal 75% Georgia, "Times New Roman", serif; color: #fff; min-height: 850px; width: 790px; width: 100%; max-width: 790px; background: #e6e8e1 url('/img/bg_body.gif') repeat-x; } /* Main layout (the unordered list) --------------------------------------------------------------------------*/ ul#modules{ position: relative; margin-top: 67px; left: 20px; list-style: none; } ul#modules li{ position: relative; float: left; width: 259px; height: 259px; padding: 13px; } ul#modules li.livein{ background: url('/img/bg_mod_livein.png') no-repeat top left; } ul#modules li.sports{ background: url('/img/bg_mod_sports.png') no-repeat top left; } ul#modules li.apartments{ background: url('/img/bg_mod_apartments.png') no-repeat top left; } ul#modules li.food{ background: url('/img/bg_mod_food.png') no-repeat top left; } ul#modules li.corp{ background: url('/img/bg_mod_corp.png') no-repeat top left; } /* Typography --------------------------------------------------------------------------*/ h1{ float: left; width: 159px; height: 285px; text-indent: -999em; position: relative; top: 0; left: 35px; background: url('/img/bg_h1.gif') no-repeat; } ul#modules h2{ width: 260px; height: 30px; text-indent: -999em; } ul#modules h2 a{ display: block; height: 30px; } ul#modules li.livein h2{ background: url('/img/hdr_livein.jpg') no-repeat top left; } ul#modules li.sports h2{ background: url('/img/hdr_sports.jpg') no-repeat top left; } ul#modules li.apartments h2{ background: url('/img/hdr_apartments.jpg') no-repeat top left; } ul#modules li.food h2{ background: url('/img/hdr_food.jpg') no-repeat top left; } ul#modules li.corp h2{ background: url('/img/hdr_corp.jpg') no-repeat top left; } ul#modules li p{ float: left; padding: 10px 10px 15px 10px; width: 240px; height: 120px; z-index: 99; } ul#modules li.livein p{ background: #e7a80d; } ul#modules li.sports p{ background: #89cce2; } ul#modules li.apartments p{ background: #733872; } ul#modules li.food p{ background: #4c2209; } ul#modules li.corp p{ background: #532380; } ul#modules li p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul#modules li p.mod_link { position: absolute; bottom: 0; width: 240px; height: 215px; z-index: 20; background: none; } ul#modules li p.mod_link a{ position: relative; display: block; left: -10px; top: -10px; width: 260px; height: 225px; text-indent: -999em; }