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

21 22 23 24 25 26 27
.project-name-holder {
  .help-inline {
    vertical-align: top;
    padding: 7px;
  }
}

28
.project-home-panel {
29
  text-align: center;
30 31 32
  background: #f7f8fa;
  margin: -$gl-padding;
  padding: $gl-padding;
33
  padding: 44px 0 17px 0;
Andrey's avatar
Andrey committed
34
  
35
  .project-identicon-holder {
36
    margin-bottom: 16px;
Andrey's avatar
Andrey committed
37
    
38 39 40
    .avatar, .identicon {
      margin: 0 auto;
      float: none;
41
    }
Andrey's avatar
Andrey committed
42
    
43
    .identicon {
44
      @include border-radius(50%);
45
    }
46
  }
Andrey's avatar
Andrey committed
47
  
48 49 50 51
  .project-home-dropdown {
    margin: 11px 3px 0;
  }

52 53
  .project-home-desc {
    h1 {
54
      color: #313236;
55
      margin: 0;
56
      margin-bottom: 6px;
57 58
      font-size: 23px;
      font-weight: normal;
59 60
    }

61
    p {
62
      color: #5c5d5e;
63
    }
64
  }
65

66
  .git-clone-holder {
67
    max-width: 498px;
68 69 70

    .form-control {
      background: #FFF;
71 72
      font-size: 14px;
      height: 42px;
Andrey's avatar
Andrey committed
73
      margin-left: -1px;
74
    }
75 76
  }

77
  .visibility-level-label {
78
    color: $gray;
79 80 81
    i {
      color: inherit;
    }
82
  }
83 84 85 86 87 88
  .input-group {
    display: inline-table;
    position: relative;
    top: 17px;
    margin-bottom: 44px;
  }
Andrey's avatar
Andrey committed
89
  
90
  .project-repo-buttons {
91 92
    margin-top: 12px;
    margin-bottom: 0px;
Andrey's avatar
Andrey committed
93
    
94
    .btn {
Andrey's avatar
Andrey committed
95 96
      @include bnt-project;
      @include btn-info;
97
      
98 99 100 101
      .count {
        display: inline-block;
      }
    }
102
  }
103 104
}

105 106
.split-one {
  display: inline-table;
Andrey's avatar
Andrey committed
107
  margin-right: 12px;
108 109 110 111 112 113
  
  a {
    margin: -1px !important;
  }
}

114
.git-clone-holder {
115 116 117
  .project-home-dropdown + & {
    margin-right: 45px;
  }
118

119
  .form-control {
120
    cursor: auto;
121
    @extend .monospace;
122
    background: #FAFAFA;
Andrey's avatar
Andrey committed
123
    width: 101%;
124
  }
125 126

  .input-group-addon {
127
    background: #f7f8fa;
128 129 130 131

    &.git-protocols {
      padding: 0;
      border: none;
Andrey's avatar
Andrey committed
132
      
133 134
      .input-group-btn:last-child > .btn {
        @include border-radius-right(0);
135 136 137 138
        
        border-left: 1px solid #c6cacf;
        margin-left: -2px !important;
      }
139
    }
140
  }
randx's avatar
randx committed
141
}
142

143 144 145
.projects-search-form {
  
  .input-group .form-control {
Andrey's avatar
Andrey committed
146
    height: 42px;
147 148 149
  }
}

Andrey's avatar
Andrey committed
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165
.input-group-btn {
  .btn {    
    @include bnt-project;
    @include btn-middle;
    
    &:hover {
      outline: none;
    }
    
    &:focus {
      outline: none;
    }
    
    &:active {
      outline: none;
    }
166 167
  }
  
Andrey's avatar
Andrey committed
168
  .active {
169 170 171 172 173 174
    @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
    
    border: 1px solid #c6cacf !important;
    background-color: #e4e7ed !important;
  }
  
Andrey's avatar
Andrey committed
175 176 177 178
  .btn-green {
    @include btn-green
  }
  
179 180 181 182
}

.split-repo-buttons {
  display: inline-table;
Andrey's avatar
Andrey committed
183
  margin: 0 12px 0 12px;
184
  
Andrey's avatar
Andrey committed
185 186 187
  .btn{
    @include bnt-project;
    @include btn-info;
188 189 190
  }
  
  .dropdown-toggle  {
Andrey's avatar
Andrey committed
191
    margin: -5px;
192 193 194 195 196 197 198
  }  
}

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

Andrey's avatar
Andrey committed
199 200 201 202 203
.dropdown-new {
  margin-left: -5px;
}

.open > .dropdown-new.btn {
204 205 206 207 208
  @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
 
  border: 1px solid #c6cacf !important;
  background-color: #e4e7ed !important;
  text-transform: uppercase;
Andrey's avatar
Andrey committed
209
  color: #313236 !important;
210 211 212 213 214 215 216
  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);
Andrey's avatar
Andrey committed
217
  
218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245
  border: none;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 100;
  
  li a {
    color: #5f697a;
    line-height: 30px;
    
    &:hover {
      background-color: #3084bb !important; 
    }
  }
  
  .fa-fw {
    margin-right: 8px;
  }
}

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

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

.project-home-panel .project-home-dropdown {
Andrey's avatar
Andrey committed
246
  margin: 13px 0px 0;
247 248
}

