projects.scss 8.04 KB
Newer Older
Andrey's avatar
Andrey committed
1 2
.alert_holder {
  margin: -16px;
3

Andrey's avatar
Andrey committed
4 5 6 7 8 9 10 11
  .alert-link {
    font-weight: normal;
  }
}
.no-ssh-key-message {
  background-color: #f28d35;
  margin-bottom: 16px;
}
12 13
.new_project,
.edit_project {
14 15
  fieldset.features {
    .control-label {
16
      font-weight: normal;
17 18
    }
  }
19
}
randx's avatar
randx committed
20

21 22 23 24
.project-edit-content {
  padding: 7px;
}

25 26 27 28 29 30 31
.project-name-holder {
  .help-inline {
    vertical-align: top;
    padding: 7px;
  }
}

32
.project-home-panel {
33
  text-align: center;
34 35 36
  background: #f7f8fa;
  margin: -$gl-padding;
  padding: $gl-padding;
37
  padding: 44px 0 17px 0;
38

39
  .project-identicon-holder {
40
    margin-bottom: 16px;
41

42 43 44
    .avatar, .identicon {
      margin: 0 auto;
      float: none;
45
    }
46

47
    .identicon {
48
      @include border-radius(50%);
49
    }
50
  }
51

52
  .project-home-dropdown {
53 54 55 56 57 58 59 60 61 62 63
    margin: 13px 0px 0;
  }

  .notifications-btn {
    .fa-bell {
      margin-right: 6px;
    }

    .fa-angle-down {
      margin-left: 6px;
    }
64 65
  }

66 67
  .project-home-desc {
    h1 {
68
      color: #313236;
69
      margin: 0;
70
      margin-bottom: 6px;
71 72
      font-size: 23px;
      font-weight: normal;
73 74
    }

75
    p {
76
      padding: 0 $gl-padding;
77
      color: #5c5d5e;
78
    }
79
  }
80

81
  .git-clone-holder {
82
    max-width: 498px;
83 84 85

    .form-control {
      background: #FFF;
86 87
      font-size: 14px;
      height: 42px;
Andrey's avatar
Andrey committed
88
      margin-left: -1px;
89
    }
90 91
  }

92
  .visibility-level-label {
93 94 95
    @extend .btn;
    @extend .btn-gray;

96
    color: $gray;
97 98
    cursor: auto;

99 100 101
    i {
      color: inherit;
    }
102
  }
103

104 105 106 107 108 109
  .input-group {
    display: inline-table;
    position: relative;
    top: 17px;
    margin-bottom: 44px;
  }
110

111
  .project-repo-buttons {
112 113
    margin-top: 12px;
    margin-bottom: 0px;
114

115
    .btn {
116
      @include btn-gray;
117

118 119 120 121
      .count {
        display: inline-block;
      }
    }
122
  }
123 124
}

125 126
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
127
  margin-right: 12px;
128

129 130 131 132 133
  a {
    margin: -1px !important;
  }
}

134
.git-clone-holder {
135 136 137
  .project-home-dropdown + & {
    margin-right: 45px;
  }
138

139
  .form-control {
140
    cursor: auto;
141
    @extend .monospace;
142
    background: #FAFAFA;
Andrey's avatar
Andrey committed
143
    width: 101%;
144
  }
145 146

  .input-group-addon {
147
    background: #f7f8fa;
148 149 150 151

    &.git-protocols {
      padding: 0;
      border: none;
152

153 154
      .input-group-btn:last-child > .btn {
        @include border-radius-right(0);
155

156 157
        border-left: 1px solid #c6cacf;
        margin-left: -2px !important;
158 159
      }
    }
160
  }
randx's avatar
randx committed
161
}
162

163
.projects-search-form {
164

165
  .input-group .form-control {
Andrey's avatar
Andrey committed
166
    height: 42px;
167 168 169
  }
}

