Commit 8af8158c authored by Corentin Noël's avatar Corentin Noël Committed by Rico Tzschichholz

valadoc: Use a more modern stylesheet and icons

The icons used in the documentation were recently completely rewritten
by Daniel Foré for valadoc.org. I just rendered the icons from
https://github.com/Valadoc/valadoc-org to PNG using Inkscape.

The stylesheet is also derived from the valadoc.org one to keep a
consistent design across all the Vala resources.
parent 27099feb
valadoc/icons/abstractclass.png

693 Bytes | W: | H:

valadoc/icons/abstractclass.png

815 Bytes | W: | H:

valadoc/icons/abstractclass.png
valadoc/icons/abstractclass.png
valadoc/icons/abstractclass.png
valadoc/icons/abstractclass.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/abstractmethod.png

482 Bytes | W: | H:

valadoc/icons/abstractmethod.png

769 Bytes | W: | H:

valadoc/icons/abstractmethod.png
valadoc/icons/abstractmethod.png
valadoc/icons/abstractmethod.png
valadoc/icons/abstractmethod.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/abstractproperty.png

776 Bytes | W: | H:

valadoc/icons/abstractproperty.png

744 Bytes | W: | H:

valadoc/icons/abstractproperty.png
valadoc/icons/abstractproperty.png
valadoc/icons/abstractproperty.png
valadoc/icons/abstractproperty.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/class.png

624 Bytes | W: | H:

valadoc/icons/class.png

634 Bytes | W: | H:

valadoc/icons/class.png
valadoc/icons/class.png
valadoc/icons/class.png
valadoc/icons/class.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/coll_close.png

185 Bytes | W: | H:

valadoc/icons/coll_close.png

215 Bytes | W: | H:

valadoc/icons/coll_close.png
valadoc/icons/coll_close.png
valadoc/icons/coll_close.png
valadoc/icons/coll_close.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/coll_open.png

204 Bytes | W: | H:

valadoc/icons/coll_open.png

230 Bytes | W: | H:

valadoc/icons/coll_open.png
valadoc/icons/coll_open.png
valadoc/icons/coll_open.png
valadoc/icons/coll_open.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/constant.png

489 Bytes | W: | H:

valadoc/icons/constant.png

398 Bytes | W: | H:

valadoc/icons/constant.png
valadoc/icons/constant.png
valadoc/icons/constant.png
valadoc/icons/constant.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/constructor.png

418 Bytes | W: | H:

valadoc/icons/constructor.png

781 Bytes | W: | H:

valadoc/icons/constructor.png
valadoc/icons/constructor.png
valadoc/icons/constructor.png
valadoc/icons/constructor.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/delegate.png

688 Bytes | W: | H:

valadoc/icons/delegate.png

415 Bytes | W: | H:

valadoc/icons/delegate.png
valadoc/icons/delegate.png
valadoc/icons/delegate.png
valadoc/icons/delegate.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/enum.png

634 Bytes | W: | H:

valadoc/icons/enum.png

413 Bytes | W: | H:

valadoc/icons/enum.png
valadoc/icons/enum.png
valadoc/icons/enum.png
valadoc/icons/enum.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/enumvalue.png

2.91 KB | W: | H:

valadoc/icons/enumvalue.png

313 Bytes | W: | H:

valadoc/icons/enumvalue.png
valadoc/icons/enumvalue.png
valadoc/icons/enumvalue.png
valadoc/icons/enumvalue.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/errorcode.png

340 Bytes | W: | H:

valadoc/icons/errorcode.png

479 Bytes | W: | H:

valadoc/icons/errorcode.png
valadoc/icons/errorcode.png
valadoc/icons/errorcode.png
valadoc/icons/errorcode.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/errordomain.png

668 Bytes | W: | H:

valadoc/icons/errordomain.png

535 Bytes | W: | H:

valadoc/icons/errordomain.png
valadoc/icons/errordomain.png
valadoc/icons/errordomain.png
valadoc/icons/errordomain.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/field.png

560 Bytes | W: | H:

valadoc/icons/field.png

386 Bytes | W: | H:

valadoc/icons/field.png
valadoc/icons/field.png
valadoc/icons/field.png
valadoc/icons/field.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/interface.png

544 Bytes | W: | H:

valadoc/icons/interface.png

436 Bytes | W: | H:

