diff options
author | Thomas Lange <code@nerdmind.de> | 2019-01-25 16:17:19 +0100 |
---|---|---|
committer | Thomas Lange <code@nerdmind.de> | 2019-01-25 16:17:19 +0100 |
commit | 4a8014634207a133a81526975984bee5349794c9 (patch) | |
tree | 7c9af8d2e377af4b2daf4ea9006e7017d2638e71 /template | |
parent | a07d8e8404c406170986aba8fe163e13541cc7cd (diff) | |
download | blog-4a8014634207a133a81526975984bee5349794c9.tar.gz blog-4a8014634207a133a81526975984bee5349794c9.tar.xz blog-4a8014634207a133a81526975984bee5349794c9.zip |
Reformat the entire CSS code
Diffstat (limited to 'template')
-rw-r--r-- | template/admin/rsrc/main.css | 1008 | ||||
-rw-r--r-- | template/standard/rsrc/main.css | 584 |
2 files changed, 1315 insertions, 277 deletions
diff --git a/template/admin/rsrc/main.css b/template/admin/rsrc/main.css index 4266f5b..f6a82ac 100644 --- a/template/admin/rsrc/main.css +++ b/template/admin/rsrc/main.css @@ -1,315 +1,971 @@ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Selection ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -::-moz-selection{background:#BBB;color:#000;} +::-moz-selection { + background: #BBB; + color: #000; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Hyperlinks ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -a{color:#0060A0;text-decoration:none;}a:focus{background:#CCC;} +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;} +h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { + margin-top: 0; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Icons ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa{margin-right:0.25rem;} +h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa { + margin-right: 0.25rem; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Headings ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -h1,h2,h3,h4,h5,h6{margin:0;text-transform:uppercase;} -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;} +h1, h2, h3, h4, h5, h6 { + margin: 0; + text-transform: uppercase; +} + +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;} -main{padding:0.75rem;} -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;} +html, body { + margin: 0; + padding: 0; +} + +main { + padding: 0.75rem; +} + +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; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Main content ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content{background:#FFF;border:0.05rem solid #AAA;border-top:none;} +#main-content { + background: #FFF; + border: 0.05rem solid #AAA; + border-top: none; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Width ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content,.header-content{max-width:50rem;margin:0 auto;} +#main-content, .header-content { + max-width: 50rem; + margin: 0 auto; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-header{font-size:0.6rem;} -#header-text,#header-desc{text-shadow: 0 -1px #4E718F, 1px 0 #4E718F, 0 1px #4E718F, -1px 0 #4E718F;} -#header-text{font-size:0.8rem;font-weight:700;text-transform:uppercase;} -#header-desc{font-size:0.6rem;font-weight:700;line-height:1rem;} -#header-desc span{color:#CCC;} -#header-logo{display:block;max-height:5rem;float:left;margin-right:0.5rem;} -.header-line{padding:0.5rem 0.75rem;overflow:hidden;} -.header-line:first-child{background:#5E819F;position:sticky;top:0;} -.header-line:last-child{background:#EEE;border:0.05rem solid #AAA;border-left:none;border-right:none;padding:0.25rem 0.75rem;} +#main-header { + font-size: 0.6rem; +} + +#header-text, #header-desc { + text-shadow: 0 -1px #4E718F, 1px 0 #4E718F, 0 1px #4E718F, -1px 0 #4E718F; +} + +#header-text { + font-size: 0.8rem; + font-weight: 700; + text-transform: uppercase; +} + +#header-desc { + font-size: 0.6rem; + font-weight: 700; + line-height: 1rem; +} + +#header-desc span { + color: #CCC; +} + +#header-logo { + display: block; + max-height: 5rem; + float: left; + margin-right: 0.5rem; +} + +.header-line { + padding: 0.5rem 0.75rem; + overflow: hidden; +} + +.header-line:first-child { + background: #5E819F; + position: sticky; + top: 0; +} + +.header-line:last-child { + background: #EEE; + border: 0.05rem solid #AAA; + border-left: none; + border-right: none; + padding: 0.25rem 0.75rem; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-footer{font-size:0.6rem;background:#EEE;border-top:0.05rem solid #AAA;padding:0.5rem 0.75rem;text-align:center;} -#main-footer > ul{margin:0;padding:0;list-style:none;} -#main-footer > ul > li{display:inline;} -#main-footer > ul > li .fa{margin-right:0.125rem;} -#main-footer > ul > li:before{content:"[";font-weight:700;margin-right:0.1rem;} -#main-footer > ul > li:after{content:"]";font-weight:700;margin-left:0.1rem;} +#main-footer { + font-size: 0.6rem; + background: #EEE; + border-top: 0.05rem solid #AAA; + padding: 0.5rem 0.75rem; + text-align: center; +} + +#main-footer > ul { + margin: 0; + padding: 0; + list-style: none; +} + +#main-footer > ul > li { + display: inline; +} + +#main-footer > ul > li .fa { + margin-right: 0.125rem; +} + +#main-footer > ul > li:before { + content: "["; + font-weight: 700; + margin-right: 0.1rem; +} + +#main-footer > ul > li:after { + content: "]"; + font-weight: 700; + margin-left: 0.1rem; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Main Navigation ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-navi ul{list-style:none;margin:0;padding:0;} -#main-navi li{display:inline;} -#main-navi li .fa{margin-right:0.25rem;} -#main-navi li:last-child{float:right;} -#main-navi li:first-child{float:none;} -#main-navi a{padding:0.1rem 0.3rem;background:#DDD;border:0.05rem solid #AAA;color:inherit;text-decoration:none;text-align:center;display:inline-block;} -#main-navi a:hover, #main-navi a:focus{text-decoration:none;background:#CCC;} -#main-navi a:focus{background:#CCC;} +#main-navi ul { + list-style: none; + margin: 0; + padding: 0; +} + +#main-navi li { + display: inline; +} + +#main-navi li .fa { + margin-right: 0.25rem; +} + +#main-navi li:last-child { + float: right; +} + +#main-navi li:first-child { + float: none; +} + +#main-navi a { + padding: 0.1rem 0.3rem; + background: #DDD; + border: 0.05rem solid #AAA; + color: inherit; + text-decoration: none; + text-align: center; + display: inline-block; +} + +#main-navi a:hover, #main-navi a:focus { + text-decoration: none; + background: #CCC; +} + +#main-navi a:focus { + background: #CCC; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # 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 { + clear: both; + display: flex; + box-sizing: border-box; + justify-content: space-between; +} -#site-navi .disabled{pointer-events:none;color:#AAA;} -#site-navi .active a{background:#CCC !important;font-weight:600;pointer-events:none;} +#site-navi > div { + display: flex; + align-items: center; + border: 0.05rem solid #AAA; + background: #EEE; +} + +#site-navi > div > a { + display: block; +} + +#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 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;} +#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; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Actions ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.actions{margin:0 0 0.5rem 0;padding:0;list-style:none;font-size:0.6rem;float:right;text-align:center;} -.actions .fa{margin-right:0.1rem;} -.actions li{display:inline-block;font-weight:bold;background:#EEE;border:0.05rem solid #AAA;} -.actions a{color:inherit;display:block;padding:0 0.25rem;} -.actions-before{float:left;} +.actions { + margin: 0 0 0.5rem 0; + padding: 0; + list-style: none; + font-size: 0.6rem; + float: right; + text-align: center; +} + +.actions .fa { + margin-right: 0.1rem; +} + +.actions li { + display: inline-block; + font-weight: bold; + background: #EEE; + border: 0.05rem solid #AAA; +} + +.actions a { + color: inherit; + display: block; + padding: 0 0.25rem; +} + +.actions-before { + float: left; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Elements ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -pre{margin-bottom:1rem;overflow:auto;-moz-tab-size:4;tab-size:4;} -code,pre{font-family:monospace;color:#B03060;} -p{margin-top:0;} -img{border:none;max-width:100%;} -.red{color:#B03060;} -.blue{color:#40779A;} -.green{color:#008B45;} -.right{float:right;} -.hidden{display:none;} -#database-result{color:inherit;} +pre { + margin-bottom: 1rem; + overflow: auto; + -moz-tab-size: 4; + tab-size: 4; +} + +code, pre { + font-family: monospace; + color: #B03060; +} + +p { + margin-top: 0; +} + +img { + border: none; + max-width: 100%; +} + +.red { + color: #B03060; +} + +.blue { + color: #40779A; +} + +.green { + color: #008B45; +} + +.right { + float: right; +} + +.hidden { + display: none; +} + +#database-result { + color: inherit; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Tables ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -table{width:100%;margin-bottom:1rem;}td{vertical-align:middle;} -table,td{padding:0.5rem;border:0.05rem solid #AAA;} +table { + width: 100%; + margin-bottom: 1rem; +} + +td { + vertical-align: middle; +} + +table, td { + padding: 0.5rem; + border: 0.05rem solid #AAA; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Brackets ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.brackets a,a.brackets{text-decoration:none;} -.brackets:before,.brackets:after{color:#222;} -.brackets:after{content:"]";} -.brackets:before{content:"[";} +.brackets a, a.brackets { + text-decoration: none; +} + +.brackets:before, .brackets:after { + color: #222; +} + +.brackets:after { + content: "]"; +} + +.brackets:before { + content: "["; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Item Element ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.item{display:block;border:0.05rem solid #AAA;margin-bottom:1rem;clear:both;} +.item { + display: block; + border: 0.05rem solid #AAA; + margin-bottom: 1rem; + clear: both; +} + .item > header, -.item > footer{background:#EEE;overflow:hidden;} -.item > blockquote{margin:0;padding:0.75rem;font-family:inherit;} -.item > blockquote p{margin-bottom:0;} -.item > header{padding:0.5rem 0.75rem;border-bottom:0.05rem solid #AAA;position:sticky;top:0;} -.item > footer{border-top:0.05rem solid #AAA;} -.item > footer > ul{margin:0;padding:0;list-style:none;} -.item > footer > ul > li{display:inline-block;float:left;} -.item > footer > ul > li:last-child{float:right;} -.item > footer > ul > li > a{color:inherit;display:inline-block;padding:0.25rem 2rem;} +.item > footer { + background: #EEE; + overflow: hidden; +} + +.item > blockquote { + margin: 0; + padding: 0.75rem; + font-family: inherit; +} + +.item > blockquote p { + margin-bottom: 0; +} + +.item > header { + padding: 0.5rem 0.75rem; + border-bottom: 0.05rem solid #AAA; + position: sticky; + top: 0; +} + +.item > footer { + border-top: 0.05rem solid #AAA; +} + +.item > footer > ul { + margin: 0; + padding: 0; + list-style: none; +} + +.item > footer > ul > li { + display: inline-block; + float: left; +} + +.item > footer > ul > li:last-child { + float: right; +} + +.item > footer > ul > li > a { + color: inherit; + display: inline-block; + padding: 0.25rem 2rem; +} + .item > footer > ul > li > a:hover, -.item > footer > ul > li > a:active{background:#DDD;} +.item > footer > ul > li > a:active { + background: #DDD; +} -.item-id{float:right;color:#666;} +.item-id { + float: right; + color: #666; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Argument list ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.arguments{list-style:none;margin:0;padding:0.25rem 0.75rem;background:#EEE;font-size:0.6rem;text-align:center;border-top:0.05rem solid #AAA;} -.arguments > li{display:inline;} -.arguments > li > span{color:#40779A;} -.arguments > li:before{content:"[";font-weight:700;margin-right:0.1rem;} -.arguments > li:after{content:"]";font-weight:700;margin-left:0.1rem;} +.arguments { + list-style: none; + margin: 0; + padding: 0.25rem 0.75rem; + background: #EEE; + font-size: 0.6rem; + text-align: center; + border-top: 0.05rem solid #AAA; +} + +.arguments > li { + display: inline; +} + +.arguments > li > span { + color: #40779A; +} + +.arguments > li:before { + content: "["; + font-weight: 700; + margin-right: 0.1rem; +} + +.arguments > li:after { + content: "]"; + font-weight: 700; + margin-left: 0.1rem; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Form flex-box ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -form{border:0.05rem solid #AAA;} +form { + border: 0.05rem solid #AAA; +} + +.flex { + display: flex; + width: 100%; + justify-content: center; + overflow: hidden; + box-sizing: border-box; +} + +.flex + .flex { + border-top: 0.05rem solid #AAA; +} + +.flex > .flex-item { + display: flex; + box-sizing: padding-box; + width: 100%; +} + +.flex > .flex-item { + border-right: 0.05rem solid #AAA; +} + +.flex > .flex-item:last-child { + border-right: none; +} -.flex{display:flex;width:100%;justify-content:center;overflow:hidden;box-sizing:border-box;} -.flex + .flex{border-top:0.05rem solid #AAA;} -.flex > .flex-item {display:flex;box-sizing:padding-box;width:100%;} -.flex > .flex-item{border-right:0.05rem solid #AAA;} -.flex > .flex-item:last-child{border-right:none;} -.flex > .flex-item > div{display:flex;align-items:center;padding:0.5rem;box-sizing:border-box;} -.flex > .flex-item > div + div{border-left:0.05rem solid #AAA;} -.flex.flex-responsive > .flex-item{width:50%;} +.flex > .flex-item > div { + display: flex; + align-items: center; + padding: 0.5rem; + box-sizing: border-box; +} -.form-icon-flex{background:#DDD;width:10%;justify-content:center;} -.form-label-flex{background:#DDD;width:30%;border-left:none !important;} -.form-field-flex{width:60%;} +.flex > .flex-item > div + div { + border-left: 0.05rem solid #AAA; +} -.background{background:#DDD;} -.flex-padding{padding:0.5rem;} -.flex-direction-column{flex-direction:column;} +.flex.flex-responsive > .flex-item { + width: 50%; +} + +.form-icon-flex { + background: #DDD; + width: 10%; + justify-content: center; +} + +.form-label-flex { + background: #DDD; + width: 30%; + border-left: none !important; +} + +.form-field-flex { + width: 60%; +} + +.background { + background: #DDD; +} + +.flex-padding { + padding: 0.5rem; +} + +.flex-direction-column { + flex-direction: column; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Form buttons ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#button-list-wrapper{border-bottom:0.05rem solid #AAA;background:#EEE;} +#button-list-wrapper { + border-bottom: 0.05rem solid #AAA; + background: #EEE; +} + +.button-list { + margin: 0; + padding: 0; + list-style: none; +} + +.button-list.emoticons > li { + font-size: 1.25rem; + display: inline-block; + padding: 0.2rem; + border-bottom: 0.2rem solid transparent; + border-radius: 0.1rem; + cursor: pointer; +} -.button-list{margin:0;padding:0;list-style:none;} -.button-list.emoticons > li{font-size:1.25rem;display:inline-block;padding:0.2rem;border-bottom:0.2rem solid transparent;border-radius:0.1rem;cursor:pointer;} .button-list.emoticons > li:hover, -.button-list.emoticons > li:active{/*background:#CCC;border:0.05rem solid #AAA;*/border-bottom:0.2rem solid #AAA;} +.button-list.emoticons > li:active { + border-bottom: 0.2rem solid #AAA; +} + +.button-list.markdown > li { + float: left; + padding: 0.5rem; + cursor: pointer; + width: 1.75rem; + box-sizing: border-box; + text-align: center; +} -.button-list.markdown > li{float:left;padding:0.5rem;cursor:pointer;width:1.75rem;box-sizing:border-box;text-align:center;} .button-list.markdown > li:hover, -.button-list.markdown > li:active{color:#40779A;} +.button-list.markdown > li:active { + color: #40779A; +} -#content-editor{border:none;margin:0;} +#content-editor { + border: none; + margin: 0; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Form elements ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -input,select,textarea{width:100%;box-sizing:padding-box;background:#EEE;color:#404040;font-family:inherit;font-size:0.7rem;padding:0.25rem;border:0.05rem solid #AAA;} -textarea{font-family:Kadwa,sans-serif;box-sizing:border-box;display:inline-block;resize:vertical;min-height:15rem;line-height:1.3rem;padding:0.5rem;-webkit-hyphens:none;hyphens:none;} -input[type="submit"]{text-transform:uppercase;border-radius:0.1rem;} -input:disabled{background:#DDD;color:#888;} -input:disabled:hover{cursor:not-allowed;} -label{text-transform:uppercase;font-weight:normal;} -label:after{content:":";} +input, select, textarea { + width: 100%; + box-sizing: padding-box; + background: #EEE; + color: #404040; + font-family: inherit; + font-size: 0.7rem; + padding: 0.25rem; + border: 0.05rem solid #AAA; +} + +textarea { + font-family: Kadwa, sans-serif; + box-sizing: border-box; + display: inline-block; + resize: vertical; + min-height: 15rem; + line-height: 1.3rem; + padding: 0.5rem; + -webkit-hyphens: none; + hyphens: none; +} + +input[type="submit"] { + text-transform: uppercase; + border-radius: 0.1rem; +} + +input:disabled { + background: #DDD; + color: #888; +} + +input:disabled:hover { + cursor: not-allowed; +} + +label { + text-transform: uppercase; + font-weight: normal; +} + +label:after { + content: ":"; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Form buttons ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#insert-button, -#update-button, -#delete-button{color:#EEE;border:0.05rem solid #404040;} +#insert-button, #update-button, #delete-button { + color: #EEE; + border: 0.05rem solid #404040; +} + +#insert-button { + background: #4D8D5D; +} + +#update-button { + background: #6A8AA5; +} -#insert-button{background:#4D8D5D;} -#update-button{background:#6A8AA5;} -#delete-button{background:#C45C66;} +#delete-button { + background: #C45C66; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Form message list ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#message-list{margin:0;padding:0.5rem;list-style:none;background:#C45C66;color:#EEE;font-size:0.6rem;} +#message-list { + margin: 0; + padding: 0.5rem; + list-style: none; + background: #C45C66; + color: #EEE; + font-size: 0.6rem; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Search form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#search-form{margin-bottom:1rem;} +#search-form { + margin-bottom: 1rem; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # FontAwesome Main ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;speak:none;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} +.fa { + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + speak: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # FontAwesome Icons ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa-bug:before{content:"\f188"} -.fa-key:before{content:"\f084"} -.fa-link:before{content:"\f0c1"} -.fa-bold:before{content:"\f032"} -.fa-code:before{content:"\f121"} -.fa-user:before{content:"\f007"} -.fa-book:before{content:"\f02d"} -.fa-italic:before{content:"\f033"} -.fa-header:before{content:"\f1dc"} -.fa-search:before{content:"\f002"} -.fa-trash-o:before{content:"\f014"} -.fa-sign-in:before{content:"\f090"} -.fa-clock-o:before{content:"\f017"} -.fa-list-ul:before{content:"\f0ca"} -.fa-list-ol:before{content:"\f0cb"} -.fa-database:before{content:"\f1c0"} -.fa-language:before{content:"\f1ab"} -.fa-sign-out:before{content:"\f08b"} -.fa-dashboard:before{content:"\f0e4"} -.fa-picture-o:before{content:"\f03e"} -.fa-envelope-o:before{content:"\f003"} -.fa-arrow-left:before{content:"\f060"} -.fa-quote-right:before{content:"\f10e"} -.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-external-link:before{content:"\f08e"} -.fa-github-square:before{content:"\f092"} -.fa-pencil-square-o:before{content:"\f044"} -.fa-exclamation-triangle:before{content:"\f071"} +.fa-bug:before { + content: "\f188"; +} + +.fa-key:before { + content: "\f084"; +} + +.fa-link:before { + content: "\f0c1"; +} + +.fa-bold:before { + content: "\f032"; +} + +.fa-code:before { + content: "\f121"; +} + +.fa-user:before { + content: "\f007"; +} + +.fa-book:before { + content: "\f02d"; +} + +.fa-italic:before { + content: "\f033"; +} + +.fa-header:before { + content: "\f1dc"; +} + +.fa-search:before { + content: "\f002"; +} + +.fa-trash-o:before { + content: "\f014"; +} + +.fa-sign-in:before { + content: "\f090"; +} + +.fa-clock-o:before { + content: "\f017"; +} + +.fa-list-ul:before { + content: "\f0ca"; +} + +.fa-list-ol:before { + content: "\f0cb"; +} + +.fa-database:before { + content: "\f1c0"; +} + +.fa-language:before { + content: "\f1ab"; +} + +.fa-sign-out:before { + content: "\f08b"; +} + +.fa-dashboard:before { + content: "\f0e4"; +} + +.fa-picture-o:before { + content: "\f03e"; +} + +.fa-envelope-o:before { + content: "\f003"; +} + +.fa-arrow-left:before { + content: "\f060"; +} + +.fa-quote-right:before { + content: "\f10e"; +} + +.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-external-link:before { + content: "\f08e"; +} + +.fa-github-square:before { + content: "\f092"; +} + +.fa-pencil-square-o:before { + content: "\f044"; +} + +.fa-exclamation-triangle:before { + content: "\f071"; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Responsive Level #1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@media only screen and (max-width:50em) { - html{font-size:1.125rem;/*18px*/background-image:none !important;} +@media only screen and (max-width: 50em) { + html { + font-size: 1.125rem; /*18px*/ + background-image: none !important; + } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Responsive Level #2 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@media only screen and (max-width:37.5em) { - .flex.flex-responsive{display:block;width:auto;} - .flex.flex-responsive > .flex-item {width:100%;} - .flex.flex-responsive > .flex-item + .flex-item{border-top:0.05rem solid #AAA;} - - #main-navi{font-size:1rem;} - #main-navi li span{display:none;} - #main-navi li .fa{margin-right:0;} - #main-navi a{padding:0.5rem;} - - .flex-emoticons{display:none;} - - .actions{float:none;display:flex;width:100%;flex-grow:1;justify-content:center;overflow:hidden;box-sizing:border-box;} - .actions li{flex-grow:1;} - .actions li + li{border-left:none;} - .actions-before{float:none;} +@media only screen and (max-width: 37.5em) { + .flex.flex-responsive { + display: block; + width: auto; + } + + .flex.flex-responsive > .flex-item { + width: 100%; + } + + .flex.flex-responsive > .flex-item + .flex-item { + border-top: 0.05rem solid #AAA; + } + + #main-navi { + font-size: 1rem; + } + + #main-navi li span { + display: none; + } + + #main-navi li .fa { + margin-right: 0; + } + + #main-navi a { + padding: 0.5rem; + } + + .flex-emoticons { + display: none; + } + + .actions { + float: none; + display: flex; + width: 100%; + flex-grow: 1; + justify-content: center; + overflow: hidden; + box-sizing: border-box; + } + + .actions li { + flex-grow: 1; + } + + .actions li + li { + border-left: none; + } + + .actions-before { + float: none; + } } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Font "Font Awesome" [4.7.0] (by Fontello): SIL Open Font License (OFL) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face{font-family:FontAwesome;font-weight:400;src:url("font/font-awesome-fontello.woff2") format("woff2");} +@font-face { + font-family: FontAwesome; + font-weight: 400; + src: url("font/font-awesome-fontello.woff2") format("woff2"); +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Font "Kadwa": SIL Open Font License (OFL) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face{font-family:Kadwa;font-weight:400;src:url("font/kadwa-n-400.woff2") format("woff2");} +@font-face { + font-family: Kadwa; + font-weight: 400; + src: url("font/kadwa-n-400.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 +@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 diff --git a/template/standard/rsrc/main.css b/template/standard/rsrc/main.css index 6d5ab67..a736b18 100644 --- a/template/standard/rsrc/main.css +++ b/template/standard/rsrc/main.css @@ -1,191 +1,573 @@ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Hyperlinks ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -a{color:#0060A0;text-decoration:none;}a:focus{background:#CCC;} +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;} +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;} +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;} +html, body { + margin: 0; + padding: 0; +} + +html { + font-size: 1.25rem; + color: #333; + background: #CCC; + -webkit-hyphens: auto; + hyphens: auto; +} -#container{max-width:45rem;margin:1rem auto;border:0.05rem solid #AAA;background:#FFF;} +body { + font-family: Ruda, sans-serif; + font-size: 0.7rem; + line-height: 1.2rem; +} -main,#main-header > div{padding:1rem;box-sizing:border-box;} +#container { + max-width: 45rem; + margin: 1rem auto; + border: 0.05rem solid #AAA; + background: #FFF; +} + +main, #main-header > div { + padding: 1rem; + box-sizing: border-box; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-header > div{overflow:hidden;} -#main-logo{height:1.75rem;display:block;} +#main-header > div { + 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-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;} +#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 { + 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 .disabled{pointer-events:none;color:#AAA;} -#site-navi .active a{background:#CCC !important;font-weight:600;pointer-events: none;} +#site-navi a { + padding: 0 0.5rem; + text-decoration: none; + color: inherit; + display: inline-block; +} -#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;} +#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;} +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;} +.brackets a, a.brackets { + text-decoration: none; +} + +.brackets:after { + content: "]"; +} + +.brackets:before { + content: "["; +} + +a.brackets:before, a.brackets:after { + color: #222; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Item Element ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.item{background:#EEE;border:0.05rem solid #AAA;overflow:hidden;margin:0.5rem 0;} -.item > header{padding:0.25rem 1rem;border-bottom:0.05rem solid #AAA;overflow:hidden;text-transform:uppercase;} -.item > header h2{font-size:0.65rem;float:left;} -.item > header .info{float:right;font-size:0.6rem;font-weight:400;} -.item > header a{color:inherit;} -.item > blockquote{margin:0;padding:0 1rem;font-family:inherit;} -.item > blockquote img{display:block;} +.item { + background: #EEE; + border: 0.05rem solid #AAA; + overflow: hidden; + margin: 0.5rem 0; +} + +.item > header { + padding: 0.25rem 1rem; + border-bottom: 0.05rem solid #AAA; + overflow: hidden; + text-transform: uppercase; +} + +.item > header h2 { + font-size: 0.65rem; + float: left; +} + +.item > header .info { + float: right; + font-size: 0.6rem; + font-weight: 400; +} + +.item > header a { + color: inherit; +} + +.item > blockquote { + margin: 0; + padding: 0 1rem; + font-family: inherit; +} + +.item > blockquote img { + display: block; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # 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 */ +#content { + background: #EEE; + border: 0.05rem solid #AAA; + margin: 0.5rem 0; + padding: 0 1rem; +} + +#content img { + display: block; +} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # Responsive ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#toogle-nav{display:none;clear:both;} -#toogle-nav-label{display:none;cursor:pointer;font-size:1.25rem;text-align:center;} +#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;} +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;} +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:50em) { - html{font-size:1.125rem;/*18px*/background-image:none !important;} - body{line-height:1.2rem;} - #container{margin:0;border-right:none;border-left:none;} +@media only screen and (max-width: 50em) { + 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.5em) { - main,#main-header > div{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;} - #toogle-nav-label{display:block;} - #toogle-nav:checked + ul{display:block;} - #main-navi li:last-child{float:none;} - - .item > header{text-align:center;} +@media only screen and (max-width: 37.5em) { + main, #main-header > div { + 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; + } + + #toogle-nav-label { + display: block; + } + + #toogle-nav:checked + ul { + display: block; + } + + #main-navi li:last-child { + float: none; + } + + .item > header { + text-align: center; + } + .item > header > h2, - .item > header > .info{float:none;display:block;} + .item > header > .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} +.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"} +.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-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 +@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 |