TechShotgun/css/classic.css

@font-face{font-family:'Roboto';src:url('../fonts/Roboto-MediumItalic-webfont.eot');src:url('../fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-MediumItalic-webfont.woff') format('woff'),url('../fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),url('../fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');font-weight:500;font-style:italic;}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Medium-webfont.eot');src:url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Medium-webfont.woff') format('woff'),url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');font-weight:500;font-style:normal;}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-LightItalic-webfont.eot');src:url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'),url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),url('../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');font-weight:300;font-style:italic;}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Light-webfont.eot');src:url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Light-webfont.woff') format('woff'),url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');font-weight:300;font-style:normal;}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-BlackItalic-webfont.eot');src:url('../fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-BlackItalic-webfont.woff') format('woff'),url('../fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),url('../fonts/Roboto-BlackItalic-webfont.svg#robotoblack_italic') format('svg');font-weight:900;font-style:italic;}@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Black-webfont.eot');src:url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Black-webfont.woff') format('woff'),url('../fonts/Roboto-Black-webfont.ttf') format('truetype'),url('../fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');font-weight:900;font-style:normal;}.articles article:after{content:"";display:table;clear:both;}.articles{width:75%;}@media screen and (max-width: 1330px){.articles{width:100%;}}.articles article{position:relative;}.articles article img,.articles article>iframe{width:30%;}@media screen and (max-width: 775px){.articles article img,.articles article>iframe{width:100%;}}@media screen and (min-width: 776px){.articles article .video_container{position:relative;width:30%;height:0;padding:16.875% 0 0 0;}}@media screen and (min-width: 776px){.articles article:nth-of-type(even) img,.articles article:nth-of-type(even)>iframe,.articles article:nth-of-type(even) .video_container{float:left;margin-right:15px;}.articles article:nth-of-type(even) .date{left:calc(30% + 5px);}.articles article:nth-of-type(odd) img,.articles article:nth-of-type(odd)>iframe,.articles article:nth-of-type(odd) .video_container{float:right;margin-left:15px;}}