diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..111fc0e --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,156 @@ +* { + padding: 0; + margin: 0; +} + +body { + color: #556270; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + font-style: normal; + font-variant: normal; + font-weight: normal; + line-height: 20px; + background-color: #FFF; +} + +a { + font-weight: bold; + text-decoration: none; + color: #d6156c; +} + +a:hover { + color: #f56991; +} + +#wrapper { + margin: 40px; + width: 600px; +} + +.header { + font-size: 22px; + font-weight: bold; + margin-bottom: 10px; +} + +.header .status_title { + color: #BBB; + text-transform: uppercase; + line-height: 24px; +} + +.share_buttons { + width: auto; + float: right; +} + +.share_buttons .share_button { + float: left; + display: block; +} + +#return { + font-size: 14px; +} + +#intro { + font-family: Georgia; + font-size: 14px; + line-height: 24px; +} + +#intro p { + margin-bottom: 10px; +} + +#intro a { + text-decoration: none; + color: #AAA; +} + +#desc { + font-family: Georgia; + font-size: 14px; + line-height: 24px; +} +#desc p { + margin-bottom: 10px; +} + +#desc .reference { + font-size: 13px; +} + +#statuses { + margin-top: 20px; +} + +.status_list { + margin-bottom: 20px; +} + +.status_list .head { + border-bottom: 2px solid #EEE; + margin-bottom: 10px; + padding-bottom: 2px; +} + +.status_list .head .title { + font-weight: bold; + font-size: 14px; + float: left; + text-transform: lowercase; +} + +.status_list .head .description { + font-style: italic; + float: right; +} + +.status_list .status { + width: 180px; + padding-right: 20px; + height: 70px; + float: left; + overflow: hidden; +} + +.status_list .status .st { + font-size: 14px; + font-weight: bold; +} + +.status_list .status .description { + font-size: 11px; + height: 46px; + overflow: hidden; + width: 160px; +} + +#code_references { + margin: 20px 0; +} + +.info_list { + font-size: 14px; +} + +.info_list .info_item .title { + width: 200px; + float: left; +} + +.info_list .info_item .value { + float: left; +} + +#footer { + margin-top: 10px; + font-size: 11px; +} + +.clear { + clear: both; +} \ No newline at end of file diff --git a/views/404.php b/views/404.php index 1938bca..50c0406 100644 --- a/views/404.php +++ b/views/404.php @@ -4,7 +4,7 @@ 404real — httpstatus.es - +