valadoc: Use a more modern stylesheettintou/update-valadoc-style

Some elements are borrowed from valadoc.org

1 files changed, 268 insertions, 293 deletions

diff --git a/valadoc/icons/style.css b/valadoc/icons/style.css
index 160cdcba4..c79493b9d 100644
--- a/valadoc/icons/style.css
+++ b/valadoc/icons/style.css
@@ -1,6 +1,19 @@
-* {
-	font-family: 'Times New Roman';
-	font-size: 12pt;
+html {
+    color: #111;
+    font-family: "Open Sans", "Droid Sans", Helvetica, sans-serif;
+    font-size: 12px;
+    font-weight: 400;
+}
+
+body {
+    margin: 0;
+    min-width: 720px;
+    padding: 48px 0 0;
+}
+
+a {
+    color: #08c;
+    text-decoration: none;
 }
 
 ul.external_link {
@@ -68,56 +81,73 @@ input {
 
 
 .site_header {
-	font-size: 25px;
-	padding-bottom: 10px;
-	padding-top: 10px;
-	background-color: #aaaaff;
-	width: 100%;
+	align-items: center;
+	background-color: #403757;
+	color: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+	display: flex;
+	font-size: 16px;
+	justify-content: space-between;
+	padding: 9px 6px;
+	position: fixed;
+	top: 0;
+	width: calc(100% - 12px);
+	z-index: 1000;
 }
 
-
-div {
-	font-family:'Verdana';
-	font-size: 12;
-}
-
-
 .site_title {
 	text-align: left;
 	font-size: 40;
 }
 
 div.site_footer {
-	text-align: center;
-	background-color: #aaaaff;
-	padding-bottom: 5px;
-	padding-top: 5px;
-	width: 100%;
-	clear: left;
+	display: inline-block;
+	overflow-y: auto;
+	position: fixed;
+	top: calc(100% - 29px);
+	background-color: #fafafa;
+	color: #666;
+	z-index: 1000;
+	width: 222px;
+	padding: 6px;
+	padding-left: 12px;
+	box-shadow: 0 0 0 rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.24);
 }
 
 
 div.site_body {
 	font-size: 10;
+	display: inline-block;
+	overflow-y: auto;
+	position: fixed;
+	top: 40.5px;
+	height: calc(100% - 40.5px);
 }
 
 
 div.site_navigation {
-	float: left;
-
+	background-color: #f7f6f8;
+	border-right: 1px solid #eceaf0;
+	display: inline-block;
+	overflow-y: auto;
+	position: fixed;
+	top: 40.5px;
 	width: 240px;
-	border-color: #aaaaff;
-	border-style: solid;
-	border-width: 1px;
-	background-color: #eeeeff;
+	height: calc(100% - 40.5px - 29px);
 }
 
 
-.site_content {
-	font-size: 12px;
+div.site_content {
+	display: inline-block;
+	overflow-y: auto;
+	position: fixed;
+	top: 40.5px;
 	margin-left: 250px;
-	margin-right: 5px;
+	min-height: calc(100vh - 40.5px);
 	text-align: left;
+	vertical-align: top;
+	width: calc(100% - 250px);
+	height: calc(100% - 40.5px);
 }
 
 
@@ -244,27 +274,33 @@ div.leaf_brief_description {
 	margin-left: 40px;
 }
 
-
 h1.main_title {
-	font-size: 20px;
+	font-size: 2em;
+	font-weight: 700;
 	margin-bottom: 0px;
 }
 
 h2.main_title {
+	font-family: "Droid Serif", serif;
+	font-size: 1.5em;
+	font-weight: 300;
 	margin-bottom: 0px;
 }
 
 h3.main_title {
+	font-size: 1.17em;
+	font-family: "Droid Serif", serif;
+	font-weight: 300;
 	margin-bottom: 0px;
 }
 
 .main_hr {
 	border: 0;
-	color: #aaaaff;
-	background-color: #aaaaff;
+	color: #b4a0c1;
+	background-color: #b4a0c1;
 	height: 1px;
-	margin-top: 5px;
-	margin-bottom: 5px;
+	margin-top: 6px;
+	margin-bottom: 6px;
 }
 
 
@@ -289,272 +325,37 @@ h3.main_title {
 	margin-left: 20px;
 }
 
-
-
-.description a.constant, .brief_description a.constant {
-	background-image:url(constant.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.namespace, .brief_description a.namespace {
-	background-image:url(namespace.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.struct, .brief_description a.struct {
-	background-image:url(struct.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.interface, .brief_description a.interface {
-	background-image:url(interface.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.enum, .brief_description a.enum {
-	background-image:url(enum.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.errordomain, .brief_description a.errordomain {
-	background-image:url(errordomain.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.delegate, .brief_description a.delegate {
-	background-image:url(delegate.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.signal, .brief_description a.signal {
-	background-image:url(signal.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.field, .brief_description a.field {
-	background-image:url(field.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.enumvalue, .brief_description a.enumvalue {
-	background-image:url(enumvalue.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.errorcode, .brief_description a.errorcode {
-	background-image:url(errorcode.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.class, .brief_description a.class {
-	background-image:url(class.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-a.abstract_class, .description a.abstract_class, .brief_description a.abstract_class {
-	background-image:url(abstractclass.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-	font-style: italic;
-}
-.description a.property, .brief_description a.property {
-	background-image:url(property.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.virtual_property, .brief_description a.virtual_property {
-	background-image:url(virtualproperty.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.abstract_property, .brief_description a.abstract_property {
-	background-image:url(abstractproperty.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.method, .brief_description a.method {
-	background-image:url(method.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.static_method, .brief_description a.static_method {
-	background-image:url(staticmethod.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-a.virtual_method, .description a.virtual_method, .brief_description a.virtual_method {
-	background-image:url(virtualmethod.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.abstract_method, .brief_description a.abstract_method {
-	background-image:url(abstractmethod.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-.description a.creation_method, .brief_description a.creation_method {
-	background-image:url(constructor.png);
-	display:inline-block;
-	padding-right:17px;
-	background-repeat:no-repeat;
-	background-position:center right;
-	border:0px;
-}
-
-.navi_main .errorcode, .navi_inline .errorcode {
-	list-style-image:url(errorcode.png);
-}
-.navi_main .enumvalue, .navi_inline .enumvalue {
-	list-style-image:url(enumvalue.png);
-}
-.navi_main .abstract_class, .navi_inline .abstract_class {
-	list-style-image: url(abstractclass.png);
-}
-.navi_main .abstract_method, .navi_inline .abstract_method {
-	list-style-image: url( abstractmethod.png );
-}
-.navi_main .creation_method, .navi_inline .creation_method, .main_list_m {
-	list-style-image: url(constructor.png);
-}
-.navi_main .static_method, .navi_inline .static_method {
-	list-style-image: url(staticmethod.png);
-}
-.navi_main .package_index {
-	list-style-image: url(packages.png);
-}
-.navi_main .virtual_method, .navi_inline .virtual_method {
-	list-style-image: url(virtualmethod.png);
-}
-.navi_main .errordomain, .navi_inline .errordomain, .main_list_errdom {
-	list-style-image: url(errordomain.png);
-}
-.navi_main .namespace, .navi_inline .namespace, .main_list_ns {
-	list-style-image: url(namespace.png);
-}
-.navi_main .method, .navi_inline .method {
-	list-style-image: url(method.png);
-}
-.navi_main .struct, .navi_inline .struct, .main_list_stru {
-	list-style-image: url(struct.png);
-}
-.navi_main .interface, .navi_inline .interface, .main_list_iface {
-	list-style-image: url(interface.png);
-}
-.navi_main .field, .navi_inline .field, .main_list_field {
-	list-style-image: url(field.png);
-}
-.navi_main .class, .navi_inline .class, .main_list_cl {
-	list-style-image: url(class.png);
-}
-.navi_main .enum, .navi_inline .enum, .main_list_en {
-	list-style-image: url(enum.png);
-}
-.navi_main .property, .navi_inline .property, .main_list_prop {
-	list-style-image: url(property.png);
-}
-.navi_main .abstract_property, .navi_inline .abstract_property {
-	list-style-image: url(abstractproperty.png);
-}
-.navi_main .virtual_property, .navi_inline .virtual_property {
-	list-style-image: url(virtualproperty.png);
-}
-.navi_main .delegate, .navi_inline .delegate, .main_list_del {
-	list-style-image: url(delegate.png);
-}
-.navi_main .signal, .navi_inline .signal, .main_list_sig {
-	list-style-image: url(signal.png);
-}
-.navi_main .package, .navi_inline .package {
-	list-style-image: url(package.png);
-}
-.navi_main .constant, .navi_inline .constant {
-	list-style-image: url(constant.png);
+.navi_main {
+	font-size: 12px;
+	list-style: none;
+	margin: 6px;
+	padding: 0;
 }
 
-
-.navi_main {
-	margin-top: 10px;
-	margin-bottom: 10px;
-	padding-left: 30px;
+.navi_main .li {
+	padding: 6px;
+	list-style: none;
 }
 
 .navi_hr {
 	border: 0;
-	color: #aaaaff;
-	background-color: #aaaaff;
+	background-color: #dedede;
 	height: 1px;
-	margin-left: 10px;
-	margin-right: 10px;
-	margin-top: 5px;
-	margin-bottom: 5px;
+	border: 0;
+	border-bottom: 1px solid #fff;
+	border-top: 1px solid #dedede;
+	height: 0;
+	margin: 6px 0;
 }
 
-
-
-.navi_main a, .navi_inline a, a.external_link
-{
-	text-decoration: none;
-	color: 	#214b87;
+.navi_inline li::before,
+.navi_main li::before {
+    content: '';
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    margin-right: 6px;
+    vertical-align: middle;
 }
 
 .navi_main .abstract_class > a, .navi_inline .abstract_class > a {
@@ -573,6 +374,24 @@ ul.no_bullet li {
 }
 
 .navi_inline {
+	font-size: 12px;
+	line-height: 21px;
+	list-style: none;
+	margin: 6px 3px;
+	padding-left: 12px;
+}
+
+.site_navigation a {
+	color: #666;
+	display: inline-block;
+	text-decoration: none;
+	padding: 3px 0px;
+}
+
+.site_navigation li {
+	overflow: hidden;
+	padding: 3px 0;
+	white-space: nowrap;
 }
 
 .css_content_literal {
@@ -629,3 +448,159 @@ code {
 .deprecated {
 	text-decoration:line-through;
 }
+
+/*********
+ * Icons *
+ *********/
+
+.abstract_class::before,
+a.abstract_class,
+.description a.abstract_class,
+.brief_description a.abstract_class {
+    background-image: url(abstractclass.png);
+    font-style: italic;
+}
+
+.abstract_method::before,
+.description a.abstract_method,
+.brief_description a.abstract_method {
+    background-image: url(abstractmethod.png);
+}
+
+.abstract_property::before,
+.description a.abstract_property,
+.brief_description a.abstract_property {
+    background-image: url(abstractproperty.png);
+}
+
+.class::before,
+.main_list_cl::before,
+.description a.class,
+.brief_description a.class {
+    background-image: url(class.png);
+}
+
+.constant::before,
+.description a.constant,
+.brief_description a.constant {
+    background-image: url(constant.png);
+}
+
+.creation_method::before,
+.main_list_m::before,
+.description a.creation_method,
+.brief_description a.creation_method {
+    background-image: url(constructor.png);
+}
+
+.delegate::before,
+.main_list_del::before,
+.description a.delegate,
+.brief_description a.delegate {
+    background-image: url(delegate.png);
+}
+
+.document::before {
+    background-image: url(document.png);
+}
+
+.enum::before,
+.main_list_en::before,
+.description a.enum,
+.brief_description a.enum {
+    background-image: url(enum.png);
+}
+
+.enumvalue::before,
+.enum_value::before,
+.description a.enumvalue,
+.brief_description a.enumvalue {
+    background-image: url(enumvalue.png);
+}
+
+.errorcode::before,
+.description a.errorcode,
+.brief_description a.errorcode {
+    background-image: url(errorcode.png);
+}
+
+.errordomain::before,
+.main_list_errdom::before,
+.description a.errordomain,
+.brief_description a.errordomain {
+    background-image: url(errordomain.png);
+}
+
+.field::before,
+.main_list_field::before,
+.description a.field,
+.brief_description a.field {
+    background-image: url(field.png);
+}
+
+.interface::before,
+.main_list_iface::before,
+.description a.interface,
+.brief_description a.interface {
+    background-image: url(interface.png);
+}
+
+.method::before,
+.description a.method,
+.brief_description a.method {
+    background-image: url(method.png);
+}
+
+.namespace::before,
+.main_list_ns::before,
+.description a.namespace,
+.brief_description a.namespace {
+    background-image: url(namespace.png);
+}
+
+.package::before {
+    background-image: url(package.png);
+}
+
+.package_index::before {
+    background-image: url(packages.png);
+}
+
+.property::before,
+.main_list_prop::before,
+.description a.property,
+.brief_description a.property {
+    background-image: url(property.png);
+}
+
+.signal::before,
+.main_list_sig::before,
+.description a.signal,
+.brief_description a.signal {
+    background-image: url(signal.png);
+}
+
+.static_method::before,
+.description a.static_method,
+.brief_description a.static_method {
+    background-image: url(staticmethod.png);
+}
+
+.struct::before,
+.main_list_stru::before,
+.description a.struct,
+.brief_description a.struct {
+    background-image: url(struct.png);
+}
+
+.virtual_method::before,
+.description a.virtual_method,
+.brief_description a.virtual_method {
+    background-image: url(virtualmethod.png);
+}
+
+.virtual_property::before,
+.description a.virtual_property,
+.brief_description a.virtual_property {
+    background-image: url(virtualproperty.png);
+}