Andrey's avatar
Andrey committed
170
.input-group-btn {
171
  .btn {
172
    @include btn-gray;
Andrey's avatar
Andrey committed
173
    @include btn-middle;
174

Andrey's avatar
Andrey committed
175 176 177
    &:hover {
      outline: none;
    }
178

Andrey's avatar
Andrey committed
179 180 181
    &:focus {
      outline: none;
    }
182

Andrey's avatar
Andrey committed
183 184 185
    &:active {
      outline: none;
    }
186 187 188 189 190

    &.btn-clipboard {
      padding-left: 15px;
      padding-right: 15px;
    }
191
  }
192

Andrey's avatar
Andrey committed
193
  .active {
194
    @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
195

196 197 198
    border: 1px solid #c6cacf !important;
    background-color: #e4e7ed !important;
  }
199

Andrey's avatar
Andrey committed
200 201 202
  .btn-green {
    @include btn-green
  }
203

204 205 206 207
}

.split-repo-buttons {
  display: inline-table;
Andrey's avatar
Andrey committed
208
  margin: 0 12px 0 12px;
209

Andrey's avatar
Andrey committed
210
  .btn{
211
    @include btn-gray;
212
    @include btn-default;
213
  }
214

215
  .dropdown-toggle  {
Andrey's avatar
Andrey committed
216
    margin: -5px;
217
  }
218 219 220 221 222 223
}

#notification-form {
  margin-left: 5px;
}

Andrey's avatar
Andrey committed
224 225 226 227 228
.dropdown-new {
  margin-left: -5px;
}

.open > .dropdown-new.btn {
229
  @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
230

231 232 233
  border: 1px solid #c6cacf !important;
  background-color: #e4e7ed !important;
  text-transform: uppercase;
Andrey's avatar
Andrey committed
234
  color: #313236 !important;
235 236 237 238 239 240 241
  font-size: 13px;
  font-weight: 600;
}

.dropdown-menu {
  @include box-shadow(rgba(76, 86, 103, 0.247059) 0px 0px 1px 0px, rgba(31, 37, 50, 0.317647) 0px 2px 18px 0px);
  @include border-radius (0px);
242

243 244 245 246
  border: none;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 100;
247

248 249 250
  li a {
    color: #5f697a;
    line-height: 30px;
251

252
    &:hover {
253
      background-color: #3084bb !important;
254 255
    }
  }
256

257
  i {
258 259 260 261
    margin-right: 8px;
  }
}

262
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
263 264
  .radio {
    margin-bottom: 10px;
265

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
266
    i {
267
      margin: 2px 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
268
      font-size: 20px;
269
    }
270

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
271
    .option-title {
272
      font-weight: normal;
273
      display: inline-block;
274
      color: #313236;
275
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
276 277

    .option-descr {
278 279
      margin-left: 29px;
      color: #54565b;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
280
    }
281 282 283
  }
}

284
.save-project-loader {
285 286 287
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
288
}
289 290 291 292 293 294 295 296

ul.nav.nav-projects-tabs {
  @extend .nav-tabs;

  padding-left: 8px;

  li {
    a {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
297
      padding: 6px 25px;
298 299 300 301 302 303 304 305 306 307 308 309 310
      margin-top: 2px;
      border-color: #DDD;
      background-color: #EEE;
      text-shadow: 0 1px 1px white;
      color: #555;
    }
    &.active {
      a {
        font-weight: bold;
      }
    }
  }
}
311

312
.project_member_row form {
313 314
  margin: 0px;
}
315

316
.transfer-project .select2-container {
317 318
  min-width: 200px;
}
319

320 321 322
.deploy-project-label {
  margin: 1px;
}
323 324

.vs-public {
325
  color: $gl-primary;
326 327 328
}

.vs-internal {
329
  color: $gl-warning;
330 331 332
}

.vs-private {
333
  color: $gl-success;
334
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
335 336

.breadcrumb.repo-breadcrumb {
337
  padding: 0;
338
  line-height: 42px;
339
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
340
  border: none;
341
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
342 343 344 345 346 347

  > li + li:before {
    padding: 0 3px;
    color: #999;
  }
}
348 349

.fork-namespaces {
350 351 352
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
353

354 355 356
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
357 358
    }

359 360 361
    img {
      @include border-radius(50%);
      max-width: 100px;
362 363 364
    }
  }
}
365

Marin Jankovski's avatar
Marin Jankovski committed
366 367 368 369 370
table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
371 372 373 374 375