valadoc/icons/interface.png
valadoc/icons/interface.png
valadoc/icons/interface.png
valadoc/icons/interface.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/method.png

559 Bytes | W: | H:

valadoc/icons/method.png

521 Bytes | W: | H:

valadoc/icons/method.png
valadoc/icons/method.png
valadoc/icons/method.png
valadoc/icons/method.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/namespace.png

390 Bytes | W: | H:

valadoc/icons/namespace.png

502 Bytes | W: | H:

valadoc/icons/namespace.png
valadoc/icons/namespace.png
valadoc/icons/namespace.png
valadoc/icons/namespace.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/package.png

633 Bytes | W: | H:

valadoc/icons/package.png

557 Bytes | W: | H:

valadoc/icons/package.png
valadoc/icons/package.png
valadoc/icons/package.png
valadoc/icons/package.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/packages.png

618 Bytes | W: | H:

valadoc/icons/packages.png

412 Bytes | W: | H:

valadoc/icons/packages.png
valadoc/icons/packages.png
valadoc/icons/packages.png
valadoc/icons/packages.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/property.png

884 Bytes | W: | H:

valadoc/icons/property.png

467 Bytes | W: | H:

valadoc/icons/property.png
valadoc/icons/property.png
valadoc/icons/property.png
valadoc/icons/property.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/signal.png

536 Bytes | W: | H:

valadoc/icons/signal.png

477 Bytes | W: | H:

valadoc/icons/signal.png
valadoc/icons/signal.png
valadoc/icons/signal.png
valadoc/icons/signal.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/staticmethod.png

580 Bytes | W: | H:

valadoc/icons/staticmethod.png

748 Bytes | W: | H:

valadoc/icons/staticmethod.png
valadoc/icons/staticmethod.png
valadoc/icons/staticmethod.png
valadoc/icons/staticmethod.png
  • 2-up
  • Swipe
  • Onion skin
valadoc/icons/struct.png

329 Bytes | W: | H:

valadoc/icons/struct.png

345 Bytes | W: | H:

valadoc/icons/struct.png
valadoc/icons/struct.png
valadoc/icons/struct.png
valadoc/icons/struct.png
  • 2-up
  • Swipe
  • Onion skin
