<commit_before>/* Arkestra image plugin */

/* remember that many images will be in an <a> that is *not* a link */


/* ================ all images =============== */

.image a  {
    position: relative; /* for any absolutely-positioned elements inside */
    display: block;
}

/* ================ all multiple imagesets =============== */

/*  ul.imageset 
        li.image[.link] 
            a
                img.plugin
                span.image-title.text
                span.image-description.text
                span.link-title.text
                span.link-description.text
                span.more-information
                    span.hide
                span.link-arrow (if no span.more-information)
*/

ul.imageset {padding: 0; margin: 0; position}

/* ================ all items in multiple image sets =============== */

ul.imageset li.image {
    display: inline-block; 
    vertical-align: top; 
    /* these are default padding/margin values - Arkestra can overwrite them in
    multiple.html and lightbox.html */
    padding: 10px 0;        
    margin-right: 20px;
}

ul.imageset li.image.lastinrow {
    /* no margin needed; it has nothing on its right */ 
    margin-right: 0;
    }
    
ul.imageset li.image a {
    vertical-align: middle;
    }

/* applies to items inside lightboxes too, so no ul selector */
.imageset .image img { /* center images within their block anchor containers */ 
    margin-left: auto;
    margin-right: auto;
    display: block;  /* the image inside is a block, so we don't get text lines */

    }

/* ================ when images are links =============== */

.imageset a:link,
.imageset a:visited,
.imageset a:link:hover,
.imageset a:visited:hover  {
    color: black;
    text-decoration: none;
}
                          
ul.imageset li.image.link {
    /* these is a default padding value - Arkestra can overwrite it in
    multiple.html and lightbox.html */
    padding: 10px; 
    margin-right: 0;
    }

/* hovering over the set dims it, but not the one we're hovering over */
ul.imageset:hover li.image.link { 
    opacity: 1;  
    }

ul.imageset:hover li.image.link:hover {
    opacity: 1;
    background: white;
    outline: 1px solid gray;
    }                                                                                                  

/* ================ when images have text =============== */

/* all text items */

.imageset span {
    text-align: left;
} 

/* all text on imageset items is in a block element */
.imageset .text {
    display: block;
    padding: 0;
    margin: 0;
    zoom: 1;
}

/* the image-title is generally superimposed on it */
.imageset .image-title {
    text-transform:uppercase;
    text-align: right;
    font-size: 95%;
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0;
    padding: 2px 10px;                          
    color: black;
    background: rgba(255,255,255,.7); 
    }

.imageset .image-caption {
    font-style: italic; 
    font-weight: lighter; 
    font-size: 90%;
    text-align: right;
    padding-bottom: 5px;
    padding-left: 20%;
    }

.imageset .link-title {
    font-weight: bold;
}

.imageset .link-description {
    font-weight: lighter; 
    }

.imageset a:link:hover .image-title {
    background: rgba(255,255,255,.9); 
    }   


/* ================ READ MORE buttons =============== */ 

.imageset a:link .more-information,
.imageset a:visited .more-information,
.imageset a:hover .more-information  {
    text-transform:uppercase;
    font-size: 80%;
    padding: 1px 3px;
    border-radius: 3px;
    text-decoration: none; 
    /* default colours white on black; sliders for example are reversed */
    border: 1px solid black;
    color: white;
    background: black;
    }
    
.imageset a:hover .more-information {
    color: black;
    background: rgba(255,255,255,.7); 
}

.imageset a:link .link-arrow {
    background: url(/static/arkestra/images/default_styles/image-link-arrow.png) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -4px;
    bottom: -4px;
}
       
/* ================ lightboxes =============== */

/*  div#fancybox-content
        div - created by fancybox style="width:auto;height:auto;overflow: auto;position: static;" - needs to be amended in fancybox
            div.imageset.imageset-item
                span.imageset-item-data.image-title.text
                span.imageset-item-data.image-caption.text<commit_msg>rule for no link arrow icons<commit_after>/* Arkestra image plugin */

/* remember that many images will be in an <a> that is *not* a link */


/* ================ all images =============== */

.image a  {
    position: relative; /* for any absolutely-positioned elements inside */
    display: block;
}

