.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
Samichaels (Talk | contribs) |
Samichaels (Talk | contribs) |
||
Line 21: | Line 21: | ||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
<![endif]--> | <![endif]--> | ||
+ | |||
+ | <style> | ||
+ | .contentBorder { | ||
+ | border: 1px solid #AAAAAA; | ||
+ | -webkit-border-radius: 7px; | ||
+ | -moz-border-radius: 7px; | ||
+ | border-radius: 7px; | ||
+ | -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | .expandedContent { | ||
+ | margin-left: -45px; | ||
+ | width: 930px; | ||
+ | } | ||
+ | .content { | ||
+ | font-family: Tahoma; | ||
+ | font-size: 14px; | ||
+ | color: #3D3D3D; | ||
+ | margin-bottom:60px; | ||
+ | background-color:white; | ||
+ | padding: 15px 60px; | ||
+ | |||
+ | border: 1px solid #cccccc; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | |||
+ | .ContentHeader { | ||
+ | font-size:30px; | ||
+ | font-weight:bold; | ||
+ | font-family:Andy; | ||
+ | color:#3D3D3D; | ||
+ | margin-left:15px; | ||
+ | margin-bottom:5px; | ||
+ | } | ||
+ | |||
+ | iframe.TimeLine { | ||
+ | overflow: hidden; | ||
+ | border:none; | ||
+ | width: 958px; | ||
+ | height:450px; | ||
+ | margin:-15px -30px; | ||
+ | } | ||
+ | |||
+ | .boxgridHuge { | ||
+ | width: 885px; | ||
+ | height: 500px; | ||
+ | } | ||
+ | |||
+ | .boxgridBig, .boxgridMedium { | ||
+ | height: 550px; | ||
+ | } | ||
+ | .boxgridBig { | ||
+ | width: 615px; | ||
+ | float: left; | ||
+ | } | ||
+ | .boxgridMedium { | ||
+ | width: 298px; | ||
+ | float: left; | ||
+ | } | ||
+ | .boxgrid { | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .boxgrid img{ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | .boxcaption{ | ||
+ | float: left; | ||
+ | position: absolute; | ||
+ | background: #000; | ||
+ | width: 100%; | ||
+ | opacity: .8; | ||
+ | padding: 10px; | ||
+ | /* For IE 5-7 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | ||
+ | /* For IE 8 */ | ||
+ | -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | ||
+ | } | ||
+ | .boxcaption:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | h2.onBlack { | ||
+ | color:white; | ||
+ | margin-top: -5px; | ||
+ | border: none; | ||
+ | Font-size: 26px; | ||
+ | padding-bottom: 0px; | ||
+ | line-height:1em; | ||
+ | } | ||
+ | p.onBlack { | ||
+ | color:white; | ||
+ | margin-right:18px; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | p.onBlackIntro { | ||
+ | font-size:17px; | ||
+ | font-style: italic; | ||
+ | color:white; | ||
+ | margin-right:20px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||