* { html {
font-family: 'Times New Roman'; color: #111;
font-size: 12pt; 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 { ul.external_link {
...@@ -68,63 +81,77 @@ input { ...@@ -68,63 +81,77 @@ input {
.site_header { .site_header {
font-size: 25px; align-items: center;
padding-bottom: 10px; background-color: #403757;
padding-top: 10px; color: #fff;
background-color: #aaaaff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
width: 100%; 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 { .site_title {
text-align: left; text-align: left;
font-size: 40; font-size: 40;
} }
div.site_footer { div.site_footer {
text-align: center; display: inline-block;
background-color: #aaaaff; overflow-y: auto;
padding-bottom: 5px; position: fixed;
padding-top: 5px; top: calc(100% - 29px);
width: 100%; background-color: #fafafa;
clear: left; 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 { 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 { 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; width: 240px;
border-color: #aaaaff; height: calc(100% - 40.5px - 29px);
border-style: solid;
border-width: 1px;
background-color: #eeeeff;
} }
.site_content { div.site_content {
font-size: 12px; display: inline-block;
overflow-y: auto;
position: fixed;
top: 40.5px;
margin-left: 250px; margin-left: 250px;
margin-right: 5px; min-height: calc(100vh - 40.5px);
text-align: left; text-align: left;
vertical-align: top;
width: calc(100% - 250px);
height: calc(100% - 40.5px);
} }
.main_type { .main_type {
text-decoration: none; text-decoration: none;
font-style: italic; font-style: italic;
color: #000000;
} }
.main_basic_type { .main_basic_type {
...@@ -136,7 +163,7 @@ div.site_navigation { ...@@ -136,7 +163,7 @@ div.site_navigation {
.main_keyword { .main_keyword {
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
color: #a52a2a; color: #dc322f;
} }
.main_escape { .main_escape {
...@@ -196,17 +223,11 @@ div.site_navigation { ...@@ -196,17 +223,11 @@ div.site_navigation {
} }
div.main_code_definition { div.main_code_definition {
padding-right: 10px; background-color: #eee;
padding-left: 10px; border-radius: 6px;
padding-bottom: 5px; font-family: "Roboto Mono", monospace;
padding-top: 5px; margin: 12px;
padding: 12px;
font-family: monospace;
border-color: #aaaaff;
background-color: #eeeeff;
border-style: solid;
border-width: 1px;
margin: 10px;
} }
div.main_notification_block { div.main_notification_block {
...@@ -244,36 +265,33 @@ div.leaf_brief_description { ...@@ -244,36 +265,33 @@ div.leaf_brief_description {
margin-left: 40px; margin-left: 40px;
} }
h1.main_title { h1.main_title {
font-size: 20px; font-size: 2em;
font-weight: 700;
margin-bottom: 0px; margin-bottom: 0px;
} }
h2.main_title { h2, h3 {
margin-bottom: 0px; font-family: "Droid Serif", serif;
} font-weight: 300;
h3.main_title {
margin-bottom: 0px;
} }
.main_hr { .main_hr {
border: 0; border: 0;
color: #aaaaff; color: #b4a0c1;
background-color: #aaaaff; background-color: #b4a0c1;
height: 1px; height: 1px;
margin-top: 5px; margin-top: 6px;
margin-bottom: 5px; margin-bottom: 6px;
} }
.main_parameter_table,
.main_errordomain_table,
.main_parameter_table_text, .main_errordomain_table_text, .main_enum_table_text { .main_enum_table {
margin-left: 20px;
} }
.main_parameter_table_unknown_parameter { .main_parameter_table_unknown_parameter {
color: GREY; color: gray;
} }
.main_parameter_table_name, .main_errordomain_table_name, .main_enum_table_name { .main_parameter_table_name, .main_errordomain_table_name, .main_enum_table_name {
...@@ -289,272 +307,37 @@ h3.main_title { ...@@ -289,272 +307,37 @@ h3.main_title {
margin-left: 20px; margin-left: 20px;
} }
.navi_main {
font-size: 12px;
.description a.constant, .brief_description a.constant { list-style: none;
background-image:url(constant.png); margin: 6px;
display:inline-block; padding: 0;
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 .li {
.navi_main { padding: 6px;
margin-top: 10px; list-style: none;
margin-bottom: 10px;
padding-left: 30px;
} }
.navi_hr { .navi_hr {
border: 0; border: 0;
color: #aaaaff; background-color: #dedede;
background-color: #aaaaff;
height: 1px; height: 1px;
margin-left: 10px; border: 0;
margin-right: 10px; border-bottom: 1px solid #fff;
margin-top: 5px; border-top: 1px solid #dedede;
margin-bottom: 5px; height: 0;
margin: 6px 0;
} }
.navi_inline li::before,
.navi_main li::before {
.navi_main a, .navi_inline a, a.external_link content: '';
{ display: inline-block;
text-decoration: none; height: 16px;
color: #214b87; width: 16px;
margin-right: 6px;
vertical-align: middle;
} }
.navi_main .abstract_class > a, .navi_inline .abstract_class > a { .navi_main .abstract_class > a, .navi_inline .abstract_class > a {
...@@ -573,15 +356,33 @@ ul.no_bullet li { ...@@ -573,15 +356,33 @@ ul.no_bullet li {
} }
.navi_inline { .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 { .css_content_literal {
font-family: monospace; font-family: "Roboto Mono", monospace;
color: #ff01ff; color: #ff01ff;
} }
code { code {
font-family: monospace; font-family: "Roboto Mono", monospace;
} }
.main_code_definition a, .leaf_code_definition a { .main_code_definition a, .leaf_code_definition a {
...@@ -592,40 +393,188 @@ code { ...@@ -592,40 +393,188 @@ code {
text-decoration: underline; text-decoration: underline;
} }
.box {
}
.box .headline { .box .headline {
background-image: url("coll_open.png"); background-image: url("coll_open.png");
background-position: calc(100% - 1px) center; background-position: calc(100% - 1px) center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #eeeeff; background-color: #eef;
border-color: #aaaaff; border: 1px solid #aaf;
border-style: solid;
border-width: 1px;
margin: auto; margin: auto;
width: 90%; width: 90%;
margin-top: 20px; margin-top: 20px;
font-weight: bold; font-weight: bold;
} }
.box .content { .box .content {
border-color: #aaaaff; border: 1px solid #aaf;
border-width: 0 1 1 1; border-top: none;
border-style: solid;
overflow: auto; overflow: auto;
display: none;