Project

General

Profile

Feature #41298 » improve-appearance-with-updated-box-styling-and-border-colors.patch

Go MAEDA, 2024-09-23 10:38

View differences:

app/assets/stylesheets/application.css
113 113

  
114 114
#main {flex-grow: 2; display: flex; flex-direction: row-reverse;}
115 115

  
116
#sidebar{ flex-shrink: 0; padding-left: 20px; padding-right: 8px; background: #EEEEEE; border-left: 1px solid #ddd}
116
#sidebar{ flex-shrink: 0; padding-left: 20px; padding-right: 8px; background: #f9fafb; border-left: 1px solid #d0d7de}
117 117
@media screen and (min-width: 0px) and (max-width: 1089px) {#sidebar{width: 22%;}}
118 118
@media screen and (min-width: 1090px) and (max-width: 1279px) {#sidebar{width: 240px;}}
119 119
@media screen and (min-width: 1280px) and (max-width: 1599px) {#sidebar{width: 280px;}}
......
137 137

  
138 138
#main.nosidebar #sidebar{ display: none; }
139 139

  
140
#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
140
#footer {clear: both; border-top: 1px solid #d0d7de; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
141 141

  
142 142
#login-form {margin:5em auto 2em auto; padding:20px; width:340px; border:1px solid #FDBF3B; background-color:#FFEBC1; border-radius:4px; box-sizing: border-box;}
143 143
#login-form label {display:block; margin-bottom:5px; font-weight:bold;}
......
269 269
#project-jump .drdn-items>a:hover {background-color:#759FCF; color:#fff !important;}
270 270

  
271 271
/***** Tables *****/
272
table.list, .table-list { border: 1px solid #e4e4e4; width: 100%; margin-bottom: 4px; border-radius: 3px; border-spacing: 0; overflow: hidden;}
272
table.list, .table-list {
273
  border: 1px solid #d0d7de;
274
  width: 100%;
275
  margin-bottom: 4px;
276
  border-radius: 3px;
277
  border-spacing: 0;
278
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
279
  overflow: hidden;
280
}
273 281
table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
274 282
table.list th.whitespace-normal {white-space: normal;}
275 283
table.list td {text-align:center; vertical-align:middle; padding-right:10px;}
......
491 499
.highlight.token-3 { background-color: #aaf;}
492 500

  
493 501
.box{
494
  padding:6px;
495
  margin-bottom: 10px;
496
  background-color:#f6f6f6;
497
  color:#505050;
498
  line-height:1.5em;
499
  border: 1px solid #e4e4e4;
502
  padding: 8px;
503
  margin-bottom: 12px;
504
  background-color: #f9fafb;
505
  color: #505050;
506
  border: 1px solid #d0d7de;
500 507
  word-wrap: break-word;
501 508
  border-radius: 3px;
509
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
502 510
}
503 511

  
504 512
div.square {
......
563 571
}
564 572

  
565 573
select[multiple=multiple] {background: #fff; padding-right: initial; height: auto;}
566
fieldset {border: 1px solid #e4e4e4; margin:0; min-width: inherit;}
574
fieldset {border: 1px solid #d0d7de; margin:0; min-width: inherit;}
567 575
legend {color: #333;}
568 576
hr { width: 100%; height: 1px; background: #ccc; border: 0;}
569 577
blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 0;}
......
573 581
body.textarea-monospace textarea.wiki-edit {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace; font-size: 12px;}
574 582
body.textarea-proportional textarea.wiki-edit {font-family: Verdana, sans-serif; font-size: 12px;}
575 583
li p {margin-top: 0;}
576
div.issue {background:#ffffdd; padding:6px; margin-bottom:6px; border: 1px solid #d7d7d7; border-radius:3px;}
584
div.issue {
585
  background: #ffffdd;
586
  padding: 8px;
587
  margin-bottom: 6px;
588
  border: 1px solid #d0d7de;
589
  border-radius: 3px;
590
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
591
}
577 592
p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
578 593
p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
579 594
p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
......
668 683
#update {margin-bottom: 1.4em;}
669 684

  
670 685
#history .tab-content {
671
  padding: 0 6px;
686
  padding: 0 8px;
672 687
  margin-bottom: 10px;
673
  border-right: 1px solid #d7d7d7;
674
  border-bottom: 1px solid #d7d7d7;
675
  border-left: 1px solid #d7d7d7;
688
  border-right: 1px solid #d0d7de;
689
  border-bottom: 1px solid #d0d7de;
690
  border-left: 1px solid #d0d7de;
676 691
  border-radius: 0 0 3px 3px / 0 0 3px 3px;
692
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
677 693
}
678 694

  
679 695
#history div:target h4.note-header {background-color:#DDEEFF;}
......
1171 1187
  display: grid;
1172 1188
  grid-template-columns: 2rem repeat(7, 1fr);
1173 1189
  margin: 0;
1174
  border: 1px solid #c0c0c0;
1190
  border: 1px solid #d0d7de;
1175 1191
  border-spacing: 0;
1176 1192
  border-radius: 3px;
1193
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
1177 1194
}
1178 1195

  
1179 1196
.cal .calhead {
......
1196 1213
}
1197 1214

  
1198 1215
.cal .calbody {
1199
  border: 1px solid #d7d7d7;
1216
  border: 1px solid #d0d7de;
1200 1217
  vertical-align: top;
1201 1218
  font-size: 0.9em;
1202 1219
  border-bottom: 0;
......
1204 1221
  line-height: 1.2;
1205 1222
  min-height: calc(1.2em * 6);
1206 1223
  padding: 2px;
1224
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
1207 1225
}
1208 1226

  
1209 1227
.cal .calbody p.day-num {font-size: 1.1em; text-align:right;}
......
1279 1297

  
1280 1298
/***** Tabs *****/
1281 1299
#content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
1282
#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; min-width: 2000px; width: 100%;  border-bottom: 1px solid #bbbbbb;}
1300
#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; min-width: 2000px; width: 100%;  border-bottom: 1px solid #d0d7de;}
1283 1301
#content .tabs ul li {
1284 1302
  float:left;
1285 1303
  list-style-type:none;
......
1294 1312
  text-decoration:none;
1295 1313
  line-height:1.3em;
1296 1314
  padding:4px 6px 4px 6px;
1297
  border: 1px solid #ccc;
1298
  border-bottom: 1px solid #bbbbbb;
1315
  border: 1px solid #d0d7de;
1316
  border-bottom: 1px solid #d0d7de;
1299 1317
  color:#999;
1300 1318
  font-weight:bold;
1301 1319
  border-top-left-radius:3px;
......
1309 1327

  
1310 1328
#content .tabs ul li a.selected {
1311 1329
  background-color: #fff;
1312
  border: 1px solid #bbbbbb;
1330
  border: 1px solid #d0d7de;
1313 1331
  border-bottom: 1px solid #fff;
1314 1332
  color:#444;
1333
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
1315 1334
}
1316 1335

  
1317 1336
#content .tabs ul li a.selected:hover {background-color: #fff;}
(9-9/9)