<commit_before>/******************************
* EarthSystemCog
*
* cogstyle.css
*
* this file specifies the CSS for _all_ HTML pages that are part of the CoG project
* except where:
* 1) internal CSS is encoded within Django Templates, for example:
*    - "/cog/templates/cog/project/project_right.html" specifies the project widget styles
*    - "/cog/templates/cog/common/cog_header.html" specifies the CoG header styles
* 2) inline styles are used within Django Templates
* 3) external plugins use their own CSS (ie: CKEditor, YUI)
* 4) users explicitly write custom inline styles in CoG's wiki
* 5) the CoG splash page has its own stylesheet (cog.css)
*
* sections (marked by BEGIN/END comments) define logical groupings of elements
* each element is given a summary above it's definition; this includes the NAME, SCOPE, and - where apprpropriate - DESCRIPTION or PURPOSE
* additional information may be added above individual attributes
******************************/

/******************************
* CSS used w/in CoG
* (for reference):
* dark teal    = #358C92
* light teal   = #B9E0E3
* dark yellow  = #FAC24A
* light yellow = #FCE79F
* dark gray    = #666666
* middle gray  = #666
* light gray   = #333

******************************/

/******************************
BEGIN MEDIA-SPECIFIC STYLES
******************************/

/* only display the central content when printing */
@media print {
	div.vertical_menu {
		display: none !important;
	}
	div.project_widget {
		display: none !important;
	}
	div.search-box {
		display: none !important;
	}
	div#top_nav_right {
		display: none !important;
	}
}

/******************************
END MEDIA-SPECIFIC STYLES
******************************/


/******************************
BEGIN PAGE-LEVEL ELEMENTS
******************************/

/***************
* NAME: html
* SCOPE: the entire page
* PURPOSE: force the browser's vertical scrollbar to always display
***************/
html {
    overflow-y:  scroll;
    background: white;
    height:     100%;
}

/***************
* NAME: body
* SCOPE: the page body content
* DESCRIPTION: center the body, specify the font, font-color, and background color
***************/
/*****************************
BEGIN DJANGO and YUI CSS RESETS

Django contains numerous CSS files that set many properties not
explicitly covered in the areas below. These are reclaimed here so that we
can completely control in one file how things look
*******************************/
body{
    /*font: font-style font-variant font-weight font-size/line-height|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;*/
    /*font: 13px/1.231 arial,helvetica,clean,sans-serif; */ /*fonts-min.css*/
    /* px to pt ratio = 1.33, so 13px = 9.77pt */
    font: normal normal normal 13px/1.231 Arial,sans-serif; 

    color:         #333;         /* text color...dark grey*/
    text-align:    left;         /*default alignment is left-justified */
    margin:         0;       /*remove all margins in the box model */
    padding:        0;
    margin-right:   auto;
    margin-left:    auto;
    vertical-align: baseline; /* this is the default, be we want to control */
    width:          100%;          /*go the entire size of the browser. custom header is in this and also goes the entire way */
    height:         100%; 


}

/*********************************
BEGIN: Content wrappers
**********************************/

.container:after{
   content:normal; /*critical*/
   height:100%;

}

/* create a sticky footer. This div pushes the footer down the full height of the browser window
but then enables the footer bar to be at the bottom */
div.content_wrapper{
    height:         100%;  /*extend the full height of the browser. If browser is small, won't go smaller than div.main_conent */
    margin-bottom:  -90px; /*this needs to be the same height as the custom footer height + footer height + footer spacer height */
}

/* moves footers down when the body exceeds the window and you have to scroll */
div.push{
   height: 90px; /* value is the height of the two footers + the footer spacer */
}

/**********************************
BEGIN: Custom header
This sets the styles for the defaults
*********************************/

/* create white header bar that spans the entire browser window */
div.custom_header_bar {
    width:            100%;
    margin-top:       0;
    margin-bottom:    2px;
    background-color: #E9F5F6; /*light blue*/
    /*background-color:#e5e5e5; /* grey that Cecelia wanted initially */
}

/* create a white header that is just slightly larger than the main cog site */
div.custom_header{
    width:        950px; /* note span-24 = 950px */
    margin-left:  auto;
    margin-right: auto;
}

td.custom_header_esgf{
    width:          120px; /*width of logo*/
    vertical-align: top;
    margin:         0;
    padding:        0;
    padding-top:    3px;
    padding-bottom: 1px; /* Cecelia wanted this 1px larger than the top */
}

