Add README about files temporary, just using on preview.html

[ryf-theme.git] / css / style.css

/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body { margin: 0; }

.navbar-default {
  background: #000;
  color: #FFF;
  border: none;
  border-radius: 0px;
  box-sizing: content-box;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin-bottom: 100px;
  min-height: 100px;
}

.navbar-header, #navbar-collapse {
  max-height: 80px;
  width: 95%;
  max-width: 1150px;
  padding: 0;
  margin: 0 auto;
}

.navbar-header {
  position: absolute;
  top: 5px;
}

.navbar-default .navbar-nav>li>a { color: #FFF; }
.navbar-default .navbar-nav>li>a:hover { color: #777 }

#block-bootstrap-main-menu { margin-left: 200px; width: 100%; }

footer { background: #333; color: #FFF; }
footer a { color: #edd400; }
footer a:hover { color: #FFF; }
footer h4 { font-weight: bold; }
footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; }


.ryf-list img{max-width:100%;}

.ryf-list {
    width: 100%;
    padding: 10px;
    border: 1px solid #f5efef;
    float: left;
    margin: 15px 0;
    border-radius: 5px;
    box-shadow: 2px 3px 0px #e4d8d8;
    position:relative;
    overflow:hidden;
}
.ryf-list h3{
    text-align: left;
    color: #118991;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #ccc4c4;
    margin-bottom: 5px;
    padding-bottom: 5px;
    }

.ryf-list .tags, .ryf-list .supplier {
    width: 100%;
    float: left;
    font-size: 0.9em;
    border-top: 1px solid #ccc4c4;
    margin-top: 5px;
    padding-top: 5px;
    color: #afadad;
    }