File: app/Resources/HerzultForumBundle/public/css/forum.css

/*
 * Itransformer.es is an online application to transform images
Copyright (C) 2013  Manolo Salsas

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

Contact: manolez@gmail.com - http://msalsas.com
* */


#columna {
	width: 1%;
}
body {
	width:100%;
	margin: 0;
    font-family: 'Varela Round', Georgia,times,serif;
    font-size: 17px;
}
#ini_mess{
	line-height: 130%;
}
a { color: #108ae7; }
a:hover { color: #ff005c; }

h2 {
    padding: 0.8em;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #999;
    text-transform: uppercase;
}

h3 {
    color: #666;
    font-size: 1em;
    font-weight: normal;
    font-variant: small-caps;
}


/*
    Document   : forum.css
    Created on : 1 sept. 2010, 14:56:45
    Author     : Antoine Hérault <antoine.herault@gmail.com>
    Description:
        Stylesheet for the Symfony2 ForumBundle.
*/

/*
    HEADER
*/

#header {
    border-bottom: 3px solid #eee;
    background: #fefefe;
    overflow: hidden;
}

#site-identity { padding: 10px; }
#site-identity .name {
    font-size: 3em;
    font-weight: normal;
    color: #ff005c;
    text-shadow: #ccc 1px 1px 1px;
}
#site-identity .slogan {
    font-size: 1.1em;
    font-style: italic;
    color: #cccccc;
    float: right;
    font-weight: normal;
}
#googlemas {
display: none;
}
/*
    Global Layout
*/

.container { width: 80%; margin: auto; }

.forum { overflow: hidden; }
.forum .main { float: left; clear: left; width: 60%; }
.forum .side { float: right; clear: right; width: 36%; }

.forum .crumbs,
.forum .crumbs li { margin: 0; padding: 0; list-style: none; }
.forum .crumbs { border: 1px solid #dedede; margin: 20px 0; overflow: hidden; }
.forum .crumbs li { 
    float: left;
    padding: 5px 25px 5px 20px;
    background: url(/bundles/herzultforum/images/crumbs.gif) no-repeat right;
}

.forum .pagination {}
.forum .pagination a,
.forum .pagination span {
    display: inline-block;
    padding: 0 10px;
    background: #fefefe;
    text-decoration: none;
    -webkit-border-radius: 12px;
}
.forum .pagination a:hover { color: #fff; background: #108ae7; }
.forum .pagination .current { background: #ff005c; color: #fff; }
.forum .pagination .inactive { color: #999; }

.forum .main .feed { float: right; }
.forum .main .feed.atom {
    display: block;
    margin-top: -56px;
    width: 20%;
    height: 24px;
    text-indent: -9999px;
    background: url(/bundles/herzultforum/images/feed.png) no-repeat;
}

/*
    Categories List
*/

.forum_categories_list,
.forum_categories_list li { margin: 0; padding: 0; list-style: none; }
.forum_categories_list li { position: relative; border-bottom: 1px dotted #eee; }
.forum_categories_list .metas { font-size: .8em; }

/*
    Topics List
*/

.forum_topics_list,
.forum_topics_list li { margin: 0; padding: 0; list-style: none; }
.forum_topics_list li { position: relative; border-bottom: 1px dotted #eee; }
.forum_topics_list .metas { font-size: .8em; }

/*
    Posts List
*/

.forum_posts_list,
.forum_posts_list li { margin: 0; padding: 0; list-style: none; }
.forum_posts_list li { margin-bottom: 40px; }
.forum_posts_list .metas {
    position: relative;
    padding-left: 80px;
    height: 80px;
}
.forum_posts_list .avatar {
    float: left;
    margin-left: -80px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
}
.forum_posts_list .username { font-size: 1.2em; padding: 5px; }
.forum_posts_list .date {
    font-size: 1.1em;
    font-style: italic;
    color: #666;
    padding: 5px;
}
#columna {width:0%; margin:0px;}
.seccion {width:90%;}
@media only screen and (max-width:1000px){
	body{font-size:0.9em;}
}
@media only screen and (max-width:801px){
	body{font-size:0.8em;}
}
@media only screen and (max-width:780px){
    body{font-size:0.7em;}
}
@media only screen and (max-width:430px){
    body{font-size:0.6em;}
    .forum_index h2 {font-size:1em;}
}