.project-import .btn {
  float: left;
  margin-right: 10px;
}
376 377 378

.project-stats {
  text-align: center;
379
  margin-top: $gl-padding;
380
  margin-bottom: 0;
381 382
  padding-top: 10px;
  padding-bottom: 4px;
383 384 385 386

  ul.nav-pills {
    display:inline-block;
  }
387

388 389 390
  .nav-pills li {
    display:inline;
  }
391

392
  .nav > li > a {
393
    @include btn-default;
394
    @include btn-gray;
395

Andrey's avatar
Andrey committed
396 397 398
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
399
  }
400

401 402 403 404 405 406 407 408
  li {
    display:inline;
  }

  a {
    float:left;
    font-size: 17px;
  }
409 410

  li.missing a {
411 412
    color: #5a6069;
    border: 1px dashed #dce0e5;
413 414

    &:hover {
415
      background-color: #f0f2f5;
416 417
    }
  }
418 419 420 421 422
}

pre.light-well {
  border-color: #f1f1f1;
}
423 424

.projects-search-form {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
425
  margin: -$gl-padding;
426
  background-color: #f8fafc;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
427
  padding: $gl-padding;
428
  margin-bottom: 0px;
429 430
  border-top: 1px solid #e7e9ed;
  border-bottom: 1px solid #e7e9ed;
431 432
}

433 434
.git-empty {
  margin: 0 7px 0 7px;
435

436 437 438
  h5 {
    color: #5c5d5e;
  }
439

440 441
  .light-well {
    @include border-radius (2px);
442

Andrey's avatar
Andrey committed
443
    color: #5b6169;
444 445
    font-size: 13px;
    line-height: 1.6em;
446 447 448
  }
}

449
.project-footer {
Andrey's avatar
Andrey committed
450
  margin-top: 20px;
451

452
  .btn-remove {
Andrey's avatar
Andrey committed
453
    @include btn-middle;
454
    @include btn-red;
455

456 457 458 459
    float: left !important;
  }
}

460 461 462
/*
 * Projects list rendered on dashboard and user page
 */
463

464 465 466 467
.projects-list {
  @include basic-list;

  .project-row {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
468
    padding: $gl-padding;
Douwe Maan's avatar
Douwe Maan committed
469
    border-color: $table-border-color;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
470 471
    margin-left: -$gl-padding;
    margin-right: -$gl-padding;
472 473 474

    &.no-description {
      .project {
475
        line-height: 44px;
476 477 478
      }
    }

479 480
    .project-full-name {
      @include str-truncated;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
481
      font-weight: 600;
482 483 484
      color: #4c4e54;
    }

485 486 487
    .project-controls {
      float: right;
      color: $gl-gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
488
      line-height: 45px;
489
      color: #7f8fa4;
490 491 492 493

      a:hover {
        text-decoration: none;
      }
494
    }
495

496
    .project-description {
497
      color: #7f8fa4;
498 499 500 501

      p {
        @include str-truncated;
        margin-bottom: 0;
502
        color: #7f8fa4;
503
      }
504 505
    }
  }
506 507 508 509 510

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
511 512
}

513 514
.panel .projects-list li {
  padding: 10px 15px;
515
  margin: 0;
516
}
517 518 519 520 521 522

.project-show-activity {
  .activity-filter-block {
    margin-top: -1px;
  }
}
523

524
.project-last-commit {
525 526
  margin: 0 7px;

527 528 529 530 531 532 533 534 535
  .ci-status {
    margin-right: 16px;
  }

  .commit-row-message {
    color: $gl-gray;
  }

  .commit_short_id {
536
    margin-right: 5px;
537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553
    color: $gl-link-color;
    font-weight: 600;
  }

  .commit-author-link {
    margin-left: 7px;
    text-decoration: none;
    .avatar {
      float: none;
      margin-right: 4px;
    }

    .commit-author-name {
      font-weight: 600;
    }
  }
}
554 555

.project-show-readme .readme-holder {
556 557
  margin-left: -$gl-padding;
  margin-right: -$gl-padding;
558
  padding: ($gl-padding + 7px);
559
  border-top: 0;
560

561 562 563 564
  .edit-project-readme {
    z-index: 100;
    position: relative;
  }
565
}