Skip to content

Commit 30be7ef

Browse files
texodustexodus
committed
v0.4.0
1 parent 6cf9c2a commit 30be7ef

10 files changed

Lines changed: 602 additions & 479 deletions

File tree

‎borland.css‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
2+
* ░░░░░░░░▄▀░█▀▄░█▀▀░█▀▀░█░█░█░░░█▀█░█▀▄░░░░░█░░░█▀█░█░█░█▀█░█░█░▀█▀░▀▄░░░░░░░░
3+
* ░░░░░░░▀▄░░█▀▄░█▀▀░█░█░█░█░█░░░█▀█░█▀▄░▀▀▀░█░░░█▀█░░█░░█░█░█░█░░█░░░▄▀░░░░░░░
4+
* ░░░░░░░░░▀░▀░▀░▀▀▀░▀▀▀░▀▀▀░▀▀▀░▀░▀░▀░▀░░░░░▀▀▀░▀░▀░░▀░░▀▀▀░▀▀▀░░▀░░▀░░░░░░░░░
5+
* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
6+
* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
7+
* ┃ * Copyright (c) 2026, the Regular Layout Authors. This file is part * ┃
8+
* ┃ * of the Regular Layout library, distributed under the terms of the * ┃
9+
* ┃ * [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). * ┃
10+
* ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
11+
*/
12+
13+
regular-layout.borland {
14+
background-color: #0000aa;
15+
font-family:
16+
"ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
17+
"Liberation Mono", monospace;
18+
padding: 16px;
19+
}
20+
21+
/* Frame */
22+
regular-layout.borland regular-layout-frame {
23+
position: relative;
24+
box-sizing: border-box;
25+
margin: 4px;
26+
background: #0000aa;
27+
border: 1px solid #00aaaa;
28+
box-shadow: 1px 1px 0 #000000;
29+
}
30+
31+
regular-layout.borland regular-layout-frame::part(container) {
32+
padding: 4px 6px;
33+
color: #ffff55;
34+
}
35+
36+
regular-layout.borland regular-layout-frame::part(close) {
37+
background: #00aa00;
38+
height: 16px;
39+
align-self: center;
40+
display: flex;
41+
align-items: center;
42+
justify-content: center;
43+
padding: 0 3px;
44+
}
45+
46+
regular-layout.borland regular-layout-frame::part(close):hover {
47+
background: #00ff00;
48+
}
49+
50+
regular-layout.borland regular-layout-frame::part(close):before {
51+
content: "[×]";
52+
font-size: 10px;
53+
font-weight: bold;
54+
color: #000000;
55+
}
56+
57+
regular-layout.borland regular-layout-frame::part(titlebar) {
58+
display: flex;
59+
align-items: stretch;
60+
padding-right: 0;
61+
height: 22px;
62+
background: #0000aa;
63+
}
64+
65+
regular-layout.borland regular-layout-frame::part(tab) {
66+
display: flex;
67+
flex: 1 1 150px;
68+
align-items: center;
69+
padding: 0 3px 0 8px;
70+
cursor: pointer;
71+
text-overflow: ellipsis;
72+
background: #0000aa;
73+
color: #aaaaaa;
74+
font-size: 11px;
75+
font-weight: bold;
76+
border-right: 1px solid #00aaaa;
77+
}
78+
79+
regular-layout.borland regular-layout-frame::part(active-tab) {
80+
background: #00aaaa;
81+
color: #000000;
82+
}
83+
84+
regular-layout.borland:has(.overlay) > * {
85+
opacity: 0.6;
86+
}
87+
88+
regular-layout.borland:has(.overlay) > .overlay {
89+
opacity: 1;
90+
}
91+
92+
/* Frame in Overlay Mode */
93+
regular-layout.borland regular-layout-frame.overlay {
94+
background: rgba(0, 170, 170, 0.9);
95+
border: 1px solid #ffff55;
96+
box-shadow: none;
97+
margin: 0;
98+
transition:
99+
top 0.05s linear,
100+
height 0.05s linear,
101+
width 0.05s linear,
102+
left 0.05s linear;
103+
}

‎chicago.css‎

Lines changed: 55 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -11,79 +11,85 @@
1111
*/
1212

