X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=flakes%2Fmypackages%2Fpkgs%2Fwebapps%2Fapache-theme%2Ftheme%2Fstyle.css;h=e46139f471ab5fa1ecbe0e6a3660371ba52b67fe;hb=776aa3603903616702b8bc1d9e955d3a6da9ee1e;hpb=c7b16397101fd534c41ede5ae7c55e7e120c06f7;p=perso%2FImmae%2FConfig%2FNix.git diff --git a/flakes/mypackages/pkgs/webapps/apache-theme/theme/style.css b/flakes/mypackages/pkgs/webapps/apache-theme/theme/style.css new file mode 100644 index 0000000..e46139f --- /dev/null +++ b/flakes/mypackages/pkgs/webapps/apache-theme/theme/style.css @@ -0,0 +1,160 @@ +/*------------------------------------*\ + Apaxy + by @adamwhitcroft + + Theme name: Apaxy + Theme author: @adamwhitcroft +\*------------------------------------*/ +@import url('//assets.immae.eu/fonts/OpenSans/font.css'); +/* Have to use @import for the font, as you can only specify a single stylesheet */ +* { + margin:0; + padding:0; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing: border-box; +} + +html { + min-height:100%; + border-top:10px solid #ECEEF1; + border-bottom:10px solid #ECEEF1; + color:#61666c; + font-weight:400; + font-size:1em; + font-family:'Open Sans', sans-serif; + line-height:2em; +} +body { + padding:20px; + -webkit-backface-visibility:hidden; +} +code { + font-family:consolas,monospace; +} +a { + color:#61666c; + text-decoration:none; +} +a, img { + border:none; + outline:none +} +a:hover { + color:#2a2a2a; +} +/*------------------------------------*\ + Wrapper +\*------------------------------------*/ +.wrapper { + margin:0 auto; + padding-top:20px; + max-width:80%; +} +/*------------------------------------*\ + Demo block +\*------------------------------------*/ +.block { + font-size:.875em; + margin:20px 0; + padding:20px; + color:#9099A3; +} +/*------------------------------------*\ + Table (directory listing) +\*------------------------------------*/ +table { + width:100%; + border-collapse:collapse; + font-size:.875em; +} +tr { + outline:0; + border:0; +} +tr:hover td { + background:#f6f6f6; +} +th { + text-align:left; + font-size:.75em; + padding-right:20px; +} +/* 2nd Column: Filename */ +th + th { + width:65%; +} +/* 3rd Column: Last Modified */ +th + th + th { +} +/* 4th Column: Size */ +th + th + th + th { + width:5%; +} +tr td:first-of-type { + padding-left:10px; + padding-right:10px; +} +td { + padding:5px 0; + outline:0; + border:0; + border-bottom:1px solid #edf1f5; + vertical-align:middle; + text-align:left; + -webkit-transition:background 300ms ease; + -moz-transition:background 300ms ease; + -ms-transition:background 300ms ease; + -o-transition:background 300ms ease; + transition:background 300ms ease; +} +td a{ + display: block; +} +tr.parent a[href^="/"] { + color:#9099A3; +} + .parent a[href^="/"]:hover { + color:#2281d0; + } +/*------------------------------------*\ + Footer +\*------------------------------------*/ +.footer { + text-align:center; + font-size:.75em; +} + +h1#pagetitle { + text-align: center; +} +tr.parent a[href="/"]{ + display: none; +} + +tr.indexhead { + visibility: hidden; +} + +th.indexcollastmod, td.indexcollastmod, th.indexcolsize, td.indexcolsize { + visibility: hidden; +} + +.instructions a { + text-decoration: underline; +} + +.instructions h2 { + margin-top: 10px; +} +.instructions em.important:before { + content: "⚠ Important ⚠ "; + color: red; +} +.instructions pre { + width: 50em; + padding: 10px 15px; + display: table; + border: 1px inset black; + line-height: 1em; +}