diff options
Diffstat (limited to 'etc/hypermail/styles.css')
-rwxr-xr-x | etc/hypermail/styles.css | 226 |
1 files changed, 226 insertions, 0 deletions
diff --git a/etc/hypermail/styles.css b/etc/hypermail/styles.css new file mode 100755 index 0000000..7df2339 --- /dev/null +++ b/etc/hypermail/styles.css @@ -0,0 +1,226 @@ +html { + position: relative; + height: 100%; +} + +html, body { + overflow-x: hidden; + margin: 0; + padding: 0; +} + +body { + background-color: white; + color: #111; + font-family: "Open Sans", sans-serif; + font-size: .9em; + position: relative; + min-height: 100%; +} + +.head_top { + background: #eee; /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); + background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 40%, #eeeeee 75%, #dddddd 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(40%,#eeeeee), color-stop(75%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(-45deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(-45deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(-45deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* IE10+ */ + background: linear-gradient(135deg, #ffffff 0%,#eeeeee 40%,#eeeeee 75%,#dddddd 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ + vertical-align: top; + border-color: #17a; + + position: relative; + z-index: 1; + + width: 100%; + display: inline-block; + margin: 0 0 -4px 0; /* in bottom -4px to remove unneeded space after object with inline-block */ + padding: 0; + border-style: none none solid none; +} + +.head, #navbar ul { + /* background: #e8f1f6; */ + /* generate on http://www.colorzilla.com/gradient-editor/ */ + /* background: #def0f9; */ /* Old browsers */ + background: #d3e5ef; + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZjBmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2QzZTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2QzZTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2M1Y2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); + background: -moz-linear-gradient(top, #def0f9 0%, #d3e5ef 10%, #d3e5ef 70%, #b3c5cf 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def0f9), color-stop(10%,#d3e5ef), color-stop(70%,#d3e5ef), color-stop(100%,#b3c5cf)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* IE10+ */ + background: linear-gradient(to bottom, #def0f9 0%,#d3e5ef 10%,#d3e5ef 70%,#b3c5cf 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0f9', endColorstr='#b3c5cf',GradientType=0 ); /* IE6-8 */ + border-style: none none solid none; + border-color: #8db2c5; + margin: 0; + padding: 1.7em 2.3em; + +} +.head #navbar ul { + background: none; + border: none; + padding: .5em .3em; +} +.head ul.links { + padding: 0em .3em; +} + +.head h1 { + margin: 0; +} + +.mail { + /* for centering use: margin: 0 auto; */ + /*max-width: 54em;*/ + margin: 0; + padding: 1.4em 1.4em; + overflow: hidden; +} + +.foot { + background: #eee; + border-color: #d3e5ef; + border-style: solid none; + margin: 0; + padding: 0; +} + +.links { + margin: 0; + padding: 0.7em 2em; +} + +.footer { + background-color: #0D597F; + font-size: .7em; + color: white; + text-align: center; + width: 100%; + position: absolute; + bottom: 0; + margin: 0; + padding: 0.7em; + height: 1.1em; /* height with padding is 1.8em */ + overflow: hidden; +} +.footer a, .footer a:link, .footer a:hover, .footer a:active, .footer a:visited { + color: #CDCDCD; +} + +.alpine-logo { + font-size: 425%; + color: #0D597F; + padding: .1em .5em .0765em .25em; +} +a.alpine-logo:hover, a.alpine-logo:active { + text-decoration: none; +} + +#title { + float: right; + padding-right: 1em; +} +#title h1 { + text-align: right; +} + +.left { float: left; } +.right { float: right; } + +a { color: #0D597F; text-decoration: none; } +a:hover, a:active { text-decoration: underline; } + +h1, h2, h3, h4 { + margin: 1em 1ex 0.5ex 0; + color: #0D597F; +} +h1 { font-size: 1.4em; } +h2 { font-size: 1.3em; } +h3 { font-size: 1.2em; } +h4 { font-size: 1.1em; } + +table { + text-align: left; + border-spacing: 0; + margin: 1.7em 1.4em 3.2em 1.4em; + /* there is a footer (with position: absolute) in the bottom */ +} +.center table { + margin: 1.4em; /* without extra 1.8em in the bottom */ + /* in this case there is a .foot who makes bottom-margin */ +} +table.archive_list td { + font-size: 100%; +} +.foot { + margin-bottom: 1.8em; + /* there is a footer (with position: absolute) in the bottom */ +} + +tr:hover td { + background-color: #EDEDED; +} +td { + vertical-align: top; + padding: .1em .5em .1em .7em; + border-bottom: 1px solid #DCDCDC; + font-size: 85%; +} + +.center, .mail, li{ + font-size: 95%; +} + +/* .foot should not be inside ul li but hypermate generates it so */ +/* fix */ +ul li .foot { + margin: 1em 1em 0 -2.5em; + padding: 1.4em 0; + font-size: 1.1em; + background: none; + border: none; +} +ul li .foot ul li { + list-style: disc; +} +.searchbox { + margin: 0; + padding: 1.5em 1.4em 0 1.4em; +} +.searchbox form { + margin-top: .3em; +} +.searchbox a { + font-size:90% +} + + +@media all and (max-width:32.000em) { + .alpine-logo { + font-size: 325%; + width: 100%; + background-color: white; + text-align: center; + padding: .2em .1em .0765em 0; + } + .head, .foot, #title, ul, #navbar a, ul { + padding: 0; + margin: 0; + } + ul { + padding: .5em; + } + #navbar ul { + padding-top: 1em; + padding-bottom: 1em; + } + #title h1 { + margin: 0; + } +} |