249
.project-visibility-level-holder {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
250 251
  .radio {
    margin-bottom: 10px;
252

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
253 254 255
    i {
      margin: 0 3px;
      font-size: 20px;
256
    }
257

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
258 259
    .option-title {
      font-weight: bold;
260 261
      display: inline-block;
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
262 263

    .option-descr {
264
      margin-left: 36px;
265
      color: $gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
266
    }
267 268 269
  }
}

270
.save-project-loader {
271 272 273
  margin-top: 50px;
  margin-bottom: 50px;
  color: #555;
274
}
275 276 277 278 279 280 281 282

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

  padding-left: 8px;

  li {
    a {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
283
      padding: 6px 25px;
284 285 286 287 288 289 290 291 292 293 294 295 296
      margin-top: 2px;
      border-color: #DDD;
      background-color: #EEE;
      text-shadow: 0 1px 1px white;
      color: #555;
    }
    &.active {
      a {
        font-weight: bold;
      }
    }
  }
}
297

298
.project_member_row form {
299 300
  margin: 0px;
}
301

302
.transfer-project .select2-container {
303 304
  min-width: 200px;
}
305

306 307 308
.deploy-project-label {
  margin: 1px;
}
309 310

.vs-public {
311
  color: $gl-primary;
312 313 314
}

.vs-internal {
315
  color: $gl-warning;
316 317 318
}

.vs-private {
319
  color: $gl-success;
320
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
321 322

.breadcrumb.repo-breadcrumb {
323
  padding: 0;
324
  line-height: 42px;
325
  background: transparent;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
326
  border: none;
327
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
328 329 330 331 332 333

  > li + li:before {
    padding: 0 3px;
    color: #999;
  }
}
334 335

.fork-namespaces {
336 337 338
  .fork-thumbnail {
    text-align: center;
    margin-bottom: $gl-padding;
339

340 341 342
    .caption {
      padding: $gl-padding 0;
      min-height: 30px;
343 344
    }

345 346 347
    img {
      @include border-radius(50%);
      max-width: 100px;
348 349 350
    }
  }
}
351

Marin Jankovski's avatar
Marin Jankovski committed
352 353 354 355 356
table.table.protected-branches-list tr.no-border {
  th, td {
    border: 0;
  }
}
357 358 359 360 361

.project-import .btn {
  float: left;
  margin-right: 10px;
}
362 363 364

.project-stats {
  text-align: center;
365
  margin-top: 15px;
366
  margin-bottom: 0;
367 368
  padding-top: 10px;
  padding-bottom: 4px;
369 370 371 372

  ul.nav-pills {
    display:inline-block;
  }
373 374 375 376
  
  .nav-pills li {
    display:inline;
  }
377

378
  .nav > li > a {
Andrey's avatar
Andrey committed
379 380
    @include btn-info;
    @include bnt-project;
381
    
Andrey's avatar
Andrey committed
382 383 384
    background-color: transparent;
    border: 1px solid #f7f8fa;
    margin-left: 12px;
385 386
  }
  
387 388 389 390 391 392 393 394
  li {
    display:inline;
  }

  a {
    float:left;
    font-size: 17px;
  }
395 396

  li.missing a {
397 398
    color: #5a6069;
    border: 1px dashed #dce0e5;
399 400

    &:hover {
401
      background-color: #f0f2f5;
402 403
    }
  }
404 405 406 407 408
}

pre.light-well {
  border-color: #f1f1f1;
}
409 410

.projects-search-form {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
411
  margin: -$gl-padding;
412
  background-color: #f8fafc;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
413
  padding: $gl-padding;
414
  margin-bottom: 0px;
415 416
  border-top: 1px solid #e7e9ed;
  border-bottom: 1px solid #e7e9ed;
417 418
}

419 420 421 422 423 424 425 426 427 428
.git-empty {
  margin: 0 7px 0 7px;
  
  h5 {
    color: #5c5d5e;
  }
  
  .light-well {
    @include border-radius (2px);
    
Andrey's avatar
Andrey committed
429 430 431
    color: #5b6169;
    font-size: 13px; 
    line-height: 1.6em; 
432 433 434 435
  }
}

.prepend-top-20 {
Andrey's avatar
Andrey committed
436
  margin-top: 20px;
437 438
  
  .btn-remove {
Andrey's avatar
Andrey committed
439 440
    @include btn-middle;
    @include btn-remove;
441 442 443 444 445
    
    float: left !important;
  }
}

446 447 448
/*
 * Projects list rendered on dashboard and user page
 */
Andrey's avatar
Andrey committed
449
 
450 451 452 453
.projects-list {
  @include basic-list;

  .project-row {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
454
    padding: $gl-padding;
455
    border-color: #f1f2f4;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
456 457
    margin-left: -$gl-padding;
    margin-right: -$gl-padding;
458 459 460

    &.no-description {
      .project {
461
        line-height: 44px;
462 463 464
      }
    }

465 466
    .project-full-name {
      @include str-truncated;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
467
      font-weight: 600;
468 469 470 471
      color: #4c4e54;
    }

    .pull-right.light {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
472
      line-height: 45px;
473
      color: #7f8fa4;
474
    }
475

476
    .project-description {
477
      color: #7f8fa4;
478 479 480 481

      p {
        @include str-truncated;
        margin-bottom: 0;
482
        color: #7f8fa4;
483
      }
484 485
    }
  }
486 487 488 489 490

  .bottom {
    padding-top: $gl-padding;
    padding-bottom: 0;
  }
491 492
}

493 494
.panel .projects-list li {
  padding: 10px 15px;
495
  margin: 0;
496
}
497 498 499 500 501 502

.project-show-activity {
  .activity-filter-block {
    margin-top: -1px;
  }
}
503 504 505 506

.inline-form {
  display: inline-block;
}
Andrey's avatar
Andrey committed
507

Andrey's avatar
Andrey committed
508 509 510 511 512
.max-height {
  height: 100%;
  display: table;
  width: 100%;
}