/* Drupal Clean 7.4 Installation - onlynet.gr
Based on theme Framework - Created by AndrΓ© Griffin
-------------------------------------------------------
[Table of contents]
0.Reset
1.Global
2.Layout
3.Header
4.User top
5.Main content
5.1 Content top
5.2 Content main
5.3 Content bottom
6.Sidebars (First & Second)
7.User bottom
8.Nodes
9.Comments
10.Blocks
11.Footer
12.CSS Support
13.Bug Fixes
Font sizes: 16px base font with 24px line-height
------------------------------------------------
font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em / 1.2 / 0.6em
32px = 2em / 1.5 / 0.75em
24px = 1.5em / 1 / 1em
20px = 1.25em / 1.2 / 1.2em
16px = 1em / 1..5 / 1.5em
14px = 0.875em / 1.7143 / 1.7143em
13px = 0.8125em / 1.8462 / 1.8462em
12px = 0.75em / 2 / 2em
10px = 0.625em / 2.4 / 2.4em
Equation for font sizing:
Desired px Γ· Default (or parent) px = em size
--------------
Tips & Tricks
--------------
ul li { list-style: none; list-image: none; list-style-type: none; list-style-image: none; }
------------------------------------------------*/
/**
* 0.RESET
*/
@import "reset.css";
/**
* 1.GLOBAL
*/
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
color: #636466;
line-height: 1.4;
background-color: #ffffff;
background-image: url("/sites/all/themes/clean/images/repeat-bg-3.png"), url("/sites/all/themes/clean/images/repeat-bg.jpg"); background-repeat: no-repeat, repeat; background-position: center 25px, 0 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Tahoma, Geneva, sans-serif; color: #222222; margin: 0px; padding: 0px; }
h1 { font-size: 12px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; }
h2.block-title { color: #ffffff; border: 1px solid #ffffff; -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px; background: #636363; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #636363 0%, #070808 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#070808)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #636363 0%,#070808 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #636363 0%,#070808 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #636363 0%,#070808 100%); /* IE10+ */
background: linear-gradient(to bottom, #636363 0%,#070808 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#070808',GradientType=0 ); /* IE6-8 */
padding-top: 5px; padding-left: 10px; padding-bottom: 5px;
}
h3 { font-size: 12px; }
h4 { }
h5 { }
h6 { }
p { margin: 0; padding: 0; margin-bottom: 10px; }
a:visited, a { color: #060606; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
/* apply common styling after reset.css */
table { width: 100%; margin-bottom: 24px; }
th, tr, td { vertical-align: middle; }
th { padding-right: 16px; }
/* menus and item lists */
.item-list ul {}
.item-list ul li {}
ul.menu li { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 15px; }
ul.inline { clear: both; }
ul.inline li {}
ol, ul { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;/*25px;*/ }
/**
* 2.LAYOUT
*/
#container-header,
#container-user-top,
#container-content,
#container-user-bottom,
#container-footer { width: 100%; }
#container-content { margin-top: -110px; /*margin-bottom: 20px;*/ }
/* Page size */
#header,
#user-top,
#thecontent,
#user-bottom,
#footer { margin: 0 auto; padding: 0; width: 940px; }
/**
* 3.HEADER
*/
#container-header { background-color: none; background-image: none; background-repeat: no-repeat; background-position: 0 0; }
#header {}
#header #site-name { margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; }
/* Mesa sto region header uparxoun ta blocks pou prosthesame sto header */
#header .region-header { height: 190px; }
/* Logo */
#block-block-1 { margin-bottom: 20px; }
/* mini-menu */
#block-block-3 { border: 0px solid blue; width: 700px; height: 32px; margin-left: 239px; background-image: url("/sites/all/themes/clean/images/mini-menu-bg.png");
background-repeat: no-repeat;
background-position: 0 0; }
#block-block-3 a { border: 0px solid blue; float: none; color: #ffffff; margin-top: 7px; padding-left: 20px; }
#block-block-3 .home-btn-m { position: absolute; margin-left: 11px; margin-top: 7px; background-image: url("/sites/all/themes/clean/images/home-icon.png");
background-repeat: no-repeat;
background-position: 0 2px; }
#block-block-3 .sitemap-btn-m { position: absolute; margin-left: 102px; margin-top: 7px; background-image: url("/sites/all/themes/clean/images/sitemap-icon.png");
background-repeat: no-repeat;
background-position: 0 2px; }
#block-block-3 .links-btn-m { position: absolute; margin-left: 209px; margin-top: 7px; background-image: url("/sites/all/themes/clean/images/link-icon.png");
background-repeat: no-repeat;
background-position: 0 6px; }
#block-block-3 .contact-btn-m { position: absolute; margin-left: 315px; margin-top: 7px; background-image: url("/sites/all/themes/clean/images/contact-iconl.png");
background-repeat: no-repeat;
background-position: 0 3px; }
/* search-block */
#search-block-form { position: absolute; z-index: 99; background: none; width: 195px; background-image: url("/sites/all/themes/clean/images/search-bg.png");
background-repeat: no-repeat;
background-position: 0 0; margin-top: -26px; margin-left: 710px; }
#search-block-form .form-submit { border: none; background: none; width: 12px; height: 17px; color: transparent; font-size: 0; cursor: pointer; margin-top: 0px; margin-left: 3px; }
#search-block-form .form-text { background: none; border: none; float: right; width: 170px; }
#search-block-form #edit-captcha { display: none; }
/* Extra drupal content inside header */
.tabs-wrapper { display: none; } /* admin tabs */
.breadcrumb { display: none; clear: both; padding-top: 24px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#skip-link { position: absolute; }
/*
* 4. USER TOP
*/
#container-user-top { background-color: none; background-image: none; background-repeat: no-repeat; background-position: 0 0; }
#user1 {}
#user1 .region-user1 { }
#user2 {}
#user2 .region-user2 { }
#user3 {}
#user3 .region-user3 { }
#user4 {}
#user4 .region-user4 { }
#user5 {}
#user5 .region-user5 { }
#user6 {}
#user6 .region-user6 { }
#user7 {}
#user7 .region-user7 { }
#user8 {}
#user8 .region-user8 { }
#user9 {}
#user9 .region-user9 { }
#user10 {}
#user10 .region-user10 { }
/**
* 5.MAIN CONTENT
*/
/* 1 column: global values*/
#container-content { background-color: none; background-image: none; background-repeat: no-repeat; background-position: 0 0; }
#thecontent {}
/* **** GLOBAL CONTENT - Content top, main & content bottom **** */
/* no columns - only main content */
#content-top,
#main,
#content-bottom { /* display: inline; - mallon den xreiazetai dhmiourgei problimata */ margin: 0; padding: 0; }
#content-top p,
#main p,
#content-bottom p { padding-bottom: 0; }
/* 3 columns */
body.two-sidebars #content-top,
body.two-sidebars #main,
body.two-sidebars #content-bottom { float: left; width: 450px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 235px; padding: 0; padding-top: 00px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #ffffff; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; margin-bottom: 20px; }
/*.front #main .field-item { border: 1px solid blue; }
.front #main .field-item h2 { border: 1px solid blue; }*/
.front #main .node-article { display: none; }
.front #main .pager { display: none; }
/* h2 -- 3 columns */
body.two-sidebars #content-top h2.block-title,
body.two-sidebars #main h2.block-title,
body.two-sidebars #content-bottom h2.block-title { width: 448px; /*margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;*/ padding-right: 10px; margin-top: -10px; margin-left: -10px; }
/* li 3 columns */
body.two-sidebars #content-top ul li,
body.two-sidebars #main ul li,
body.two-sidebars #content-bottom ul li { margin-left: 20px; }
/* content-top */
body.two-sidebars #content-top { margin-bottom: 20px }
#block-block-8 img { margin-top: 10px; margin-bottom: 10px; margin-left: 0px; }
/* content-main */
body.two-sidebars #main { /*padding-top: 10px; padding-bottom: 10px;*/ }
/* content-main--p */
body.two-sidebars #content-top p,
body.two-sidebars #main p,
body.two-sidebars #content-bottom p { }
body.two-sidebars #content-bottom { margin-top: 20px; }
.node-article { /*padding-left: 10px; padding-right: 10px;*/ }
/* epikairotita--view */
#block-views-epikairotita-block { font-family: Tahoma, Geneva, sans-serif; }
#block-views-epikairotita-block .content { }
#block-views-epikairotita-block .views-row { height: 125px; margin-top: 14px; }
#block-views-epikairotita-block .views-row .views-field-field-image { float: left; }
#block-views-epikairotita-block .views-row .views-field-field-image img { min-width: 115px; height: 90px; border: 1px solid black; }
#block-views-epikairotita-block .views-row .views-field-title { float: right; width: 310px; color: #060606; font-size: 14px; }
#block-views-epikairotita-block .views-field-body .field-content { float: right; width: 310px; height: 65px; overflow: hidden; font-size: 13px; color: #636466; }
#block-views-epikairotita-block .views-field-view-node { position: absolute; margin-left: 330px; margin-top: 110px; font-size: 10px; }
#block-views-epikairotita-block .views-field-view-node a { display: block; width: 116px; color: #060606; background-image: url("/sites/all/themes/clean/images/arrow-1.png"); background-repeat: no-repeat; background-position: right center; }
#block-views-epikairotita-block .more-link { margin-top: 26px; font-size: 12px; color: #060606; }
.front #main #block-views-epikairotita-block .pager { display: block; margin-top: 10px; }
.not-front h1#page-title { width: 458px; margin-left: -10px; margin-top: -10px; margin-bottom: 10px; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; color: #ffffff; border: 1px solid #ffffff; -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px; background: #636363; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzA4MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #636363 0%, #070808 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#070808)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #636363 0%,#070808 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #636363 0%,#070808 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #636363 0%,#070808 100%); /* IE10+ */
background: linear-gradient(to bottom, #636363 0%,#070808 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#070808',GradientType=0 ); /* IE6-8 */
}
/* all-articles */
#main .view-epikairotita { font-family: Tahoma, Geneva, sans-serif; }
#main .view-epikairotita .views-row { height: 170px; margin-top: 15px; }
#main .view-epikairotita .views-row .views-field-field-image { float: left; }
#main .view-epikairotita .views-row .views-field-field-image img { min-width: 115px; height: 90px; border: 1px solid black; }
#main .view-epikairotita .views-row .views-field-title { float: right; width: 310px; color: #060606; font-size: 14px; }
#main .view-epikairotita .views-row .views-field-created { float: right; width: 310px; }
#main .view-epikairotita .views-row .views-field-name { float: right; width: 310px; }
#main .view-epikairotita .views-field-body .field-content { float: right; width: 310px; height: 65px; overflow: hidden; font-size: 13px; color: #636466; }
#main .view-epikairotita .views-field-view-node { position: absolute; margin-left: 330px; margin-top: 150px; font-size: 10px; }
#main .view-epikairotita .views-field-view-node a { display: block; width: 116px; color: #060606; background-image: url("/sites/all/themes/clean/images/arrow-1.png"); background-repeat: no-repeat; background-position: right center; }
#main .view-epikairotita .more-link { margin-top: 26px; font-size: 12px; color: #060606; }
#main .view-epikairotita .pager { display: block; margin-top: 10px; }
/* 2 columns: sidebar-first */
body.sidebar-first #content-top,
body.sidebar-first #main,
body.sidebar-first #content-bottom { float: right; width: 700px; margin: 0; padding: 0; }
/* 2 columns: sidebar-second */
body.sidebar-second #content-top,
body.sidebar-second #main,
body.sidebar-second #content-bottom { float: left; width: 700px; margin: 0; padding: 0; }
/* **** 5.1 CONTENT TOP **** */
#content-top { }
.region-content-top { }
/* **** 5.2 MAIN **** */
#main { }
.messages { margin: 0 !important; z-index: 99; position: fixed; left: 20px; font-size: 0; width: 0; height: 20px; overflow: hidden; cursor: pointer; }
.messages.status { top: 20%; }
.messages.error { top: 70%; }
/* Add-this */
#block-block-2 { margin-top: 20px; }
/* **** 5.3 CONTENT BOTTOM **** */
#content-bottom { }
.region-content-bottom { }
/**
* 6.SIDEBARS
*/
/* 3 columns: sidebar-first */
body.two-sidebars #sidebar-first { float: left; width: 220px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: -705px; padding: 0; }
body.two-sidebars #sidebar-first .block { margin-top: 10px; margin-bottom: 10px; }
body.two-sidebars #sidebar-first .block img { margin-top: 10px; margin-bottom: 10px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
/* Logo */
body.two-sidebars #sidebar-first #block-block-1 { margin-bottom: 0px; margin-top: -185px; }
/* main-menu */
.block-menu { margin-top: 10px margin-bottom: 10px; }
.block-menu ul { margin: 0; padding: 0; }
.block-menu ul li { margin: 0; padding: 0; padding-top: 3px; padding-bottom: 3px; list-style: none; list-style-type: none; list-style-image: none; }
.block-menu ul li a { display: block; width: 211px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #ffffff; background-color: #060606; margin: 0; padding: 0; margin-left: -1px; padding-top: 7px; padding-bottom: 7px; padding-left: 8px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #000000; }
.block-menu ul li a:hover { background: #848484; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzBkMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzA2MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjA2MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #848484 0%, #0d0e0e 71%, #060606 73%, #060606 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(71%,#0d0e0e), color-stop(73%,#060606), color-stop(100%,#060606)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* IE10+ */
background: linear-gradient(to bottom, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#060606',GradientType=0 ); /* IE6-8 */
}
.block-menu ul li a.active { background: #848484; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzBkMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzA2MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjA2MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #848484 0%, #0d0e0e 71%, #060606 73%, #060606 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(71%,#0d0e0e), color-stop(73%,#060606), color-stop(100%,#060606)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* IE10+ */
background: linear-gradient(to bottom, #848484 0%,#0d0e0e 71%,#060606 73%,#060606 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#060606',GradientType=0 ); /* IE6-8 */
}
.block-menu ul li ul { background-color: #060606; margin-top: -8px; margin-left: -1px; padding-left: 12px; padding-bottom: 10px; -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; }
.block-menu ul li ul li { margin-left: 17px; padding-left: 0px; list-style-image: url("/sites/all/themes/clean/images/bullet-1.png"); }
.block-menu ul li ul li a { background-color: #060606; width: 183px; padding-top: 0px; padding-bottom: 0px; margin-left: -10px; }
.block-menu ul li ul li a:hover { background: none; }
/***********end-css-->main-menu***************/
/* 3 columns: sidebar-second */
body.two-sidebars #sidebar-second { float: right; width: 220px; margin: 0; padding: 0; margin-top: -155px; margin-bottom: 20px; }
body.two-sidebars #sidebar-second .block { margin-top: 10px; margin-bottom: 10px; }
body.two-sidebars #sidebar-second .block img { margin-top: 10px; margin-bottom: 10px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
/* sidebar-second--epikairotita */
#sidebar-second .view-epikairotita { background-color: #ffffff; -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; }
#sidebar-second .view-epikairotita .views-field-field-image { margin-left: 5px; }
#sidebar-second .view-epikairotita .views-field-field-image img { width: 210px; height: auto; }
/* sidebar-second--epikairotita-pager */
#sidebar-second .view-epikairotita .pager { font-size: 11px; color: #818181; }
#sidebar-second .view-epikairotita ul.pager { margin: 0; padding: 0; padding-bottom: 10px; }
#sidebar-second .view-epikairotita ul.pager li { margin: 0; padding: 0; margin-left: 2px; margin-right: 2px; }
#sidebar-second .view-epikairotita ul.pager li a { margin: 0; padding: 0; color: #818181; }
#sidebar-second .view-epikairotita ul.pager li a:hover { color: #060606; }
/* sidebar-second--calendar */
#sidebar-second #block-views-calendar-block-1 { height: 200px; margin-bottom: 40px; }
#sidebar-second #block-views-calendar-block-1 .content { height: 200px; margin-top: -5px; background-color: #ffffff; -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; }
#sidebar-second #block-views-calendar-block-1 .content .date-prev { margin-left: 0px; }
#sidebar-second #block-views-calendar-block-1 .content h3 a { font-size: 14px; }
#sidebar-second #block-views-calendar-block-1 .content .view-content { margin-top: -20px; }
/* onlynet animated banner */
#block-edge-suite-edge-suite-composition-block-1 { border-radius: 8px; cursor: pointer; }
/* 2 columns: sidebar-first */
body.sidebar-first #sidebar-first { float: left; width: 220px; margin: 0; padding: 0; }
/* 2 columns: sidebar-second */
body.sidebar-second #sidebar-second { float: right; width: 220px; margin: 0; padding: 0; }
/*
* 7.USER BOTTOM
*/
#container-user-bottom { background-color: none; background-image: none; background-repeat: no-repeat; background-position: 0 0; }
#user11 { background-color: #ffffff; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }
#user11 .region-user11 { }
#user11 .region-user11 .content { padding-left: 17px; padding-top: 15px; padding-bottom: 15px; }
#user11 .region-user11 img { margin-left: 0px; margin-right: 26px; }
#user12 { }
#user12 .region-user12 { }
#user13 { }
#user13 .region-user13 { }
#user14 { }
#user14 .region-user14 { }
#user15 { }
#user15 .region-user15 { }
#user16 { }
#user16 .region-user16 { }
#user17 { }
#user17 .region-user17 { }
#user18 { }
#user18 .region-user18 { }
#user19 { }
#user19 .region-user19 { }
#user20 { }
#user20 .region-user20 { }
/**
* 8.NODES
*/
.node { margin-bottom: auto; }
/* tags */
.field-name-field-tags { }
.field-name-field-tags .field-item { }
.field-name-field-tags div { display: inline; }
/**
* 9.COMMENTS
*/
#comments { clear: both; }
.comment { }
.comment .new { color: red; text-transform: capitalize; }
/**
* 10.BLOCKS
*/
.block { }
/**
* 11.FOOTER
*/
#container-footer { background-color: none; background-image: none; background-repeat: no-repeat; background-position: 0 0; }
#footer {}
#footer a.feed-icon { display: none; position: absolute; right: 0; top: 26px; }
/* Mesa sto region-footer uparxoun ta blocks pou prosthesame sto footer */
#footer .region-footer { margin: 30px 0px 0px; padding-left: 10px; padding-top: 15px; padding-bottom: 15px; color: #b4b3b3;
background-color: #838383;
background-color: rgba(131, 131, 131, 0.8);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
/**
* 12.CSS SUPPORT
*
* Built-in classes:
* .clearfix | contain floats
* .element-invisible | hide element visually
* .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
* .element-hidden | hide visually and from screenreaders
*/
/* clear floats */
.clear { clear: both; }
/* display block */
.display-block { display: block; }
/* clean breaker */
.clean-breaker { /* It contains inline css */ }
/* Scroller - override css file jquery.mCustomScrollbar.css line 133 through 160 */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 9px; height: 28px; /* width and height of custom scrollbar image */ margin: 0px auto; border: none; text-align: center;
background-image: url("/sites/all/themes/clean/images/custom-scroll-bar.png"); background-repeat: no-repeat; background-position: 0 0;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-image: url("/sites/all/themes/clean/images/custom-scroll-bar.png"); background-repeat: no-repeat; background-position: 0 0;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-image: url("/sites/all/themes/clean/images/custom-scroll-bar.png"); }
.mCSB_scrollTools .mCSB_dragger { height: 30px !important; }
.mCSB_draggerRail { background: none !important; }
/**
* 13.BUG FIXES
*/
/* fix bug at the bottom of page - http://drupal.org/node/705900 */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: "";
clear: both;
height: 0;
}
#container-header { background-image: url("/sites/all/themes/clean/images/repeat-bg-2.png");
background-repeat: repeat-x;
background-position: 0 0; }
/* final-node */
.node-type-article { border: 1px solid blue; }
.node-type-article .field-name-field-image { float: left; margin-right: 10px; }
.node-type-article .field-name-field-image img { max-width: 220px; height: auto; }
.node-type-article .field-name-field-photo-gallery { display: block; margin-bottom: 5px; height: 195px; overflow: hidden;}
.node-type-article .field-name-field-photo-gallery .field-item { float: left; margin-right: 5px; margin-top: 5px; }
.node-type-article .field-name-field-photo-gallery .field-item img { height: 80px; width: 100px; }
.field-name-field-attachments { display: block; clear: both; padding-top: 20px;}
.field-name-field-tags a { padding: 5px; }
#block-block-2 { clear: both; padding-top: 10px; }