mirror of
https://github.com/Sarjuuk/aowow.git
synced 2025-11-29 15:58:16 +08:00
IconDB
* initial implementation * this includes a complete reindexing of everything touching icons * this also means, no linking to red-rocket-site though, they index them differently
This commit is contained in:
Sarjuuk
@@ -1790,6 +1790,47 @@ Variations:
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.listview-mode-flexgrid {
|
||||
display:-ms-flexbox;
|
||||
display:-webkit-flex;
|
||||
display:flex;
|
||||
-webkit-flex-direction:row;
|
||||
-ms-flex-direction:row;
|
||||
flex-direction:row;
|
||||
-webkit-flex-wrap:wrap;
|
||||
-ms-flex-wrap:wrap;
|
||||
flex-wrap:wrap;
|
||||
-webkit-justify-content:flex-start;
|
||||
-ms-flex-pack:start;
|
||||
justify-content:flex-start;
|
||||
-webkit-align-content:flex-start;
|
||||
-ms-flex-line-pack:start;
|
||||
align-content:flex-start;
|
||||
-webkit-align-items:stretch;
|
||||
-ms-flex-align:stretch;
|
||||
align-items:stretch;
|
||||
}
|
||||
|
||||
.listview-mode-flexgrid:after {
|
||||
clear:both;
|
||||
content:' ';
|
||||
display:block;
|
||||
}
|
||||
|
||||
.listview-mode-flexgrid > div {
|
||||
float:left;
|
||||
width:20%;
|
||||
}
|
||||
|
||||
.listview-mode-flexgrid.clickable > div {
|
||||
border-radius:4px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.listview-mode-flexgrid.clickable > div:hover {
|
||||
background:#1b1b1b;
|
||||
}
|
||||
|
||||
.listview tr.mergerow {
|
||||
background-color: #131d1a;
|
||||
}
|
||||
@@ -1868,6 +1909,187 @@ td.checked .listview-cb:hover {
|
||||
font-family:Verdana, "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.listview-sort-options {
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
.listview-sort-options a {
|
||||
background:#1c1c1c;
|
||||
display:inline-block;
|
||||
height:22px;
|
||||
line-height:22px;
|
||||
margin:0 1px 4px;
|
||||
padding:0 8px;
|
||||
text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.listview-sort-options a:first-child {
|
||||
border-radius:99px 0 0 99px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
.listview-sort-options a:last-child {
|
||||
border-radius:0 99px 99px 0;
|
||||
padding-right:10px;
|
||||
}
|
||||
|
||||
.listview-sort-options a:first-child:last-child {
|
||||
border-radius:99px;
|
||||
}
|
||||
|
||||
.listview-sort-options .active {
|
||||
background-color:#333 !important;
|
||||
color:#fff;
|
||||
cursor:default;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.listview-sort-options .sortasc, .listview-sort-options .sortdesc {
|
||||
padding-right:8px !important;
|
||||
}
|
||||
|
||||
.listview-sort-options .sortasc:last-child, .listview-sort-options .sortdesc:last-child {
|
||||
padding-right:10px !important;
|
||||
}
|
||||
|
||||
.listview-sort-options .sortasc:after, .listview-sort-options .sortdesc:after {
|
||||
display:inline-block;
|
||||
font:normal normal normal 14px/1 FontAwesome;
|
||||
font-size:inherit;
|
||||
text-rendering:auto;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
}
|
||||
|
||||
.listview-sort-options .sortasc:after, .listview-sort-options .sortdesc:after {
|
||||
color:#9d9d9d;
|
||||
margin-left:5px;
|
||||
}
|
||||
|
||||
.listview-sort-options .sortasc:after {
|
||||
content:"\f0d8";
|
||||
position:relative;
|
||||
top:-2px;
|
||||
}
|
||||
|
||||
.listview-sort-options .sortdesc:after {
|
||||
content:"\f0d7";
|
||||
}
|
||||
|
||||
.icon-cell {
|
||||
padding:10px 0;
|
||||
position:relative;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.icon-cell .iconlarge {
|
||||
float:none;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-name {
|
||||
margin:0 auto;
|
||||
overflow:hidden;
|
||||
text-align:center;
|
||||
text-overflow:ellipsis;
|
||||
white-space:nowrap;
|
||||
width:calc(100% - 10px);
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay-placer {
|
||||
display:none;
|
||||
left:50%;
|
||||
position:absolute;
|
||||
top:-20px;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
.icon-cell:hover .icon-cell-overlay-placer {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.icon-cell:hover>.iconlarge {
|
||||
visibility:hidden;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay {
|
||||
background:rgba(27, 27, 27, 0);
|
||||
border-radius:4px;
|
||||
box-shadow:0 3px 10px rgba(0, 0, 0, 0);
|
||||
box-sizing:border-box;
|
||||
left:-87px;
|
||||
padding:10px;
|
||||
position:absolute;
|
||||
transition:150ms;
|
||||
transition-timing-function:ease-out;
|
||||
width:174px;
|
||||
}
|
||||
|
||||
.icon-cell:hover.animate .icon-cell-overlay {
|
||||
background:rgba(27, 27, 27, 1);
|
||||
box-shadow:0 3px 10px rgba(0, 0, 0, .35);
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay * {
|
||||
opacity:0;
|
||||
transition:opacity 150ms;
|
||||
transition-timing-function:ease-out;
|
||||
}
|
||||
|
||||
.icon-cell:hover.animate .icon-cell-overlay * {
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .iconlarge {
|
||||
margin-bottom:5px;
|
||||
position:relative;
|
||||
top:20px;
|
||||
transition:top 150ms !important;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .iconlarge, .icon-cell .icon-cell-overlay .iconlarge * {
|
||||
opacity:1 !important;
|
||||
}
|
||||
|
||||
.icon-cell:hover.animate .icon-cell-overlay .iconlarge {
|
||||
top:0;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay input[type="text"] {
|
||||
box-sizing:border-box;
|
||||
font-size:11px;
|
||||
margin:0;
|
||||
padding:3px 6px;
|
||||
width:calc(100% - 38px);
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .btn {
|
||||
margin:0 0 0 10px;
|
||||
padding:4px 6px;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .btn.fa:before {
|
||||
padding-right:0 !important;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .icon-cell-overlay-name {
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .icon-cell-overlay-name .ui-effects-wrapper {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .icon-cell-overlay-counts {
|
||||
font-size:11px;
|
||||
margin:5px 0 0;
|
||||
}
|
||||
|
||||
.icon-cell .icon-cell-overlay .icon-cell-overlay-counts div {
|
||||
line-height:1.5;
|
||||
}
|
||||
|
||||
.live-search {
|
||||
position: absolute;
|
||||
z-index: 100000001;
|
||||
@@ -4107,3 +4329,18 @@ span#toplinks-rep a {
|
||||
margin: 0px;
|
||||
color: #0C9722;
|
||||
}
|
||||
|
||||
/* icondb fa-replacement custom */
|
||||
input.button-copy {
|
||||
background: #333 url(../images/icons/pages.gif) no-repeat scroll center;
|
||||
margin-left: 5px;
|
||||
padding: 2px;
|
||||
box-shadow: 1px 1px 5px 2px rgba(0,0,0,1);
|
||||
border: 0px;
|
||||
border-radius: 3px;
|
||||
width: 24px
|
||||
}
|
||||
|
||||
input.button-copy:hover {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user