/* Pixie - Default Stylesheet
For Pixie Image Scraper Website
And Pixie Image Scraper Results
R. Seaverns - 2024
http://www.seaverns.com/

//////////////////////////////////////////
 Pixie Body & Defaults:
    Body
    Links
//////////////////////////////////////////
*/
body {
    margin:auto;
    background-color:#0c0c0c;
    font-family: 'Poor Story', system-ui;

    }

a {
    text-decoration:none;
}    
a:link, a:visited {
    color:gold;
}

a:hover, a:active {
    color:#fff;
    text-shadow:1px 1px 1px #000;
}

/*////////////////////////////////////////
 Pixie Header
    Pixie Header Content
    Site Title
    Site Tagline
//////////////////////////////////////////
*/

.Pixie_Header_Content {
    width:100%;
    width: 100vw;
    background-color:#333;
}

.siteIcon {
    font-size:48px;
    text-shadow:1px 1px 1px #000;
}

.siteTitle {
    color:gold;
    font-size:54px;
    font-weight:900;
}

.siteTagline {
    margin-left:5px;
    font-style:italic;
    font-size:24px;
    font-weight:400;
    opacity:0.7;
}

/*/////////////////////////////////////////
Pixie Primary Navigation:
    Pixie Main Navigation
    Horizontal Top Navigation Menu
/////////////////////////////////////////*/

.Pixie_Nav_Main {
    background-color:#0c0c0c;
}

.Pixie_Nav_H {
    padding-top:10px;
    width:100%;
    margin:auto;
    text-align:center;
    font-size:24px;
    font-weight:600;
}

/*////////////////////////////////////////
Pixie Image Handling:
    Primary Image Display Table 
    Primary Image Display Cell
    Small Display Cell
    Pixie Display Cell Image
////////////////////////////////////////*/

/* Pixie Primary Image Display Table */    
.Pixie_Display_Main {
    margin:auto;
    background-color:#222;
    color:gold;
    text-align:center;
    border-radius:12px;
}

.Pixie_Display_Main_Title {
    font-size:36px;
    text-shadow:1px 1px 1px #000;
}

/* Pixie Primary Image Display Cell */
.Pixie_Display_Cell_Med {
    width:80%;
    font-size:36px;
}

/* Small Display Cell */
.Pixie_Display_Cell_Sm {
    width:20%;
    background-color:#999;
}

/* Pixie Display Cell Image */
.Pixie_Display_Image {
    width: 80vh;
    max-width: 80vw;
    min-width:250px;
    border:none;
    border-radius:8px;
    }


/*////////////////////////////////////////
Pixie Extra Options:
    Primary Button Display
    Share2Facebook Button
    Category Counter
    Text Link (1)
    Advertizing Line (1)
    Downloads Link Boxes
    Scraped Page Results Page
////////////////////////////////////////*/

/* Pixie Primary Button Display */
.Pixie_Button_1 {
    margin-top:10px;
    background-color:#000;
    color:#fff;
    font-size:30px;
    font-weight:600;
    padding:8px;
    box-shadow:0px 0px 1px #000;
    border:2px solid #fff;
    border-radius:12px;
}

/* Pixie Primary Button Display - Hover */
.Pixie_Button_1:hover {
    color:lime;
    border:2px solid lime;
}

/* Share2Facebook Button
See scripts/share2fb.php (Defaulting CSS)
*/
.Share2FB {
    font-family: 'Poor Story', system-ui;
    font-size:36px;
    margin-top:20px;
    background-image: linear-gradient(to right, #0165E1, #17A9FD);
    padding:6px;
    border:2px solid #333;
    border-radius:8px;
    box-shadow:1px 1px 0px #0165E1;
}

/* Category Counter */
#Pixie_Category_Count {
    color:gold;
    font-size:36px;
    font-weight: 900;
    text-shadow:1px 1px 1px #000;
}

/* Text Link (1) */
#Pixie_Text_Link_1 {
    color:gold;
    font-size:18px;
    font-weight: 900;
}

/* Advertizing Link (1) */
#ad_link {
    font-size:36px;
}

/* Pixie Downloads Link Boxes */
.pixie_downloads {
    margin-top:10px;

    color:gold;
}

#pixie_downloads_layout {
    margin:auto;
    text-align:center;
}

.pixie_downloads_options {
    margin:auto;
    text-align:center;
    border:2px solid #000;
    background-color:#0c0c0c;
    border-radius:8px;
    padding:8px;
}

/* Pixie Scraped Results */
.scraped_content {
    margin:auto;
    text-align:center;
}

.pixie_image_link {
    word-break: break-all;
    display: block;
    font-size:24px;
    font-weight:900;
    margin-bottom:0.01em;
}

#scrollingDiv {
    margin-top:10px;
    width: 90%;
    height: 200px;
    overflow: hidden;
    }


/*////////////////////////////////////////
Pixie Footer Options:
    Pixie Footer
    Pixie Footer Credits
    Pixie Footer Credits Title
    Hit Counter
////////////////////////////////////////*/

/* Pixie Footer */
.Pixie_Footer {
    margin:auto;
}

/* Pixie Footer Credits */
#Pixie_Footer_Credits {
    margin-right:20px;
    color:#fff;
}

/* Pixie Footer Credits Title */
#Pixie_Footer_Credits_Title {
    font-size:28px;
    font-weight:900;
}

/* Page Hit Counter
See Also: scrips/hitcounter.php
Margin is set there. (Bug Fix)
*/

#hit_counter {
    font-size:24px;
    padding-left:20px;
    color:#fff;
    font-family: 'Poor Story', system-ui;
}