mirror of
https://github.com/TheAlgorithms/C-Plus-Plus.git
synced 2026-03-22 21:01:50 +08:00
Documentation for f1eddf4d65
This commit is contained in:
realstealthninja
230
navtree.css
230
navtree.css
@@ -11,8 +11,8 @@
|
||||
|
||||
#nav-tree li {
|
||||
white-space:nowrap;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#nav-tree .plus {
|
||||
@@ -20,15 +20,10 @@
|
||||
}
|
||||
|
||||
#nav-tree .selected {
|
||||
background-image: url('tab_a.png');
|
||||
background-repeat:repeat-x;
|
||||
color: white;
|
||||
text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
|
||||
}
|
||||
|
||||
#nav-tree .selected .arrow {
|
||||
color: #9CAFD4;
|
||||
text-shadow: none;
|
||||
position: relative;
|
||||
background-color: #DCE2EF;
|
||||
border-radius: 0 6px 6px 0;
|
||||
/*margin-right: 5px;*/
|
||||
}
|
||||
|
||||
#nav-tree img {
|
||||
@@ -48,6 +43,7 @@
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
font: 12px 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
#nav-tree .label a {
|
||||
@@ -56,7 +52,7 @@
|
||||
|
||||
#nav-tree .selected a {
|
||||
text-decoration:none;
|
||||
color:white;
|
||||
color:#3D578C;
|
||||
}
|
||||
|
||||
#nav-tree .children_ul {
|
||||
@@ -65,8 +61,9 @@
|
||||
}
|
||||
|
||||
#nav-tree .item {
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
margin: 0 6px 0 -5px;
|
||||
padding: 0 0 0 5px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
#nav-tree {
|
||||
@@ -89,7 +86,6 @@
|
||||
display:block;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
width: $width;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
@@ -98,15 +94,31 @@
|
||||
}
|
||||
|
||||
.ui-resizable-e {
|
||||
background-image:url('splitbar.png');
|
||||
background-size:100%;
|
||||
background-repeat:repeat-y;
|
||||
background-attachment: scroll;
|
||||
cursor:ew-resize;
|
||||
transition: opacity 0.5s ease;
|
||||
background-color: #DCE2EF;
|
||||
opacity:0;
|
||||
cursor:col-resize;
|
||||
height:100%;
|
||||
right:0;
|
||||
top:0;
|
||||
width:6px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ui-resizable-e:after {
|
||||
content: '';
|
||||
display: block;
|
||||
top: 50%;
|
||||
left: 1px;
|
||||
width: 2px;
|
||||
height: 15px;
|
||||
border-left: 1px solid #9CAFD4;
|
||||
border-right: 1px solid #9CAFD4;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ui-resizable-e:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ui-resizable-handle {
|
||||
@@ -121,24 +133,97 @@
|
||||
}
|
||||
|
||||
#nav-tree {
|
||||
background-repeat:repeat-x;
|
||||
background-color: #F9FAFC;
|
||||
-webkit-overflow-scrolling : touch; /* iOS 5+ */
|
||||
scrollbar-width: thin;
|
||||
border-right: 1px solid #C4CFE5;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#nav-sync {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:24px;
|
||||
z-index:0;
|
||||
top:0px;
|
||||
right:0px;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#nav-sync img {
|
||||
opacity:0.3;
|
||||
}
|
||||
|
||||
#nav-sync img:hover {
|
||||
opacity:0.9;
|
||||
div.nav-sync-icon {
|
||||
position: relative;
|
||||
width: 24px;
|
||||
height: 17px;
|
||||
left: -6px;
|
||||
top: -1px;
|
||||
opacity: 0.7;
|
||||
display: inline-block;
|
||||
background-color: #F9FAFC;
|
||||
border: 1px solid #C4CFE5;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
div.nav-sync-icon:hover {
|
||||
background-color: #EEF1F7;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
div.nav-sync-icon.active:after {
|
||||
content: '';
|
||||
background-color: #F9FAFC;
|
||||
border-top: 2px solid #C4CFE5;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 0px;
|
||||
top: 7px;
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
div.nav-sync-icon.active:hover:after {
|
||||
border-top: 2px solid #6884BD;
|
||||
}
|
||||
|
||||
span.sync-icon-left {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
top: 3px;
|
||||
left: 4px;
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-left: 2px solid #C4CFE5;
|
||||
border-top: 2px solid #C4CFE5;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
span.sync-icon-right {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
top: 3px;
|
||||
left: 10px;
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-right: 2px solid #C4CFE5;
|
||||
border-bottom: 2px solid #C4CFE5;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
div.nav-sync-icon:hover span.sync-icon-left {
|
||||
border-left: 2px solid #6884BD;
|
||||
border-top: 2px solid #6884BD;
|
||||
}
|
||||
|
||||
div.nav-sync-icon:hover span.sync-icon-right {
|
||||
border-right: 2px solid #6884BD;
|
||||
border-bottom: 2px solid #6884BD;
|
||||
}
|
||||
|
||||
#nav-path ul {
|
||||
border-top: 1px solid #C4CFE5;
|
||||
}
|
||||
|
||||
@media print
|
||||
@@ -147,3 +232,96 @@
|
||||
div.ui-resizable-handle { display: none; position: relative; }
|
||||
}
|
||||
|
||||
/*---------------------------*/
|
||||
#container {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#page-nav {
|
||||
background: #F9FAFC;
|
||||
display: block;
|
||||
width: 250px;
|
||||
box-sizing: content-box;
|
||||
position: relative;
|
||||
border-left: 1px solid #C4CFE5;
|
||||
}
|
||||
|
||||
#page-nav-tree {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#page-nav-resize-handle {
|
||||
transition: opacity 0.5s ease;
|
||||
background-color: #DCE2EF;
|
||||
opacity:0;
|
||||
cursor:col-resize;
|
||||
height:100%;
|
||||
right:0;
|
||||
top:0;
|
||||
width:6px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#page-nav-resize-handle:after {
|
||||
content: '';
|
||||
display: block;
|
||||
top: 50%;
|
||||
left: 1px;
|
||||
width: 2px;
|
||||
height: 15px;
|
||||
border-left: 1px solid #9CAFD4;
|
||||
border-right: 1px solid #9CAFD4;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#page-nav-resize-handle.dragging,
|
||||
#page-nav-resize-handle:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#page-nav-contents {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
overflow: auto;
|
||||
scrollbar-width: thin;
|
||||
-webkit-overflow-scrolling : touch; /* iOS 5+ */
|
||||
}
|
||||
|
||||
ul.page-outline,
|
||||
ul.page-outline ul {
|
||||
text-indent: 0;
|
||||
list-style: none outside none;
|
||||
padding: 0 0 0 4px;
|
||||
}
|
||||
|
||||
ul.page-outline {
|
||||
margin: 0 4px 4px 6px;
|
||||
}
|
||||
|
||||
ul.page-outline div.item {
|
||||
font: 12px 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
ul.page-outline li {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
ul.page-outline li.vis {
|
||||
background-color: #EEF1F7;
|
||||
}
|
||||
|
||||
#container.resizing {
|
||||
cursor: col-resize;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user