td.custom_header_location{
    vertical-align: top;
    font-size:      12px;  /* note this is in px and not pt */
    color:          #666;
    line-height:    1.35;
    text-align:     left;
    padding:        1px;
    padding-top:    4px;
    padding-left:   2px;
    padding-right:  6px;
}
td.custom_header_welcome{<commit_msg>new custom header styles<commit_after>/******************************
* EarthSystemCog
*
* cogstyle.css
*
* this file specifies the CSS for _all_ HTML pages that are part of the CoG project
* except where:
* 1) internal CSS is encoded within Django Templates, for example:
*    - "/cog/templates/cog/project/project_right.html" specifies the project widget styles
*    - "/cog/templates/cog/common/cog_header.html" specifies the CoG header styles
* 2) inline styles are used within Django Templates
* 3) external plugins use their own CSS (ie: CKEditor, YUI)
* 4) users explicitly write custom inline styles in CoG's wiki
* 5) the CoG splash page has its own stylesheet (cog.css)
*
* sections (marked by BEGIN/END comments) define logical groupings of elements
* each element is given a summary above it's definition; this includes the NAME, SCOPE, and - where apprpropriate - DESCRIPTION or PURPOSE
* additional information may be added above individual attributes
******************************/

/******************************
* CSS used w/in CoG
* (for reference):
* dark teal    = #358C92
* light teal   = #B9E0E3
* dark yellow  = #FAC24A
* light yellow = #FCE79F
* dark gray    = #666666
* middle gray  = #666
* light gray   = #333

******************************/

/******************************
BEGIN MEDIA-SPECIFIC STYLES
******************************/

/* only display the central content when printing */
@media print {
	div.vertical_menu {
		display: none !important;
	}
	div.project_widget {
		display: none !important;
	}
	div.search-box {
		display: none !important;
	}
	div#top_nav_right {
		display: none !important;
	}
}

/******************************
END MEDIA-SPECIFIC STYLES
******************************/


/******************************
BEGIN PAGE-LEVEL ELEMENTS
******************************/

/***************
* NAME: html
* SCOPE: the entire page
* PURPOSE: force the browser's vertical scrollbar to always display
***************/
html {
    overflow-y:  scroll;
    background: white;
    height:     100%;
}

/***************
* NAME: body
* SCOPE: the page body content
* DESCRIPTION: center the body, specify the font, font-color, and background color
***************/
/*****************************
BEGIN DJANGO and YUI CSS RESETS

Django contains numerous CSS files that set many properties not
explicitly covered in the areas below. These are reclaimed here so that we
can completely control in one file how things look
*******************************/
body{
    /*font: font-style font-variant font-weight font-size/line-height|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;*/
    /*font: 13px/1.231 arial,helvetica,clean,sans-serif; */ /*fonts-min.css*/
    /* px to pt ratio = 1.33, so 13px = 9.77pt */
    font: normal normal normal 13px/1.231 Arial,sans-serif; 

    color:         #333;         /* text color...dark grey*/
    text-align:    left;         /*default alignment is left-justified */
    margin:         0;       /*remove all margins in the box model */
    padding:        0;
    margin-right:   auto;
    margin-left:    auto;
    vertical-align: baseline; /* this is the default, be we want to control */
    width:          100%;          /*go the entire size of the browser. custom header is in this and also goes the entire way */
    height:         100%; 


}

/*********************************
BEGIN: Content wrappers
**********************************/

.container:after{
   content:normal; /*critical*/
   height:100%;

}

/* create a sticky footer. This div pushes the footer down the full height of the browser window
but then enables the footer bar to be at the bottom */
div.content_wrapper{
    height:         100%;  /*extend the full height of the browser. If browser is small, won't go smaller than div.main_conent */
    margin-bottom:  -90px; /*this needs to be the same height as the custom footer height + footer height + footer spacer height */
}

/* moves footers down when the body exceeds the window and you have to scroll */
div.push{
   height: 90px; /* value is the height of the two footers + the footer spacer */
}

/**********************************
BEGIN: Custom header
This sets the styles for the defaults
*********************************/

/* create white header bar that spans the entire browser window */
div.custom_header_bar {
    width:            100%;
    margin-top:       0;
    margin-bottom:    2px;
    background-color: #E9F5F6; /*light blue*/
    /*background-color:#e5e5e5; /* grey that Cecelia wanted initially */
}

/* create a white header that is just slightly larger than the main cog site */
div.custom_header{
    width:        950px; /* note span-24 = 950px */
    margin-left:  auto;
    margin-right: auto;
}

td.custom_header_esgf_cog{
    width:          180px; /*width of logo*/
    vertical-align: top;
    margin:         0;
    padding:        0;
    padding-top:    3px;
    padding-bottom: 1px; /* Cecelia wanted this 1px larger than the top */
}

td.powered_by{
    width:          60px;
    font-size:      10px;
    font-weight:    bold;
    font-style:     italic;
    vertical-align: top;
    color:          #666;
    text-align:     right;
    padding-right:  0;
    padding-top:    4px;
}

td.hosted_by{
    width:          60px;
    font-size:      10px;
    font-weight:    bold;
    font-style:     italic;
    vertical-align: top;
    color:          #666;
    text-align:     left;
    padding-right:  0;
    padding-top:    4px;
}

td.custom_header_location{
    vertical-align: top;
    font-size:      12px;  /* note this is in px and not pt */
    color:          #666;
    line-height:    1.35;
    text-align:     left;
    padding:        1px;
    padding-top:    4px;
    padding-left:   2px;
    padding-right:  6px;
}
td.custom_header_welcome{
{'fraction_non_alphanumeric': 0.18697799730579254, 'fraction_numerical': 0.021733273462056578, 'mean_word_length': 3.11529933481153, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '947802', 'n_tokens_mistral': 3446, 'n_tokens_neox': 3189, 'n_words': 1150}