Website/css/style.fluid.css

/*
 * Title: openSUSE.org stylesheet (Bento-Theme)
 * Author: Robert Lihm <rlihm@opensuse.org>
 * Copyright (c) 2009 AUTHORS.txt (http://www.opensuse.org)
 * Licensed under the MIT (MIT-LICENSE.txt) license.
 */

@import url("reset.css");	/* reset default browser settings */
@import url("grid.css"); 	/* add fluid 960 Grid System */
@import url("base.css");	/* Basic CSS - Common styles */
@import url("base.fluid.fix.css");	/* Fixes for Bento with fluid 960gs */

.container_16 {
  max-width: 1600px;
  margin-left: calc(50% - 800px);
}

@media only screen and (max-width: 1750px) {
  .container_16 {
    margin-left: 4%;
  }
}

@media only screen and (max-width: 870px) {
  #content {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  #header-home {
    display: none;
  }
  #global-navigation {
    padding: 0;
  }
}

.responsive-item b {
  margin-left: 2px;
}
.responsive-item > div:first-child {
  text-align: center;
}

@media only screen and (min-width: 541px) {
  .responsive-item {
    margin: 15px;
  }
  .responsive-item > div {
    display: inline-block;
    vertical-align: middle;
  }
  .responsive-item > div:first-child a {
    display: inline-block;
  }
  /* 128px */
  .responsive-item.thumb-128 > div:last-child {
    max-width: calc(100% - 165px);
  }
  .responsive-item.thumb-128 > div:first-child img {
    padding: 1px;
  }
  /* 150px */
  .responsive-item.thumb-150 > div:last-child {
    max-width: calc(100% - 185px);
  }
}

@media only screen and (max-width: 540px) {
  .responsive-item {
    text-align: center;
    margin-bottom: 25px;
  }
  .responsive-item.last {
    margin-bottom: 0px;
  }
  .responsive-item p {
    margin: 0px;
  }
  .responsive-item > div:last-child {
    margin-top: 5px;
  }
}