oppi.li
1#create-page-form form {
2 margin: auto;
3}
4
5#create-page-form form .ui.message {
6 text-align: center;
7}
8
9@media (min-width: 768px) {
10 #create-page-form form {
11 width: 800px !important;
12 }
13 #create-page-form form .header {
14 padding-left: 280px !important;
15 }
16 #create-page-form form .inline.field > label {
17 text-align: right;
18 width: 250px !important;
19 word-wrap: break-word;
20 }
21 #create-page-form form .help {
22 margin-left: 265px !important;
23 }
24 #create-page-form form .optional .title {
25 margin-left: 250px !important;
26 }
27 #create-page-form form .inline.field > input,
28 #create-page-form form .inline.field > textarea {
29 width: 50%;
30 }
31}
32
33@media (max-width: 767.98px) {
34 #create-page-form form .optional .title {
35 margin-left: 15px;
36 }
37 #create-page-form form .inline.field > label {
38 display: block;
39 }
40}
41
42.organization .head .ui.header .ui.right {
43 margin-top: 5px;
44}
45
46.organization.new.org form {
47 margin: auto;
48}
49
50.organization.new.org form .ui.message {
51 text-align: center;
52}
53
54@media (min-width: 768px) {
55 .organization.new.org form {
56 width: 800px !important;
57 }
58 .organization.new.org form .header {
59 padding-left: 280px !important;
60 }
61 .organization.new.org form .inline.field > label {
62 text-align: right;
63 width: 250px !important;
64 word-wrap: break-word;
65 }
66 .organization.new.org form .help {
67 margin-left: 265px !important;
68 }
69 .organization.new.org form .optional .title {
70 margin-left: 250px !important;
71 }
72 .organization.new.org form .inline.field > input,
73 .organization.new.org form .inline.field > textarea {
74 width: 50%;
75 }
76}
77
78@media (max-width: 767.98px) {
79 .organization.new.org form .optional .title {
80 margin-left: 15px;
81 }
82 .organization.new.org form .inline.field > label {
83 display: block;
84 }
85}
86
87.organization.new.org form .header {
88 padding-left: 0 !important;
89 text-align: center;
90}
91
92.page-content.organization .org-avatar {
93 margin-right: 15px;
94}
95
96.page-content.organization #org-info {
97 overflow-wrap: anywhere;
98 flex: 1;
99}
100
101.page-content.organization #org-info .ui.header {
102 display: flex;
103 align-items: center;
104 font-size: 36px;
105 margin-bottom: 0;
106}
107
108@media (max-width: 767.98px) {
109 .page-content.organization #org-info .ui.header {
110 flex-direction: column;
111 margin-bottom: 1rem;
112 }
113 .page-content.organization #org-info .org-title {
114 width: 100%;
115 margin-bottom: 0.5rem;
116 }
117}
118
119.page-content.organization #org-info .desc {
120 font-size: 16px;
121 margin-bottom: 10px;
122}
123
124.page-content.organization #org-info .meta {
125 display: flex;
126 align-items: center;
127 flex-wrap: wrap;
128 gap: 8px;
129}
130
131.page-content.organization .ui.top.header .ui.right {
132 margin-top: 0;
133}
134
135.page-content.organization .teams .item {
136 padding: 10px 15px;
137}
138
139.page-content.organization .members .ui.avatar {
140 width: 48px;
141 height: 48px;
142 margin-right: 5px;
143 margin-bottom: 5px;
144}
145
146.organization.invite #invite-box {
147 margin: 50px auto auto;
148 width: 500px !important;
149}
150
151.organization.invite #invite-box #search-user-box input {
152 margin-left: 0;
153 width: 300px;
154}
155
156.organization.invite #invite-box .ui.button {
157 margin-left: 5px;
158 margin-top: -3px;
159}
160
161.organization.invite .ui.avatar {
162 width: 100%;
163 height: 100%;
164}
165
166.organization.teams .detail .item {
167 padding: 10px 15px;
168}
169
170.organization.teams .detail .item:not(:last-child) {
171 border-bottom: 1px solid var(--color-secondary);
172}
173
174.organization.teams .repositories .item,
175.organization.teams .members .item {
176 padding: 10px 19px;
177}
178
179.organization.teams .repositories .item:not(:last-child),
180.organization.teams .members .item:not(:last-child) {
181 border-bottom: 1px solid var(--color-secondary);
182}
183
184.organization.teams .repositories .item .button,
185.organization.teams .members .item .button {
186 padding: 9px 10px;
187 margin: 0;
188}
189
190.org-team-navbar .active.item {
191 background: var(--color-box-body) !important;
192}