Table List

Hub » Table List

CSS

.table-list {
margin-bottom: 40px;
}
 
.table-list ul {
width: 100%;
display: table;
table-layout: fixed;
/* text-align: center; */
margin: 0;
padding: 0;
border-spacing: 1px;
list-style: none;
}
.table-list > ul > li,
.table-list > ul > li > ul > li {
display: table-cell;
padding: 0;
margin: 0;
white-space: nowrap;
overflow: hidden;
}
.table-list > ul > li > a {
font-size: 1.5em;
}
.table-list ul li ul li a[href="javascript:;"] {
background-color: rgba(153,0,17,0.5);
color: #fff;
}
.table-list a[href="javascript:;"] {
display: block;
border-bottom: 2px solid #901;
color: #901;
transition: background-color 0.3s, color 0.3s;
padding: calc(0.3em - 1px);
}
.table-list > ul > li:nth-child(1) > a {border-color: #55acee; color: #55acee;}
.table-list > ul > li:nth-child(2) > a {border-color: #3d5b98; color: #3d5b98;}
.table-list > ul > li:nth-child(3) > a {border-color: #dd4b39; color: #dd4b39;}
 
.table-list > ul > li > a:hover,
.table-list a[href="javascript:;"]:hover {
background-color: #901;
color: #fff;
text-decoration: none;
}
 
.table-list > ul > li:nth-child(1) > a:hover {background-color:#55acee;}
.table-list > ul > li:nth-child(2) > a:hover {background-color:#3d5b98;}
.table-list > ul > li:nth-child(3) > a:hover {background-color:#dd4b39;}
 
.table-list li {
cursor: pointer;
}
.table-list ul li ul li.unfolded > a[href="javascript:;"] {
border-radius: 4px;
}
.table-list a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0.3em;
}
.table-list a[href="javascript:;"] {
text-align: center;
}
.table-list a[href="javascript:;"] + br {
display: none;
}
 
.table-list a:not([href="javascript:;"]) {
border: 1px solid #901;
border-left: 0.5em solid #901;
border-top: none;
}
 
.table-list > ul > li > ul > li > ul > li > ul > li > a:not([href="javascript:;"]) {
border-left: 1em solid #901;
}
.table-list > ul > li > ul > li > ul > li > ul > li > ul > li > a:not([href="javascript:;"]) {
border-left: 1.5em solid #901;
}
 
/*
.table-list > ul > li ul {
font-size: 95%;
}
*/

Edit this page

page revision: 23, last edited: 12 Jan 2019 13:47

Edit Rate (+1) Tags Discuss (1) History Files Print Site tools + Options

djkaktus	Master Administrator
smlt
TSATPWTCOTTTADC

smlt	since 11 Mar 2018 18:58
PhamtomGuy	since 11 Mar 2018 21:44
Yossipossi	since 12 Mar 2018 10:30
Ziakial	since 15 Mar 2018 22:42
Modulum	since 16 Mar 2018 00:43
Westrin	since 16 Mar 2018 00:44
TSATPWTCOTTTADC	since 16 Mar 2018 11:38
Varaxous	since 18 Mar 2018 20:26
not_a_seagull	since 23 Mar 2018 03:28
Hylius	since 15 Apr 2018 06:26
Pilzening	since 04 May 2018 10:35
pamplemousse	since 04 May 2018 10:35
Mr toribio	since 10 Jun 2018 02:21
Emo Squiddy	since 10 Jun 2018 02:21
Prototype_Toaster	since 10 Jun 2018 02:21
Uncle Nicolini	since 18 Jul 2018 08:58
BottomOfTheBaarle	since 24 Jul 2018 18:43
incidental_cabbage	since 24 Jul 2018 18:43
HotColes	since 24 Jul 2018 18:43
CDATTTOCTWPTAST	since 24 Jul 2018 18:48
DrAnnoyingDog	since 29 Jul 2018 20:11
Aplinerly	since 02 Aug 2018 14:25
EldritchHorror	since 14 Aug 2018 22:28
DrZeyphr	since 18 Aug 2018 20:25
JackalRelated	since 19 Aug 2018 20:43
Gekkoguy	since 20 Aug 2018 13:44
Crocket_Lawnchair	since 21 Aug 2018 03:44
magnadeus	since 21 Aug 2018 19:00
RockTeethMothEyes	since 21 Aug 2018 20:48
RegularSlambo	since 22 Aug 2018 17:28
plaguebearer	since 26 Aug 2018 19:18
MrPines	since 04 Sep 2018 13:49
NewyRose	since 04 Sep 2018 15:26
lingai10010	since 13 Sep 2018 12:39
aforestfullofstars	since 16 Sep 2018 23:21
sam-testings	since 20 Sep 2018 16:46
Boyu12	since 26 Sep 2018 00:53
WaterSphere	since 27 Sep 2018 00:20
7happy7	since 01 Oct 2018 03:19
Ayers	since 02 Oct 2018 20:52
murzei_chaos	since 15 Oct 2018 07:19
Proasek	since 24 Oct 2018 16:58
multizig	since 25 Oct 2018 18:13
Alces_alces	since 27 Oct 2018 17:05
Dr Vaughn	since 01 Nov 2018 23:36
Alistair Hawks	since 04 Nov 2018 00:40
Dr Lekter	since 06 Nov 2018 22:00
Doctor Scavan	since 06 Nov 2018 22:39
dentixvoxel	since 07 Nov 2018 16:34
Jeremiah L	since 07 Nov 2018 18:45
DrMacro	since 08 Nov 2018 00:09
quantumIncarnate	since 09 Nov 2018 20:09
MrMcBride	since 10 Nov 2018 09:50
ukwhatn	since 16 Nov 2018 06:04
SOYSOY_Kusagawa	since 17 Nov 2018 06:00
MrLight	since 22 Nov 2018 18:28
Alecx Ward	since 23 Nov 2018 01:06
JollyChimp	since 25 Nov 2018 00:21
Waxwing-one	since 30 Nov 2018 18:13
The Mad Maniac	since 04 Dec 2018 05:39
commintern	since 06 Dec 2018 07:39
Cosmic Catacalysm	since 07 Dec 2018 02:40
Reverend Fox	since 11 Dec 2018 23:41
coolguy00	since 15 Dec 2018 00:42
Liberonscien	since 19 Dec 2018 01:20
Wikar	since 22 Dec 2018 22:15
WXLPMNB	since 31 Dec 2018 16:27
Doctor Osbourne	since 31 Dec 2018 23:16
ElCongrio	since 08 Jan 2019 17:08
Sekai_s	since 14 Jan 2019 14:27
Infas12	since 14 Jan 2019 15:11
Woedenaz	since 15 Jan 2019 15:05
SonicWave	since 16 Jan 2019 09:46
Yiggly797	since 17 Jan 2019 02:45
AgentDRPN	since 17 Jan 2019 07:06
ashburystreet	since 18 Jan 2019 02:45
62ECN	since 18 Jan 2019 16:33
Jochoi	since 18 Jan 2019 16:34
W Asriel	since 19 Jan 2019 08:39
silverIce	since 21 Jan 2019 15:33
Pillow Decay	since 22 Jan 2019 01:52
Fomal	since 23 Jan 2019 10:51
Foxhyf	since 23 Jan 2019 13:32
bye jack	since 23 Jan 2019 14:35
Bacon Coinber	since 25 Jan 2019 01:03
Rye Travis	since 27 Jan 2019 02:50
tERaNCarol	since 30 Jan 2019 07:23
BillNyetheSamurai	since 02 Feb 2019 21:12
ssssssz	since 05 Feb 2019 07:15
pastarasta1	since 06 Feb 2019 22:59
Its a Bad Idea	since 08 Feb 2019 00:24
Dr_Kasugai	since 08 Feb 2019 09:06
#ApmV	since 09 Feb 2019 08:35
Organic Shelter	since 11 Feb 2019 14:06
jack_the_dragon	since 11 Feb 2019 17:08
plaidypus	since 14 Feb 2019 04:13
Darren Knox	since 15 Feb 2019 02:31
DrMeepster	since 19 Feb 2019 17:40
Etinjat	since 22 Feb 2019 12:06
Adl3z_	since 26 Feb 2019 09:18

SMLT Container

The SCP Sandbox by Nerds for Nerds.

CSS