fjernvarme.less

@color-yellow: #feef70;
@color-lightgreen: #e7e35d;
@color-green: #b4c960;
@color-darkgrey: #a29898;

.round-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -khtml-border-radius: @radius;
}

.img-rounded-corners {
  .round-corners(5px);  
}

body {
  font-family: helvetica, verdana, sans-serif;
  font-size: 0.8em;
  line-height: 1.5em;  
}

p, td, li {
  line-height: 1.4em;    
}

ul {
  list-style-position: inside;   
}

h2 {
  font-size: 1.2em;
  margin-bottom: 0.3em;
}

.views-slideshow-controls-bottom {
  display: block;
  position: absolute;
  width: 705px;
  height: 295px;
}

.views-slideshow-pager-field-item {
  .round-corners; 
  display: block;
  float: left;
  width: 225px;
  margin: 5px 0px 0px 9px;
  height: 90px;
  top: -110px;
  position: relative;
  z-index: 100;
  
  .views-content-title {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 5px 0 5px;
    color: black;
  }
  
  .views-content-body {
    padding: 0 5px 5px 5px;
    margin: 0;

    p {
      padding: 0;
      margin: 0;
    }
  }
}

body.node-type-story img {
  float: right;
  margin: 0 1em 1em 1em;
}

.page-body {
  .views-slideshow-pager-field-item a {
    text-decoration: none;
    color: black;
  }
  
  th a {
    color: black;
  }

  a {
    color: @color-green;
  }
  .rounded-corners h2 {
    margin-top: 0;
  }
}

#views_slideshow_pager_field_item_bottom_frontpage_options-block_0 {
  background: @color-yellow;
}

#views_slideshow_pager_field_item_bottom_frontpage_options-block_1 {
  background: @color-lightgreen;
}

#views_slideshow_pager_field_item_bottom_frontpage_options-block_2 {
  background: @color-green;
}

.page-branding {
  padding-top: 1.5em;
  padding-bottom: 1em;
  
  .pane-logintoboggan-logintoboggan-logged-in {
    float: right;
    margin-right: 1em;
    a {
      text-decoration: none;
      color: grey;
    }
  }  
}

.page-nav {
  h2 {
    display: none;
  }
  ul {
    margin: 0; 
    padding: 0; 
  }  
  li {
    display: inline; 
    a {
      text-decoration:none;  
      margin: 0px;
      padding: 5px 5px; 
      color: @color-darkgrey;
      text-transform: uppercase;
    }

    a:hover { 
      color: black; 
    }
    .active-trail {
      color: black;
    }   
    ul {
      display: none;
    }
  }
  li.first {
    padding-left: 0px; 
    margin-left: 0px;
    a {
      padding-left: 0px; 
      margin-left: 0px;
    }
  }
}

.page-frontpage .page-body-inner {
  padding: 0;
}

.page-nav-wrapper {
  border-top: 1px solid @color-green;
  border-bottom: 1px solid @color-green;
  margin-bottom: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;  
}

.page-closure-wrapper {
  margin-top: 1.5em;
  border-top: 1px solid @color-green;
  padding-top: 0.5em;
  padding-bottom: 1em;
  text-align: center;
  color: @color-darkgrey;
  font-size: 0.9em;
}

.page-closure a {
  color: @color-darkgrey;
}

#block-search-form input {
  border: 1px solid #ddd;
}

.rounded-corners {
  .round-corners;
  padding: 10px;
  margin-bottom: 1em;
}

.green-box {
  background-color: @color-green;
  border: 1px solid @color-green;
  h2 {
    color: black;
  }
  a {
    color: black;
  }  
}

.yellow-box {
  border: 1px solid @color-yellow;
  background-color: @color-yellow;
  h2 {
    color: black;
  }
  a {
    color: black;
  }  
}

.lightgreen-box {
  background-color: @color-lightgreen;
  border: 1px solid @color-lightgreen;
  h2 {
    color: black;
  }
  a {
    color: black;
  }  
}

.grey-box {
  border: 1px solid @color-darkgrey;
  background-color: @color-darkgrey;
  color: white;
  h2 {
    color: white;
  }
  a {
    color: white;
    text-decoration: none;
  }  
}

.nofill {
  background: white;
}

.front {
  .rounded-corners {
    min-height: 270px;
    height: 270px;
    max-height: 270px;
    overflow: hidden;
  }
  .grey-box li {
    margin: 0;
    list-style-type: none;
    margin-bottom: 0.7em;
  }
  .views-field-field-article-picture {
    margin: 1em 0 0 0;
  }
  .news-box p {
    margin: 0.5em 0 0 0;
    font-size: 0.9em;
  }
}

.sidebar-box {
  select {
    width: 165px;
  }
  input {
    width: 150px;
  }
}

.page-right-inner, .page-aside-beta-inner  {
  margin-left: 1em;
}

.page-left-inner, .page-aside-alpha-inner {
  margin-right: 1em;
  h2 {
    text-transform: uppercase;
    color: @color-green;
  }
  select {
    width: 165px;
  }
  input {
    width: 150px;
  }
  a {
    text-decoration: none;
    color: black;
  }    
  ul li ul li {
    border-bottom: none;
  }  
  ul li {
    border-bottom: 1px dotted @color-green;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 1em;
    list-style-position: outside;
  }  
  ul {
    margin-left: 5px;
  }  
}

.page-aside-alpha-inner {
  margin-right: 1em;
}  

table, tr, th, td {
  background: transparent !important;
}

th, td {
  padding: 10px 0;
}

.views-table {
  td {
    background: white !important;
    border-bottom: 1px solid @color-green;
    vertical-align: top;
  }
  .views-field-title b {
    text-transform: uppercase;
    font-weight: bold;
  }
}

.page-body-inner {
  li {
    margin-left: 1em;
    list-style-type: square;
    list-style-position: outside;  
  }
  p, ul, table {
    margin-bottom: 0.5em;
  }
}

.field-type-taxonomy-term-reference {
  .field-item {
    display: inline;
    margin-right: 10px;
  }
}

div.page-body ul.links {
  display: block;
  margin: 1em 0 0 0;
}

div.page-body ul.links li {
  display: block;
  padding-left: 0;
}

span.file {
  margin: 1em 0 1em 0;
  display: block;
  background: #eee;
  padding: 1em;
}

.submitted {
  margin: 0 0 1em 0;
  font-size: 0.9em;
}

td.views-field-title br {
  display: none;
}

body.page-nyhed .views-field-field-article-picture img {
  margin-left: 1em;
}


/* SEARCH FORM */
#search-form {
  float: right;
}

select, input {
  border: solid #ccc 1px;
}

#block-search-form {
  padding-bottom: 7px;
  .content {
    margin-top: 0;
  }  
}

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
  float: left; /* LTR */
  font-size: 1em;
  height: 1.143em;
  margin-right: 5px;
  width: 9em;
}
#search-block-form input.form-submit,
#search-form input.form-submit {
  margin-left: 0;
  margin-right: 0;
  height: 25px;
  width: 34px;
  padding: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-color: #e4e4e4 #d2d2d2 #b4b4b4;
  background: url(images/search-button.png) no-repeat center top;
  overflow: hidden;
}
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus {
  background-position: center bottom;
}
#search-form .form-item-keys label {
  display: block;
}

input.form-submit,
a.button {
  background: #fff url(images/buttons.png) 0 0 repeat-x;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
  margin-right: 0.6em; /* LTR */
  padding: 4px 17px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.page-branding #search-form .form-text {
  width: 154px;
}

a.active {
  font-weight: bold;
}