GMWeb/www/css/actividades.css

/* /actividades/actividad.php */

/* Page layout */
div#right_column{
    width:            22%;
    display:        inline-block;
    vertical-align:    top;
    float:            right;
}

div#middle_column{
    width:            74%;
    display:        inline-block;
    vertical-align:    top;
}

div#middle_column h3#activity_title{
    margin-bottom:    0em;
}

div#middle_column span#activity_date{
    color:            #555555;
    font-size:        80%;
    font-style:        italic;
    margin-left:    1em;
}

/* Archive */
div.list_year{
    margin-left:    1em;
/*     display:        none; */
    max-height:        0em;
    overflow-y:        hidden;
    transition:    max-height 0.6s ease-in-out;
}

ul.activity_list{
    margin-top:        0em;
    margin-bottom:    0em;
    max-height:        0em;
    overflow-y:        hidden;
    transition:    max-height 0.6s ease-in-out;
}

div#activity_image{
    text-align:    center;
}

div#activity_image img{
    max-height:        25em;
    max-width:        90%;
    border:            0.15em solid #333333;
    border-radius:    0.2em;
    box-shadow:        0 0 0.5em #111111;
    margin:            1em 0 1em 0;
}

div#activity_description{
    margin-left:    3em;
    margin-right:    3em;
}

div#activity_details{
    text-align:        center;
}

div#activity_details table#activity_details{
    margin:             0 auto 0 auto;
    border-collapse:    collapse;
}

div#activity_details table#activity_details tr{
    border-collapse:    collapse;
}

div#activity_details table#activity_details td{
    vertical-align:    bottom;
    text-align:        left;
    padding:        1em 1em 1em 1em;
}

div#activity_details table#activity_details td.field_name{
    font-style:    italic;
    font-size:    80%;
}

div#activity_itinerary tr{
    border-bottom:        0.02em solid #000000;
    border-top:            0.02em solid #000000;
    border-collapse:    collapse;
    border-radius:        0.5em;
}

div#activity_itinerary tr.th{
    border-top:            0em solid #000000;
}

div#activity_itinerary table#activity_itinerary{
    max-width:            50em;
    margin:             2em auto 2em auto;
    border-collapse:    collapse;
}

div#activity_itinerary table#activity_itinerary th{
    border:        0em solid #000000;
    border-top:    0em;
    text-align:    center;
}

div#activity_itinerary table#activity_itinerary td{
/*     border:        1px solid black; */
    padding:    0.2em 0.5em 0.2em 0.5em;
}

div#activity_itinerary table#activity_itinerary td.time{
    vertical-align: top;
    border-right:    0.25em dotted #33333377;    
    color:    #275573;
  font-weight:  bold;
  font-size:  1em;
  margin:   1em 1em 0.3em 0em;
}


div#activity_itinerary table#activity_itinerary td h5{
    margin:    0;
}

div#activity_itinerary table#activity_itinerary td span.address, p.description{
    margin:        0 0 0 1em;
    font-size:    80%;
}

div#activity_itinerary table#activity_itinerary td span.route_start{
    opacity: 0.7;
    font-size: 90%;
    font-style: italic;
}


/* /actividades/index.php */

/* Contains the image of the upcoming activity */
div#upcoming_image{
    display:        inline-block;
    vertical-align:    top;
}

div#upcoming_image img{
    max-height:        10em;
    max-width:        10em;
    margin:            1em;
    border:            0.15em solid #333333;
    border-radius:    0.2em;
    box-shadow:        0 0 0.5em #111111;
}

/* Contains the text of the upcoming activity */
div#upcoming_text{
    display:        inline-block;
    vertical-align:    middle;
}

table.future_data{
    border-collapse:    collapse;
}

table.future_data tr{
/*     border-bottom:        0.2em solid #7777aa; */
/*     border-top:            0.2em solid #7777aa; */
    border-collapse:    collapse;
}

table.future_data td{
    padding:        1em 1em 1em 1em;
    vertical-align:    bottom;
}

table.future_data td.title{
    font-size:    80%;
    font-style:    italic;
}

/* Contains the details of the upcoming activity */
div#upcoming_details{
    display:        inline-block;
    vertical-align:    middle;
    float:            right;
    margin-right:    0;
    text-align:        center;
} 

div#upcoming_details table{
    text-align:    left;
    font-style:    italic;
    font-size:    80%;
}

table.past_activity td{
    vertical-align:    top;
}

div.past_activity_details{
    max-height:    0px;
    transition:    max-height 0.6s ease-in-out;
    overflow:    hidden;
}

div.past_activity_details_first{
    max-height:    40em;
}

div.past_image{
    display:        inline-block;
    vertical-align:    top;
}

div.past_image img{
    max-height:        12em;
    max-width:        12em;
    margin:            1em;
    border:            0.15em solid #333333;
    border-radius:    0.2em;
    box-shadow:        0 0 0.5em #111111;
}

div.past_text{
    display:        inline-block;
    vertical-align:    middle;
}

span.title_date{
    color:        #555555;
    font-size:    80%;
    font-style:    italic;
}