custom.css 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  1. .full.height {
  2. padding: 0;
  3. margin: 0 0 -200px 0;
  4. min-height: 100%;
  5. }
  6. .ui .text.red {
  7. color: #2854a4 !important;
  8. }
  9. .ui .text.red a {
  10. color: #2854a4 !important;
  11. }
  12. .ui .text.red a:hover {
  13. color: #428bca !important;
  14. }
  15. .ui .text.blue {
  16. color: #2854a4 !important;
  17. }
  18. footer {
  19. margin-top: 114px !important;
  20. height: 100px;
  21. background-color: white;
  22. border-top: 1px solid #d6d6d6;
  23. clear: both;
  24. width: 100%;
  25. color: #888888;
  26. }
  27. .home {
  28. padding-bottom: 200px;
  29. }
  30. .home .hero .octicon {
  31. color: #7fba42;
  32. font-size: 40px;
  33. width: 50px;
  34. }
  35. .home a {
  36. color: #7fba42;
  37. }
  38. .signup {
  39. padding-top: 15px;
  40. padding-bottom: 200px;
  41. }
  42. .install {
  43. padding-top: 45px;
  44. padding-bottom: 200px;
  45. }
  46. .repository {
  47. padding-top: 15px;
  48. padding-bottom: 200px;
  49. }
  50. .repository #clone-panel {
  51. margin-top: -8px;
  52. margin-left: 5px;
  53. }
  54. .organization {
  55. padding-top: 15px;
  56. padding-bottom: 200px;
  57. }
  58. .organization .head .ui.header .text {
  59. vertical-align: middle;
  60. font-size: 1.6rem;
  61. margin-left: 15px;
  62. }
  63. .organization .head .ui.header .ui.right {
  64. margin-top: 5px;
  65. }
  66. .organization.new.org form {
  67. margin: auto;
  68. width: 800px!important;
  69. }
  70. .organization.new.org form .ui.message {
  71. text-align: center;
  72. }
  73. .organization.new.org form .header {
  74. padding-left: 280px !important;
  75. }
  76. .organization.new.org form .inline.field > label {
  77. text-align: right;
  78. width: 250px !important;
  79. word-wrap: break-word;
  80. }
  81. .organization.new.org form .help {
  82. margin-left: 265px !important;
  83. }
  84. .organization.new.org form .optional .title {
  85. margin-left: 250px !important;
  86. }
  87. .organization.new.org form input,
  88. .organization.new.org form textarea {
  89. width: 50% !important;
  90. }
  91. .organization.options input {
  92. min-width: 300px;
  93. }
  94. .organization.profile #org-avatar {
  95. width: 100px;
  96. height: 100px;
  97. margin-right: 15px;
  98. }
  99. .organization.profile #org-info .ui.header {
  100. font-size: 36px;
  101. margin-bottom: 0;
  102. }
  103. .organization.profile #org-info .desc {
  104. font-size: 16px;
  105. margin-bottom: 10px;
  106. }
  107. .organization.profile #org-info .meta .item {
  108. display: inline-block;
  109. margin-right: 10px;
  110. }
  111. .organization.profile #org-info .meta .item .icon {
  112. margin-right: 5px;
  113. }
  114. .organization.profile .ui.top.header .ui.right {
  115. margin-top: 0;
  116. }
  117. .organization.profile .teams .item {
  118. padding: 10px 15px;
  119. }
  120. .organization.teams .members .ui.avatar,
  121. .organization.profile .members .ui.avatar {
  122. width: 48px;
  123. height: 48px;
  124. margin-right: 5px;
  125. }
  126. .organization.invite #invite-box {
  127. margin: auto;
  128. margin-top: 50px;
  129. width: 500px !important;
  130. }
  131. .organization.invite #invite-box #search-user-box input {
  132. margin-left: 0;
  133. width: 300px;
  134. }
  135. .organization.invite #invite-box .ui.button {
  136. margin-left: 5px;
  137. margin-top: -3px;
  138. }
  139. .organization.members .list .item {
  140. margin-left: 0;
  141. margin-right: 0;
  142. border-bottom: 1px solid #eee;
  143. }
  144. .organization.members .list .item .ui.avatar {
  145. width: 48px;
  146. height: 48px;
  147. }
  148. .organization.members .list .item .meta {
  149. line-height: 24px;
  150. }
  151. .organization.teams .detail .item {
  152. padding: 10px 15px;
  153. }
  154. .organization.teams .detail .item:not(:last-child) {
  155. border-bottom: 1px solid #eee;
  156. }
  157. .organization.teams .repositories .item,
  158. .organization.teams .members .item {
  159. padding: 10px 20px;
  160. line-height: 32px;
  161. }
  162. .organization.teams .repositories .item:not(:last-child),
  163. .organization.teams .members .item:not(:last-child) {
  164. border-bottom: 1px solid #DDD;
  165. }
  166. .organization.teams .repositories .item .button,
  167. .organization.teams .members .item .button {
  168. padding: 9px 10px;
  169. }
  170. .organization.teams #add-repo-form input,
  171. .organization.teams #add-member-form input {
  172. margin-left: 0;
  173. }
  174. .organization.teams #add-repo-form .ui.button,
  175. .organization.teams #add-member-form .ui.button {
  176. margin-left: 5px;
  177. margin-top: -3px;
  178. }
  179. .user:not(.icon) {
  180. padding-top: 15px;
  181. padding-bottom: 200px;
  182. }
  183. .dashboard {
  184. padding-top: 15px;
  185. padding-bottom: 200px;
  186. }
  187. .admin {
  188. padding-top: 15px;
  189. padding-bottom: 200px;
  190. }
  191. .explore {
  192. padding-top: 15px;
  193. padding-bottom: 200px;
  194. }
  195. .ginsubtitle {
  196. font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
  197. }
  198. .supersmall {
  199. padding-left: 10px;
  200. font-size: 0.8em;
  201. text-align: left;
  202. }
  203. .leftspace {
  204. padding-left: 40px;
  205. }
  206. figure {
  207. float: right;
  208. max-width: 600px;
  209. }
  210. figure img {
  211. display: block;
  212. margin-left: auto;
  213. margin-right: auto;
  214. }
  215. figure figcaption {
  216. display: block;
  217. margin-left: auto;
  218. margin-right: auto;
  219. font-style: italic;
  220. text-align: justify;
  221. }
  222. #datacite-view {
  223. margin-top: 14px;
  224. }
  225. .ui.codetab {
  226. padding: 0;
  227. }
  228. #file-buttons {
  229. padding-right: 5px;
  230. }
  231. .ui.segment.results.hide {
  232. z-index: 1000;
  233. }
  234. .gin.doi {
  235. float: left;
  236. background-color: #5b5b5b;
  237. color: white;
  238. border-top-left-radius: 0.28571429rem;
  239. border-bottom-left-radius: 0.28571429rem;
  240. padding: 0.5em 1.5em;
  241. }
  242. .gin.doinr {
  243. background-color: #2185D0;
  244. float: right;
  245. color: white;
  246. border-top-right-radius: 0.28571429rem;
  247. border-bottom-right-radius: 0.28571429rem;
  248. padding: 0.5em 1.5em;
  249. }
  250. .ui.image.label.nobg {
  251. background: none;
  252. }
  253. .ui.image.label.nobg > a {
  254. opacity: 1;
  255. }
  256. textarea#description {
  257. height: 5em;
  258. min-height: 5em;
  259. }
  260. .ui.loading.ginsearch .input > i.icon:after {
  261. position: absolute;
  262. content: '';
  263. top: 50%;
  264. left: 50%;
  265. margin: -0.64285714em 0 0 -0.64285714em;
  266. width: 1.28571429em;
  267. height: 1.28571429em;
  268. -webkit-animation: button-spin 0.6s linear;
  269. animation: button-spin 0.6s linear;
  270. -webkit-animation-iteration-count: infinite;
  271. animation-iteration-count: infinite;
  272. border-radius: 500rem;
  273. border-color: #767676 transparent transparent;
  274. border-style: solid;
  275. border-width: 0.2em;
  276. box-shadow: 0 0 0 1px transparent;
  277. }
  278. /*--------------
  279. Results
  280. ---------------*/
  281. .ui.ginsearch > .results {
  282. display: none;
  283. position: absolute;
  284. top: 100%;
  285. left: 0%;
  286. -webkit-transform-origin: center top;
  287. transform-origin: center top;
  288. white-space: normal;
  289. background: #FFFFFF;
  290. margin-top: 0.5em;
  291. width: 18em;
  292. border-radius: 0.28571429rem;
  293. -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  294. box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  295. border: 1px solid #D4D4D5;
  296. z-index: 998;
  297. }
  298. .ui.ginsearch > .results > :first-child {
  299. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  300. }
  301. .ui.ginsearch > .results > :last-child {
  302. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  303. }
  304. /*--------------
  305. Result
  306. ---------------*/
  307. .ui.ginsearch > .results .result {
  308. cursor: pointer;
  309. display: block;
  310. overflow: hidden;
  311. font-size: 1em;
  312. padding: 0.85714286em 1.14285714em;
  313. color: rgba(0, 0, 0, 0.87);
  314. line-height: 1.33;
  315. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  316. }
  317. .ui.ginsearch > .results .result:last-child {
  318. border-bottom: none !important;
  319. }
  320. /* Image */
  321. .ui.ginsearch > .results .result .image {
  322. float: right;
  323. overflow: hidden;
  324. background: none;
  325. width: 5em;
  326. height: 3em;
  327. border-radius: 0.25em;
  328. }
  329. .ui.ginsearch > .results .result .image img {
  330. display: block;
  331. width: auto;
  332. height: 100%;
  333. }
  334. /*--------------
  335. Message
  336. ---------------*/
  337. .ui.ginsearch > .results > .message {
  338. padding: 1em 1em;
  339. }
  340. .ui.ginsearch > .results > .message .header {
  341. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  342. font-size: 1rem;
  343. font-weight: bold;
  344. color: rgba(0, 0, 0, 0.87);
  345. }
  346. .ui.ginsearch > .results > .message .description {
  347. margin-top: 0.25rem;
  348. font-size: 1em;
  349. color: rgba(0, 0, 0, 0.87);
  350. }
  351. /* View All Results */
  352. .ui.ginsearch > .results > .action {
  353. display: block;
  354. border-top: none;
  355. background: #F3F4F5;
  356. padding: 0.92857143em 1em;
  357. color: rgba(0, 0, 0, 0.87);
  358. font-weight: bold;
  359. text-align: center;
  360. }
  361. #file-buttons > a:first-child {
  362. border-top-left-radius: 0.28571429rem;
  363. border-bottom-left-radius: 0.28571429rem;
  364. border-top-right-radius: 0;
  365. border-bottom-right-radius: 0;
  366. }
  367. .textnode.focusable.whitespace {
  368. display: none !important;
  369. }
  370. .footericon {
  371. height: 30px;
  372. vertical-align: middle;
  373. }
  374. .footertext {
  375. font-size: 1rem;
  376. vertical-align: middle;
  377. }
  378. .ui.header .button {
  379. height: 2em;
  380. vertical-align: middle;
  381. padding: 0.5em 1.5em;
  382. }