/* ================ all multiple imagesets =============== */

/*  ul.imageset 
        li.image[.link] 
            a
                img.plugin
                span.image-title.text
                span.image-description.text
                span.link-title.text
                span.link-description.text
                span.more-information
                    span.hide
                span.link-arrow (if no span.more-information)
*/

ul.imageset {padding: 0; margin: 0; position}

/* ================ all items in multiple image sets =============== */

ul.imageset li.image {
    display: inline-block; 
    vertical-align: top; 
    /* these are default padding/margin values - Arkestra can overwrite them in
    multiple.html and lightbox.html */
    padding: 10px 0;        
    margin-right: 20px;
}

ul.imageset li.image.lastinrow {
    /* no margin needed; it has nothing on its right */ 
    margin-right: 0;
    }
    
ul.imageset li.image a {
    vertical-align: middle;
    }

/* applies to items inside lightboxes too, so no ul selector */
.imageset .image img { /* center images within their block anchor containers */ 
    margin-left: auto;
    margin-right: auto;
    display: block;  /* the image inside is a block, so we don't get text lines */

    }

/* ================ when images are links =============== */

.imageset a:link,
.imageset a:visited,
.imageset a:link:hover,
.imageset a:visited:hover  {
    color: black;
    text-decoration: none;
}
                          
ul.imageset li.image.link {
    /* these is a default padding value - Arkestra can overwrite it in
    multiple.html and lightbox.html */
    padding: 10px; 
    margin-right: 0;
    }

/* hovering over the set dims it, but not the one we're hovering over */
ul.imageset:hover li.image.link { 
    opacity: 1;  
    }

ul.imageset:hover li.image.link:hover {
    opacity: 1;
    background: white;
    outline: 1px solid gray;
    }                                                                                                  

/* ================ when images have text =============== */

/* all text items */

.imageset span {
    text-align: left;
} 

/* all text on imageset items is in a block element */
.imageset .text {
    display: block;
    padding: 0;
    margin: 0;
    zoom: 1;
}

/* the image-title is generally superimposed on it */
.imageset .image-title {
    text-transform:uppercase;
    text-align: right;
    font-size: 95%;
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0;
    padding: 2px 10px;                          
    color: black;
    background: rgba(255,255,255,.7); 
    }

.imageset .image-caption {
    font-style: italic; 
    font-weight: lighter; 
    font-size: 90%;
    text-align: right;
    padding-bottom: 5px;
    padding-left: 20%;
    }

.imageset .link-title {
    font-weight: bold;
}

.imageset .link-description {
    font-weight: lighter; 
    }

.imageset a:link:hover .image-title {
    background: rgba(255,255,255,.9); 
    }   


/* ================ READ MORE buttons =============== */ 

.imageset a:link .more-information,
.imageset a:visited .more-information,
.imageset a:hover .more-information  {
    text-transform:uppercase;
    font-size: 80%;
    padding: 1px 3px;
    border-radius: 3px;
    text-decoration: none; 
    /* default colours white on black; sliders for example are reversed */
    border: 1px solid black;
    color: white;
    background: black;
    }
    
.imageset a:hover .more-information {
    color: black;
    background: rgba(255,255,255,.7); 
}

.imageset a:link .link-arrow {
    background: url(/static/arkestra/images/default_styles/image-link-arrow.png) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -4px;
    bottom: -4px;
}

/* SemanticEditor class required: no-image-link-arrows */

.no-image-link-arrows .imageset a:link .link-arrow {
    background-image: none;
    }
       
/* ================ lightboxes =============== */

/*  div#fancybox-content
        div - created by fancybox style="width:auto;height:auto;overflow: auto;position: static;" - needs to be amended in fancybox
            div.imageset.imageset-item
                span.imageset-item-data.image-title.text
                span.imageset-item-data.image-caption.text
{'fraction_non_alphanumeric': 0.15383769518363757, 'fraction_numerical': 0.015834616230481637, 'mean_word_length': 2.1723055458667595, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1561381', 'n_tokens_mistral': 2930, 'n_tokens_neox': 2690, 'n_words': 760}