1313
regular-layout.chicago {
14-
background-color: #008080;
15-
font-family: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
16-
padding: 24px;
14+
background-color: #008080;
15+
font-family:
16+
"ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
17+
"Liberation Mono", monospace;
18+
padding: 24px;
1719
}
1820

1921
/* Frame */
2022
regular-layout.chicago regular-layout-frame {
21-
position: relative;
22-
box-sizing: border-box;
23-
margin: 12px;
24-
background: #C0C0C0;
25-
border-width: 2px;
26-
border-color: #FFFFFF #808080 #808080 #FFFFFF;
27-
border-style: solid;
23+
position: relative;
24+
box-sizing: border-box;
25+
margin: 12px;
26+
background: #c0c0c0;
27+
border-width: 2px;
28+
border-color: #ffffff #808080 #808080 #ffffff;
29+
border-style: solid;
30+
}
31+
32+
regular-layout.chicago regular-layout-frame::part(container) {
33+
padding: 6px;
2834
}
2935

3036
regular-layout.chicago regular-layout-frame::part(close) {
31-
border-width: 1px;
32-
border-color: #FFFFFF #808080 #808080 #FFFFFF;
33-
border-style: solid;
34-
height: 16px;
35-
background: #C0C0C0;
36-
align-self: center;
37-
display: flex;
38-
align-items: center;
39-
padding: 0px 4px;
37+
border-width: 1px;
38+
border-color: #ffffff #808080 #808080 #ffffff;
39+
border-style: solid;
40+
height: 16px;
41+
background: #c0c0c0;
42+
align-self: center;
43+
display: flex;
44+
align-items: center;
45+
padding: 0px 4px;
4046
}
4147

4248
regular-layout.chicago regular-layout-frame::part(close):before {
43-
content: "X";
44-
font-size: 10px;
45-
font-weight: bold;
49+
content: "X";
50+
font-size: 10px;
51+
font-weight: bold;
4652
}
4753

4854
regular-layout.chicago regular-layout-frame::part(titlebar) {
49-
display: flex;
50-
align-items: stretch;
51-
padding-right: 0px;
55+
display: flex;
56+
align-items: stretch;
57+
padding-right: 0px;
5258
}
5359

5460
regular-layout.chicago regular-layout-frame::part(tab) {
55-
display: flex;
56-
flex: 1 1 150px;
57-
align-items: center;
58-
padding: 0 3px 0 8px;
59-
cursor: pointer;
60-
text-overflow: ellipsis;
61-
background: #808080;
62-
color: #FFF;
63-
font-family: "Tahoma", "Arial", sans-serif;
64-
font-weight: bold;
65-
font-size: 11px;
61+
display: flex;
62+
flex: 1 1 150px;
63+
align-items: center;
64+
padding: 0 3px 0 8px;
65+
cursor: pointer;
66+
text-overflow: ellipsis;
67+
background: #808080;
68+
color: #fff;
69+
font-family: "Tahoma", "Arial", sans-serif;
70+
font-weight: bold;
71+
font-size: 11px;
6672
}
6773

6874
regular-layout.chicago regular-layout-frame::part(active-tab) {
69-
background: #000080;
70-
opacity: 1;
75+
background: #000080;
76+
opacity: 1;
7177
}
7278

73-
regular-layout.chicago:has(.overlay)>* {
74-
opacity: 0.8;
79+
regular-layout.chicago:has(.overlay) > * {
80+
opacity: 0.8;
7581
}
7682

77-
regular-layout.chicago:has(.overlay)>.overlay {
78-
opacity: 1;
83+
regular-layout.chicago:has(.overlay) > .overlay {
84+
opacity: 1;
7985
}
8086

8187
/* Frame in Overlay Mode */
8288
regular-layout.chicago regular-layout-frame.overlay {
83-
margin: 0;
84-
transition:
85-
top 0.1s ease-in-out,
86-
height 0.1s ease-in-out,
87-
width 0.1s ease-in-out,
88-
left 0.1s ease-in-out;
89-
}
89+
margin: 0;
90+
transition:
91+
top 0.1s ease-in-out,
92+
height 0.1s ease-in-out,
93+
width 0.1s ease-in-out,
94+
left 0.1s ease-in-out;
95+
}

0 commit comments

Comments
 (0)