summaryrefslogtreecommitdiff
path: root/src/scaladoc/scala/tools/nsc/doc/html/resource/lib/template.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/scaladoc/scala/tools/nsc/doc/html/resource/lib/template.css')
-rw-r--r--src/scaladoc/scala/tools/nsc/doc/html/resource/lib/template.css888
1 files changed, 585 insertions, 303 deletions
diff --git a/src/scaladoc/scala/tools/nsc/doc/html/resource/lib/template.css b/src/scaladoc/scala/tools/nsc/doc/html/resource/lib/template.css
index e84d7c1ca6..c120698e91 100644
--- a/src/scaladoc/scala/tools/nsc/doc/html/resource/lib/template.css
+++ b/src/scaladoc/scala/tools/nsc/doc/html/resource/lib/template.css
@@ -20,6 +20,8 @@ table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
+textarea, input { outline: none; }
+
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: none; }
@@ -28,27 +30,26 @@ a img { border: none; }
input { border-width: 0px; }
/* Page */
-
body {
+ overflow-x: hidden;
font-family: Arial, sans-serif;
- font-size: 10pt;
+ background-color: #f0f3f6;
}
#footer {
- font-size: 9pt;
text-align: center;
color: #858484;
bottom: 0;
- width: 100%;
- height: 20px;
+ min-height: 20px;
+ margin: 0 1em 0.5em;
}
-a[href] {
+#content-container a[href] {
text-decoration: underline;
color: #315479;
}
-a[href]:hover {
+#content-container a[href]:hover {
text-decoration: none;
}
@@ -60,24 +61,13 @@ a[href]:hover {
margin-bottom: 5px;
}
-/*
-#definition {
- padding: 6px 0 6px 6px;
- min-height: 59px;
- color: white;
-}
-*/
-
#definition {
- display: block-inline;
- padding: 5px 0px;
- height: 61px;
-}
-
-#definition > img {
- float: left;
- padding-right: 6px;
- padding-left: 5px;
+ position: relative;
+ display: block;
+ padding: 5px 0;
+ padding: 0;
+ margin: 0.5em;
+ min-height: 4.72em;
}
#definition > a > img {
@@ -91,33 +81,37 @@ a[href]:hover {
}
#definition > h1 {
-/* padding: 12px 0 12px 6px;*/
- color: white;
- text-shadow: 3px black;
- text-shadow: black 0px 2px 0px;
- font-size: 24pt;
+ float: left;
+ color: #103a51;
display: inline-block;
overflow: hidden;
margin-top: 10px;
+ font-size: 2.0em;
}
#definition h1 > a {
- color: #ffffff;
- font-size: 24pt;
- text-shadow: black 0px 2px 0px;
-/* text-shadow: black 0px 0px 0px;*/
-text-decoration: none;
+ color: #103a51 !important;
+ text-decoration: none !important;
+}
+
+#template ol > li > span.permalink > a > i {
+ transform: rotate(-45deg);
}
#definition #owner {
- color: #ffffff;
- margin-top: 4px;
- font-size: 10pt;
+ color: #103a51;
+ padding-top: 1.3em;
+ font-size: 0.8em;
overflow: hidden;
}
+#definition > h3 {
+ margin-top: 0.85em;
+ padding: 0;
+}
+
#definition #owner > a {
- color: #ffffff;
+ color: #103a51;
}
#definition #owner > a:hover {
@@ -125,13 +119,13 @@ text-decoration: none;
}
#signature {
- background-image:url('signaturebg2.gif');
- background-color: #d7d7d7;
+ background-color: #c2d2dc;
min-height: 18px;
- background-repeat:repeat-x;
- font-size: 11.5pt;
-/* margin-bottom: 10px;*/
+ font-size: 0.9em;
padding: 8px;
+ color: #103a51;
+ border-radius: 0.2em;
+ margin: 0 0.5rem;
}
#signature > span.modifier_kind {
@@ -140,16 +134,17 @@ text-decoration: none;
text-align: left;
width: auto;
position: static;
- text-shadow: 2px white;
- text-shadow: white 0px 1px 0px;
+ padding-left: 0;
+}
+
+span.symbol > a {
+ display: inline-block;
}
#signature > span.symbol {
text-align: left;
display: inline;
padding-left: 0.7em;
- text-shadow: 2px white;
- text-shadow: white 0px 1px 0px;
}
/* Linear super types and known subclasses */
@@ -158,47 +153,129 @@ text-decoration: none;
}
.toggleContainer .toggle {
+ position: relative;
+ color: #103a51;
+ margin-left: 0.3em;
cursor: pointer;
- padding-left: 15px;
- background: url("arrow-right.png") no-repeat 0 3px transparent;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-.toggleContainer .toggle.open {
- background: url("arrow-down.png") no-repeat 0 3px transparent;
+.toggleContainer .toggle > i {
+ position: absolute;
+ left: -1.5em;
+ top: 0em;
+ font-size: 1.3em;
+ transition: 0.1s;
+}
+
+.toggleContainer .toggle.open > i {
+ transform: rotate(90deg);
}
.toggleContainer .hiddenContent {
- margin-top: 5px;
+ margin-top: 1.5em;
+}
+
+#memberfilter > i.arrow {
+ position: absolute;
+ top: 0.45em;
+ left: -0.9em;
+ color: #fff;
+ font-size: 1.3em;
+ opacity: 0;
+ transition: 0.1s;
+ cursor: pointer;
+}
+
+#memberfilter > i.arrow.rotate {
+ transform: rotate(90deg);
+}
+
+#memberfilter:hover > i.arrow {
+ opacity: 1;
+}
+
+.big-circle {
+ box-sizing: content-box;
+ height: 5.7em;
+ width: 5.7em;
+ float: left;
+ color: transparent;
+}
+
+.big-circle:hover {
+ background-size: 5.7em;
+}
+
+.big-circle.class {
+ background: url("class.svg") no-repeat center;
+}
+
+.big-circle.class-companion-object {
+ background: url("class_comp.svg") no-repeat center;
+}
+
+.big-circle.object-companion-class {
+ background: url("object_comp.svg") no-repeat center;
}
-.value #definition {
- background-color: #2C475C; /* blue */
- background-image:url('defbg-blue.gif');
- background-repeat:repeat-x;
+.big-circle.trait-companion-object {
+ background: url("trait_comp.svg") no-repeat center;
}
-.type #definition {
- background-color: #316555; /* green */
- background-image:url('defbg-green.gif');
- background-repeat:repeat-x;
+.big-circle.object-companion-trait {
+ background: url("object_comp_trait.svg") no-repeat center;
+}
+
+.big-circle.object {
+ background: url("object.svg") no-repeat center;
+}
+
+.big-circle.trait {
+ background: url("trait.svg") no-repeat center;
+}
+
+.big-circle.package {
+ background: url("package.svg") no-repeat center;
+}
+
+body.abstract.type div.big-circle {
+ background: url("abstract_type.svg") no-repeat center;
}
#template {
- margin-bottom: 50px;
+ margin: 0.9em 0.75em 0.75em;
+ padding-bottom: 0.5em;
+}
+
+#template h3 {
+ color: #103a51;
+ height: 2em;
+ padding: 1em 1em 2em;
+ font-size: 1.2em;
+}
+
+#order {
+ margin-top: 1.5em;
}
h3 {
- color: white;
+ color: #103a51;
padding: 5px 10px;
- font-size: 12pt;
+ font-size: 1em;
font-weight: bold;
- text-shadow: black 1px 1px 0px;
}
dl.attributes > dt {
display: block;
float: left;
font-style: italic;
+ font-weight: bold;
}
dl.attributes > dt.implicit {
@@ -213,30 +290,19 @@ dl.attributes > dd {
min-height: 15px;
}
-#template .values > h3 {
- background: #2C475C url("valuemembersbg.gif") repeat-x bottom left; /* grayish blue */
- height: 18px;
-}
-
-#values ol li:last-child {
+.values ol li:last-child {
margin-bottom: 5px;
}
-#template .types > h3 {
- background: #316555 url("typebg.gif") repeat-x bottom left; /* green */
- height: 18px;
-}
-
#constructors > h3 {
- background: #4f504f url("constructorsbg.gif") repeat-x bottom left; /* gray */
- height: 18px;
+ height: 2em;
+ padding: 1em 1em 2em;
+ color: #2C475C;
}
#inheritedMembers > div.parent > h3 {
- background: #dadada url("constructorsbg.gif") repeat-x bottom left; /* gray */
height: 17px;
font-style: italic;
- font-size: 12pt;
}
#inheritedMembers > div.parent > h3 * {
@@ -244,44 +310,52 @@ dl.attributes > dd {
}
#inheritedMembers > div.conversion > h3 {
- background: #dadada url("conversionbg.gif") repeat-x bottom left; /* gray */
- height: 17px;
+ height: 2em;
+ padding: 1em;
font-style: italic;
- font-size: 12pt;
-}
-
-#inheritedMembers > div.conversion > h3 * {
- color: white;
+ color: #2C475C;
}
#groupedMembers > div.group > h3 {
- background: #dadada url("typebg.gif") repeat-x bottom left; /* green */
- height: 17px;
- font-size: 12pt;
-}
-
-#groupedMembers > div.group > h3 * {
- color: white;
+ color: #2C475C;
+ height: 2em;
+ padding: 1em 1em 2em;
}
-
/* Member cells */
-
div.members > ol {
- background-color: white;
- list-style: none
+ list-style: none;
}
div.members > ol > li {
- display: block;
- border-bottom: 1px solid gray;
- padding: 5px 0 6px;
- margin: 0 10px;
+ display: table;
+ width: 100%;
position: relative;
+ background-color: #fff;
+ border-radius: 0.2em;
+ color: #103a51;
+ padding: 5px 0 5px;
+ margin-bottom: 0.4em;
+ min-height: 3.7em;
+ border-left: 0.25em solid white;
+ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
+ transition: 0.1s;
+}
+
+div.members > ol >li.selected,
+div.members > ol > li:hover {
+ background-color: #dae7f0;
+ border-left-color: #dae7f0;
+}
+
+div.members > ol >li[fullComment=yes].selected,
+div.members > ol > li[fullComment=yes]:hover {
+ cursor: pointer;
+ border-left: 0.25em solid #72D0EB;
}
div.members > ol > li:last-child {
- border: 0;
padding: 5px 0 5px;
}
@@ -297,26 +371,32 @@ div.members > ol > li:last-child {
}
.signature {
- font-family: monospace;
- font-size: 10pt;
+ font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+ font-size: 0.8rem;
line-height: 18px;
clear: both;
display: block;
- text-shadow: 2px white;
- text-shadow: white 0px 1px 0px;
}
-.signature .modifier_kind {
- position: absolute;
+.modifier_kind {
+ font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+ font-size: 0.8rem;
+ padding-right: 0.5em;
text-align: right;
- width: 14em;
+ display: table-cell;
+ white-space: nowrap;
+ width: 16em;
+}
+
+.symbol {
+ font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
}
-.signature > a > .symbol > .name {
+a > .symbol > .name {
text-decoration: underline;
}
-.signature > a:hover > .symbol > .name {
+a:hover > .symbol > .name {
text-decoration: none;
}
@@ -325,8 +405,7 @@ div.members > ol > li:last-child {
}
.signature > .symbol {
- display: block;
- padding-left: 14.7em;
+ display: inline;
}
.signature .name {
@@ -334,60 +413,96 @@ div.members > ol > li:last-child {
font-weight: bold;
}
-.signature .symbol > .implicit {
+span.symbol > span.name {
+ font-weight: bold;
+}
+
+#types > ol > li > span.symbol > span.result {
+ display: none;
+}
+
+#types > ol > li > span.symbol > span.result.alias,
+#types > ol > li:hover > span.symbol > span.result,
+#types > ol > li.open > span.symbol > span.result {
+ display: inline;
+}
+
+.symbol > .implicit {
display: inline-block;
font-weight: bold;
text-decoration: underline;
color: darkgreen;
}
-.signature .symbol .shadowed {
+.symbol .shadowed {
color: darkseagreen;
}
-.signature .symbol .params > .implicit {
+.symbol .params > .implicit {
font-style: italic;
}
-.signature .symbol .deprecated {
+.symbol .deprecated {
text-decoration: line-through;
}
-.signature .symbol .params .default {
+.symbol .params .default {
font-style: italic;
}
-#template .signature.closed {
- background: url("arrow-right.png") no-repeat 0 5px transparent;
+#template .closed {
cursor: pointer;
}
-#template .signature.opened {
- background: url("arrow-down.png") no-repeat 0 5px transparent;
+#template .opened {
cursor: pointer;
}
-#template .values .signature .name {
- color: darkblue;
+i.unfold-arrow {
+ font-size: 1em;
+ position: absolute;
+ top: 0.55em;
+ left: 0.7em;
+ transition: 0.1s;
+}
+
+#template .modifier_kind.opened > i.unfold-arrow {
+ transform: rotate(90deg);
+}
+
+#template .values .name {
+ font-weight: 600;
+ color: #315479;
}
-#template .types .signature .name {
+#template .types .name {
+ font-weight: 600;
color: darkgreen;
}
.full-signature-usecase h4 span {
- font-size: 10pt;
+ font-size: 0.8rem;
}
.full-signature-usecase > #signature {
padding-top: 0px;
+ position: relative;
+ top: 0;
+}
+
+/* Hide unfold arrow where appropriate */
+#template li[fullComment=no] .modifier_kind > i.unfold-arrow,
+div#definition > h4#signature > span.modifier_kind > i.unfold-arrow,
+.full-signature-usecase > .signature > .closed > i.unfold-arrow,
+.full-signature-usecase > .signature > .opened > i.unfold-arrow {
+ display: none;
}
-#template .full-signature-usecase > .signature.closed {
+#template .full-signature-usecase > .signature > .closed {
background: none;
}
-#template .full-signature-usecase > .signature.opened {
+#template .full-signature-usecase > .signature > .opened {
background: none;
}
@@ -400,30 +515,35 @@ div.members > ol > li:last-child {
#definition .morelinks {
text-align: right;
- position: absolute;
- top: 40px;
- right: 10px;
- width: 450px;
+ font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
}
#definition .morelinks a {
- color: #EBEBEB;
+ color: #103a51;
}
#template .members li .permalink {
position: absolute;
- top: 5px;
- right: 5px;
+ left: 0.25em;
+ top: 0.95em;
}
#definition .permalink {
- position: absolute;
- top: 10px;
- right: 15px;
+ display: none;
+ color: black;
}
#definition .permalink a {
- color: #EBEBEB;
+ color: #103a51;
+ transform: rotate(-45deg);
+}
+
+#definition > h1 > span > a > i {
+ font-size: 1.4rem;
+}
+
+#template ol > li > span.permalink > a > i {
+ color: #fff;
}
#template .members li .permalink,
@@ -442,9 +562,11 @@ div.members > ol > li:last-child {
font-weight: bold;
}
-/* Comments text formating */
+/* Comments text formatting */
-.cmt {}
+.cmt {
+ color: #103a51;
+}
.cmt p {
margin: 0.7em 0;
@@ -469,29 +591,15 @@ div.members > ol > li:last-child {
font-weight: bold;
}
-.cmt h3 {
- font-size: 14pt;
-}
-
-.cmt h4 {
- font-size: 13pt;
-}
-
-.cmt h5 {
- font-size: 12pt;
-}
-
-.cmt h6 {
- font-size: 11pt;
-}
-
.cmt pre {
- padding: 5px;
- border: 1px solid #ddd;
- background-color: #eee;
+ padding: 0.5em;
+ border: 0px solid #ddd;
+ background-color: #fff;
margin: 5px 0;
display: block;
- font-family: monospace;
+ font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+ border-radius: 0.2em;
+ overflow-x: auto;
}
.cmt pre span.ano {
@@ -554,7 +662,7 @@ div.members > ol > li:last-child {
}
.cmt code {
- font-family: monospace;
+ font-weight: bold;
}
.cmt a {
@@ -572,17 +680,9 @@ div.members > ol > li:last-child {
/* Comments structured layout */
.group > div.comment {
- padding-top: 5px;
- padding-bottom: 5px;
- padding-right: 5px;
- padding-left: 5px;
- border: 1px solid #ddd;
- background-color: #eeeee;
- margin-top:5px;
- margin-bottom:5px;
- margin-right:5px;
- margin-left:5px;
display: block;
+ padding: 0 1.2em 1em;
+ font-family: "Open Sans";
}
p.comment {
@@ -596,10 +696,15 @@ p.comment {
margin: 5px 10px;
}
+.shortcomment > span.badge {
+ display: block;
+ position: absolute;
+ right: 0;
+ top: 0.7em;
+}
+
div.fullcommenttop {
- padding: 10px 10px;
- background-image:url('fullcommenttopbg.gif');
- background-repeat:repeat-x;
+ padding: 1em 0.8em;
}
div.fullcomment {
@@ -609,26 +714,62 @@ div.fullcomment {
#template div.fullcommenttop,
#template div.fullcomment {
display:none;
- margin: 5px 0 0 14.7em;
+ margin: 0.5em 1em 0 0;
}
#template .shortcomment {
- margin: 5px 0 0 14.7em;
+ margin: 5px 0 0 0;
padding: 0;
+ font-family: "Open Sans";
}
div.fullcomment .block {
padding: 5px 0 0;
- border-top: 1px solid #EBEBEB;
+ border-top: 2px solid #fff;
margin-top: 5px;
overflow: hidden;
+ font-family: "Open Sans";
}
div.fullcommenttop .block {
- padding: 5px 0 0;
- border-top: 1px solid #EBEBEB;
- margin-top: 5px;
- margin-bottom: 5px
+ position: relative;
+ padding: 1em;
+ margin: 0.5em 0;
+ border-radius: 0.2em;
+ background-color: #fff;
+ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
+ box-shadow: 0 0 10px rgba(0,0,0,0.1);
+}
+
+div.fullcommenttop .toggleContainer {
+ border-left: 0 solid #72D0EB;
+ transition: 0.1s;
+ cursor: pointer;
+}
+
+div.fullcommenttop .toggleContainer:hover {
+ border-left: 0.25em solid #72D0EB;
+}
+
+div#comment,
+div#mbrsel,
+div#template,
+div#footer {
+ font-size: 0.8em;
+}
+
+#comment {
+ font-family: "Open Sans";
+}
+
+#comment > dl {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+#comment > dl > div > ol {
+ list-style-type: none;
}
div.fullcomment div.block ol li p,
@@ -643,6 +784,7 @@ div.fullcomment .block > h5 {
}
div.fullcomment .comment {
+ font-family: "Open Sans";
margin: 5px 0 10px;
}
@@ -675,219 +817,359 @@ div.fullcomment dl.paramcmts > dd {
/* Members filter tool */
-#textfilter {
+#memberfilter {
position: relative;
display: block;
- height: 20px;
+ height: 2.7em;
margin-bottom: 5px;
+ margin-left: 1.5em;
}
-#textfilter > .pre {
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- height: 23px;
- width: 21px;
- background: url("filter_box_left.png");
+#memberfilter > .input {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: -1.65em;
+ right: -0.2em;
+ transition: 0.2s;
}
-#textfilter > .input {
- display: block;
- position: absolute;
- top: 0;
- right: 20px;
- left: 20px;
+#memberfilter > .input > input {
+ color: #fff;
+ width: 100%;
+ border-radius: 0.2em;
+ padding: 0.5em;
+ background: rgba(255, 255, 255, 0.2);
+ font-family: "Open Sans";
}
-#textfilter > .input > input {
- height: 20px;
- padding: 1px;
- font-weight: bold;
- color: #000000;
- background: #ffffff url("filterboxbarbg.png") repeat-x top left;
- width: 100%;
+#memberfilter > .clear {
+ display: none;
+ position: absolute;
+ top: 0.55em;
+ color: rgba(255, 255, 255, 0.4);
+ right: 0;
+ font-size: 1.2em;
}
-#textfilter > .post {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- height: 23px;
- width: 21px;
- background: url("filter_box_right.png");
+#memberfilter > .clear:hover {
+ color: #fff;
+ cursor: pointer;
}
#mbrsel {
- padding: 5px 10px;
- background-color: #ededee; /* light gray */
- background-image:url('filterboxbg.gif');
- background-repeat:repeat-x;
- font-size: 9.5pt;
display: block;
- margin-top: 1em;
-/* margin-bottom: 1em; */
+ padding: 1em 1em 0.5em;
+ margin: 0.8em;
+ border-radius: 0.2em;
+ background-color: #364550;
+ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
+ box-shadow: 0 0 10px rgba(0,0,0,0.2);
+ position: relative;
+}
+
+#mbrsel > div.toggle {
+ opacity: 0;
+ position: absolute;
+ left: 1.85em;
+ top: 1.75em;
+ width: 1em;
+ height: 1em;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ transition: 0.2s;
+}
+
+#mbrsel:hover > div.toggle {
+ opacity: 1;
+}
+
+#mbrsel:hover #memberfilter > .input {
+ left: 0.7em;
+}
+
+#mbrsel > div.toggle > i {
+ cursor: pointer;
+ position: absolute;
+ left: 0;
+ top: 0;
+ color: #fff;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+#mbrsel > div.toggle.open > i {
+ transform: rotate(90deg);
+}
+
+#mbrsel > div#filterby {
+ display: none;
}
-#mbrsel > div {
+#mbrsel > div#filterby > div {
margin-bottom: 5px;
}
-#mbrsel > div:last-child {
+#mbrsel > div#filterby > div:last-child {
margin-bottom: 0;
}
-#mbrsel > div > span.filtertype {
+#mbrsel > div#filterby > div > span.filtertype {
+ color: #fff;
padding: 4px;
- margin-right: 5px;
+ margin-right: 1em;
float: left;
display: inline-block;
- color: #000000;
font-weight: bold;
- text-shadow: white 0px 1px 0px;
width: 4.5em;
}
-#mbrsel > div > ol {
+#mbrsel > div#filterby > div > ol {
display: inline-block;
}
-#mbrsel > div > a {
+#mbrsel > div#filterby > div > a {
position:relative;
top: -8px;
font-size: 11px;
- text-shadow: #ffffff 0 1px 0;
}
-#mbrsel > div > ol#linearization {
+#mbrsel > div#filterby > div > ol#linearization {
display: table;
margin-left: 70px;
}
-#mbrsel > div > ol#linearization > li.in {
+#mbrsel > div#filterby > div > ol#linearization > li.in {
text-decoration: none;
float: left;
- padding-right: 10px;
margin-right: 5px;
- background: url(selected-right.png) no-repeat;
background-position: right 0px;
}
-#mbrsel > div > ol#linearization > li.in > span{
- color: #404040;
+#mbrsel > div#filterby > div > ol#linearization > li.in > span{
float: left;
- padding: 1px 0 1px 10px;
- background: url(selected.png) no-repeat;
- background-position: 0px 0px;
- text-shadow: #ffffff 0 1px 0;
}
-#mbrsel > div > ol#implicits {
+#mbrsel > div#filterby > div > ol#implicits {
display: table;
margin-left: 70px;
}
-#mbrsel > div > ol#implicits > li.in {
+#mbrsel > div#filterby > div > ol#implicits > li {
text-decoration: none;
float: left;
- padding-right: 10px;
- margin-right: 5px;
- background: url(selected-right-implicits.png) no-repeat;
- background-position: right 0px;
+ margin: 0.4em 0.4em 0.4em 0;
}
-#mbrsel > div > ol#implicits > li.in > span{
- color: #404040;
+#mbrsel > div#filterby > div > ol#implicits > li.in {
+ text-decoration: none;
+ float: left;
+}
+
+#mbrsel > div#filterby > div > ol#implicits > li.in > span{
float: left;
- padding: 1px 0 1px 10px;
- background: url(selected-implicits.png) no-repeat;
- background-position: 0px 0px;
- text-shadow: #ffffff 0 1px 0;
}
-#mbrsel > div > ol > li {
-/* padding: 3px 10px;*/
- line-height: 16pt;
+#mbrsel > div#filterby > div > ol > li {
+ line-height: 1.5em;
display: inline-block;
cursor: pointer;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-#mbrsel > div > ol > li.in {
+#mbrsel > div#filterby > div > ol > li.in {
text-decoration: none;
float: left;
- padding-right: 10px;
margin-right: 5px;
- background: url(selected-right.png) no-repeat;
- background-position: right 0px;
+
+ font-size: 0.8em;
+ -webkit-border-radius: 0.2em;
+ border-radius: 0.2em;
+ padding: 5px 15px;
+ cursor: pointer;
+ background: #f16665;
+ border-bottom: 2px solid #d64546;
+ color: #fff;
+ font-weight: 700;
}
-#mbrsel > div > ol > li.in > span{
- color: #404040;
+#mbrsel > div#filterby > div > ol > li.in > span{
float: left;
- padding: 1px 0 1px 10px;
- background: url(selected.png) no-repeat;
- background-position: 0px 0px;
- text-shadow: #ffffff 0 1px 0;
}
-#mbrsel > div > ol > li.out {
+#mbrsel > div#filterby > div > ol > li.out {
text-decoration: none;
float: left;
padding-right: 10px;
margin-right: 5px;
+ font-size: 0.8em;
+ -webkit-border-radius: 0.2em;
+ border-radius: 0.2em;
+ padding: 5px 15px;
+ cursor: pointer;
+ background: #c2d2dc;
+ border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+ color: #103a51;
+ font-weight: 700;
}
-#mbrsel > div > ol > li.out > span{
- color: #747474;
-/* background-color: #999; */
+#mbrsel > div#filterby > div > ol > li.out > span{
float: left;
- padding: 1px 0 1px 10px;
-/* background: url(unselected.png) no-repeat;*/
- background-position: 0px -1px;
- text-shadow: #ffffff 0 1px 0;
-}
-/*
-#mbrsel .hideall {
- color: #4C4C4C;
- line-height: 16px;
- font-weight: bold;
-}
-
-#mbrsel .hideall span {
- color: #4C4C4C;
- font-weight: bold;
}
-#mbrsel .showall {
- color: #4C4C4C;
- line-height: 16px;
- font-weight: bold;
-}
-
-#mbrsel .showall span {
- color: #4C4C4C;
- font-weight: bold;
-}*/
-
.badge {
display: inline-block;
- padding: 2px 4px;
- font-size: 11.844px;
+ padding: 0.3em 1em;
+ font-size: 0.8em;
font-weight: bold;
- line-height: 14px;
color: #ffffff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
- vertical-align: baseline;
+ vertical-align: middle;
background-color: #999999;
- padding-right: 9px;
- padding-left: 9px;
-webkit-border-radius: 9px;
- -moz-border-radius: 9px;
- border-radius: 9px;
+ -moz-border-radius: 9px;
+ border-radius: 1em;
+ font-family: "Open Sans";
}
.badge-red {
background-color: #b94a48;
+ margin-right: 0.8em !important;
+}
+
+/* Media query rules for smaller viewport */
+@media only screen /* Large screen with a small window */
+and (max-width: 650px)
+,
+screen /* HiDPI device like Nexus 5 */
+and (max-device-width: 360px)
+and (max-device-height: 640px)
+and (-webkit-device-pixel-ratio: 3)
+,
+screen /* Most mobile devices */
+and (max-device-width: 480px)
+and (orientation: portrait)
+,
+only screen /* iPhone 6 */
+and (max-device-width: 667px)
+and (-webkit-device-pixel-ratio: 2)
+{
+ body,
+ body > h4#signature {
+ min-width: 300px;
+ }
+
+ #template .modifier_kind {
+ width: 1px;
+ padding-left: 2.5em;
+ }
+
+ span.modifier_kind > span.modifier {
+ display: none;
+ }
+
+ #definition {
+ height: 6em;
+ }
+
+ #definition > h1 {
+ font-size: 1em;
+ margin-right: 0.3em;
+ }
+
+ #definition > h3 {
+ float: left;
+ margin: 0.3em 0;
+ }
+
+ #definition > #owner {
+ padding-top: 2.6em;
+ }
+
+ #definition .morelinks {
+ text-align: left;
+ font-size: 0.8em;
+ }
+
+ .big-circle {
+ margin-top: 0.6em;
+ }
+}
+
+/* Media query rules specifically for mobile devices */
+@media
+screen /* HiDPI device like Nexus 5 */
+and (max-device-width: 360px)
+and (max-device-height: 640px)
+and (-webkit-device-pixel-ratio: 3)
+,
+screen /* Most mobile devices */
+and (max-device-width: 480px)
+and (orientation: portrait)
+,
+only screen /* iPhone 6 */
+and (max-device-width: 667px)
+and (-webkit-device-pixel-ratio: 2)
+{
+ #signature {
+ font-size: 0.7em;
+ }
+
+ #definition > h1 {
+ font-size: 1.3em;
+ }
+
+ #definition .morelinks {
+ display: none;
+ }
+
+ #definition #owner {
+ padding-top: 0.7em;
+ }
+
+ #signature > span.modifier_kind {
+ width: auto;
+ }
+
+ div.fullcomment dl.attributes > dt {
+ margin: 0.5em 0;
+ clear: both;
+ }
+
+ div.fullcomment dl.attributes > dd {
+ padding-left: 0;
+ clear: both;
+ }
+
+ .big-circle {
+ width: 3em;
+ height: 3em;
+ background-size: 3em !important;
+ margin: 0.5em;
+ }
+
+ div#template {
+ margin-bottom: 0.5em;
+ }
+
+ div#footer {
+ font-size: 0.5em;
+ }
+
+ .shortcomment > span.badge {
+ display: none;
+ }
}
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-06 20:30:18 +0000