/*---------------------------- Thumbnails -----------------------------*/ .thumbs{ width:100%; text-align:center; margin-top:30px; } .thumbs a{ width:185px; height:150px; display:inline-block; margin:0px 15px 40px 0px; direction:ltr; position:relative; text-decoration:none; border: 1px #BEBEBE solid; background-position:center center; background-repeat: no-repeat; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; } .thumbs a:after{ background-color: #15A86D; border-radius: 3px; bottom: -155px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); color: #FFFFFF; content: attr(title); display: inline-block; font-size: 13px; max-width: 180px; overflow: hidden; padding: 2px 10px; position: relative; text-align: center; white-space: nowrap; } #credit{ background-color: rgba(255, 255, 255, 0.2); border-radius: 8px; font-size: 11px; margin: 0 auto 70px; opacity: 0.5; padding: 12px 16px; text-align: center; width: 400px; } /*---------------------------- Media Queries -----------------------------*/ @media screen and (max-width: 960px) { .thumbs, #credit{ width:auto; } footer{ display:none; } #bsaHolder{ display:none; } } /*---------------------------- The Footer -----------------------------*/ footer{ background-color: #111111; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,0.4); height: 45px; left: 0; position: fixed; width: 100%; z-index: 100000; } footer h2{ color: #EEEEEE; font-size: 14px; font-weight: normal; left: 50%; margin-left: -400px; padding: 13px 0 0; position: absolute; width: 540px; } footer h2 i{ font-style:normal; color:#888; } footer a.tzine,a.tzine:visited{ color: #999999; font-size: 12px; left: 50%; margin: 16px 0 0 110px; position: absolute; text-decoration: none; top: 0; } footer a i{ color:#ccc; font-style: normal; } footer a i b{ color:#c92020; font-weight: normal; }