Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- font-family: "Verdana";
- font-size: 12px;
- }
- .headline{
- font-size: 14pt;
- padding: 0px;
- }
- /*
- GLOBAL
- */
- .innerBody{
- position: relative;
- height: 100%;
- width: 100%;
- }
- /* IMAGE TILE 1T */
- .imageTile1W{
- position: relative;
- display: block;
- width: 200px;
- height: 200px;
- background-color: #f3f3f3;
- }
- .imageContainer1W{
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- /* IMAGE TILE 2T */
- .imageTile2T{
- position: relative;
- display: block;
- width: 200px;
- height: 400px;
- background-color: #f3f3f3;
- }
- .imageContainer2T{
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- /* IMAGE TILE 2W */
- .imageTile2W{
- position: relative;
- display: block;
- width: 400px;
- height: 200px;
- background-color: #f3f3f3;
- }
- .imageContainer2W{
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- /* IMAGE TILE 3W */
- .imageTile3W{
- position: relative;
- display: block;
- width:600px;
- height: 200px;
- background-color: #f3f3f3;
- }
- .imageContainer3W{
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- /* IMAGE TILE 2T2W */
- .imageTile2T2W{
- position: relative;
- display: block;
- width: 400px;
- height: 400px;
- background-color: #f3f3f3;
- }
- .imageContainer2T2W{
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- /* IMAGE TILE 2T3W */
- .imageTile2T3W{
- position: relative;
- display: block;
- width: 600px;
- height: 400px;
- background-color: #f3f3f3;
- }
- .imageContainer2T3W{
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- /*
- * Content Positions
- */
- .content-panel-N{
- position: absolute;
- top: 0px;
- max-height: 30%;
- padding: 10px;
- overflow: hidden;
- }
- .content-panel-S{
- position: absolute;
- bottom: 0px;
- max-height: 30%;
- padding: 10px;
- overflow: hidden;
- }
- .content-panel-W{
- position: absolute;
- width: 30%;
- height: 100%;
- padding: 10px;
- overflow: hidden;
- }
- .content-panel-E{
- position: absolute;
- right: 0px;
- width: 30%;
- height: 100%;
- padding: 10px;
- overflow: hidden;
- }
- .content-box-SE{
- position: absolute;
- right: 0px;
- bottom: 0px;
- width: 55%;
- max-height: 40%;
- margin: 10px;
- padding: 10px;
- overflow: hidden;
- }
- .content-box-SW{
- position: absolute;
- left: 0px;
- bottom: 0px;
- width: 55%;
- max-height: 40%;
- margin: 10px;
- padding: 10px;
- overflow: hidden;
- }
- .content-box-S{
- position: absolute;
- left: 0px;
- bottom: 0px;
- max-height: 25%;
- margin: 10px;
- padding: 10px;
- overflow: hidden;
- }
- /*
- * Colors & Styles
- */
- .light{
- color: #000;
- background-color: rgba(255,255,255,0.7);
- }
- .dark{
- color: #f3f3f3;
- background-color: rgba(0,0,0,0.7);
- }
- .clipVertical{
- /* how can this automatically
- center the image */
- margin-top: 0%;
- margin-left: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- width: 100%;
- }
- .clipHorizontal{
- margin-top: 0px;
- margin-left: 0%;
- margin-right: 0px;
- margin-bottom: 0px;
- height: 100%;
- }
- .hide{ display: none;}
Add Comment
Please, Sign In to add comment