diff options
author | Thomas Lange <code@nerdmind.de> | 2017-02-24 21:27:59 +0100 |
---|---|---|
committer | Thomas Lange <code@nerdmind.de> | 2017-02-24 21:27:59 +0100 |
commit | 52b077a48c743ba4d08ac00520a0bf1ef6deef5f (patch) | |
tree | b4205c194167e0e03e273957cdd0aab3be9fdf01 /template/standard/rsrc/main.css | |
download | blog-52b077a48c743ba4d08ac00520a0bf1ef6deef5f.tar.gz blog-52b077a48c743ba4d08ac00520a0bf1ef6deef5f.tar.xz blog-52b077a48c743ba4d08ac00520a0bf1ef6deef5f.zip |
Initial commit.v1.0
Diffstat (limited to 'template/standard/rsrc/main.css')
-rw-r--r-- | template/standard/rsrc/main.css | 202 |
1 files changed, 202 insertions, 0 deletions
diff --git a/template/standard/rsrc/main.css b/template/standard/rsrc/main.css new file mode 100644 index 0000000..44547ec --- /dev/null +++ b/template/standard/rsrc/main.css @@ -0,0 +1,202 @@ +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Hyperlinks +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +a{color:#0060A0;text-decoration:none;}a:focus{background:#CCC;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Paragraphs +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:0;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Headings +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;} +h1{font-size:0.80rem;}h2{font-size:0.70rem;} +h3{font-size:0.65rem;}h4{font-size:0.60rem;} +h5{font-size:0.55rem;}h6{font-size:0.50rem;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Document +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +html,body{margin:0;padding:0;} +html{font-size:1.25rem;color:#333;background:#CCC;-webkit-hyphens:auto;hyphens:auto;} +body{font-family:Ruda,sans-serif;font-size:0.7rem;line-height:1.2rem;} + +#container{max-width:45rem;margin:1rem auto;border:0.05rem solid #AAA;background:#FFF;} + +main,#main-header > section{padding:1rem;box-sizing:border-box;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Header +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +#main-header > section{overflow:hidden;} +#main-logo{height:1.75rem;display:block;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Footer +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +#main-footer{background:#EEE;border-top:0.05rem solid #AAA;padding:0.25rem 1rem;text-align:center;font-size:0.6rem;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Main Navigation +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +#main-navi{font-size:0.6rem;background:#EEE;border:0.05rem solid #AAA;border-left:none;border-right:none;padding:0 1rem;} +#main-navi ul{list-style:none;margin:0;padding:0;} +#main-navi li{display:inline;} +#main-navi li .fa, h1 > .fa, h2 > .fa{margin-right:0.25rem;} +#main-navi a{padding:0.25rem 0.3rem;color:inherit;text-decoration:none;text-align:center;display:inline-block;border:0.05rem solid transparent;border-top:none;border-bottom:none;} +#main-navi a:hover, #main-navi a:focus{text-decoration:none;background:#DDD;border:0.05rem solid #AAA;border-top:none;border-bottom:none;} +#main-navi li:last-child{float:right;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Site Navigation +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +#site-navi{clear:both;display:flex;box-sizing:border-box;justify-content:space-between;} +#site-navi > div{display:flex;align-items:center;border:0.05rem solid #AAA;background:#EEE;} +#site-navi > div > a{display:block;} +#site-navi > section{display:flex;overflow:hidden;align-items:center;} +#site-navi > section > div{border:0.05rem solid #AAA;background:#EEE;} + +#site-navi .disabled{pointer-events:none;color:#AAA;} +#site-navi .active a{background:#CCC !important;font-weight:600;pointer-events: none;} + +#site-navi ol{list-style:none;margin:0;padding:0;} +#site-navi li{float:left;display:inline-block;} +#site-navi li+li{border-left:0.05rem solid #AAA;} +#site-navi a{padding:0 0.5rem;text-decoration:none;color:inherit;display:inline-block;} +#site-navi a:hover,#site-navi a:focus{background:#CCC;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Elements +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +pre{font-family:monospace;margin-bottom:1rem;overflow:auto;-moz-tab-size:4;tab-size:4;} +code,pre{font-family:monospace;color:#008B45;} +strong,label{font-weight:600;} +img{border:none;max-width:100%;} +main img{border:0.05rem solid #000;border-radius:0.15rem;} +table img{border:none;border-radius:0;} +.red{color:#B03060;} +.head-link{font-size:0.6rem;float:right;} +.head-link .fa{margin-right:0.125rem;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Brackets +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +.brackets a,a.brackets{text-decoration:none;} +.brackets:after{content:"]"} +.brackets:before{content:"["} +a.brackets:before,a.brackets:after{color:#222;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Item List <ul> +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +.item-list{list-style:none;padding:0;} +.item-list.page{} +.item-list.post{} +.item-list.user{} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Item List <li> +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +.item-list-li{background:#EEE;border:0.05rem solid #AAA;overflow:hidden;margin:0.5rem 0;} +.item-list-li > header{padding:0.25rem 1rem;border-bottom:0.05rem solid #AAA;overflow:hidden;} +.item-list-li > header h2{border:none !important;font-size:inherit;text-transform:uppercase;} +.item-list-li > header h2 .info{float:right;font-size:0.7rem;font-weight:400;} +.item-list-li > header a{color:inherit;} +.item-list-li > article{padding:0 1rem;} +.item-list-li > article img{display:block;} +.item-list-li.page{} +.item-list-li.post{} +.item-list-li.user{} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Item content on main sites +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +#content{background:#EEE;border:0.05rem solid #AAA;margin:0.5rem 0;padding:0 1rem;} +#content img{display:block;} +#content.page{} /* different rules for page item */ +#content.post{} /* different rules for page item */ +#content.user{} /* different rules for page item */ + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Responsive +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +#toogle-nav{display:none;clear:both;} +#toogle-nav-label{display:none;cursor:pointer;font-size:1.25rem;text-align:center;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Form elements +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +input,select{background:#EEE;color:inherit;padding:0.2rem;border:0.1rem solid #AAA;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Table elements +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +table{width:100%;margin:0 0 1rem;}td{vertical-align:middle;} +table,td{border-spacing:0;border-collapse:collapse;padding:0.5rem;border:0.05rem solid #000;} +thead,tr:nth-child(even){background:#EEE;} +thead > tr, th{font-weight:600;font-style:italic;} +thead > tr > td, th > td{text-align:center;} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Responsive Level #1 +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@media only screen and (max-width:50rem) { + html{font-size:1.125rem;/*18px*/background-image:none !important;} + body{line-height:1.2rem;} + #container{margin:0;border-right:none;border-left:none;} +} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Responsive Level #2 +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@media only screen and (max-width:37.5rem) { + main,#main-header > section{padding:1rem;} + #main-navi{padding:0.25rem 1rem;} + #main-navi a{border:0.05rem solid transparent;} + #main-navi a:hover, #main-navi a:focus{border:0.05rem solid #BBB;} + #main-navi > ul{display:none;float:none;} + #main-navi > ul > li a{display:block;text-align:left;padding:0 0.25rem;} + #main-navi{overflow:hidden;} + h2{border-bottom:0.05rem solid #888;} + #toogle-nav-label{display:block;} + #toogle-nav:checked + ul{display:block;} + #main-navi li:last-child{float:none;} + + .item-list-li > header > h2{text-align:center;} + .item-list-li > header > h2 > .info{float:none;display:block;} +} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* FontAwesome Main +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +.fa{display:inline-block;font:normal normal normal 14px/1 "FontAwesome";font-size:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* FontAwesome Icons +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +.fa-rss:before{content:"\f09e"} +.fa-key:before{content:"\f084"} +.fa-bars:before{content:"\f0c9"} +.fa-user:before{content:"\f007"} +.fa-home:before{content:"\f015"} +.fa-search:before{content:"\f002"} +.fa-rss-square:before{content:"\f143"} +.fa-arrow-left:before{content:"\f060"} +.fa-user-secret:before{content:"\f21b"} +.fa-file-text-o:before{content:"\f0f6"} +.fa-newspaper-o:before{content:"\f1ea"} +.fa-arrow-right:before{content:"\f061"} +.fa-exclamation-triangle:before{content:"\f071"} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Font "Font Awesome" [4.7.0]: SIL Open Font License (OFL) +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@font-face{font-family:"FontAwesome";font-weight:400;src:url("font/font-awesome.woff2") format("woff2");} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +/* Font "Ruda": SIL Open Font License (OFL) +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@font-face{font-family:Ruda;font-weight:400;src:url("font/ruda-n-400.woff2") format("woff2");} +@font-face{font-family:Ruda;font-weight:700;src:url("font/ruda-n-700.woff2") format("woff2");}
\ No newline at end of file |