OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: f88e3cd386
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f88e3cd386'
${ noResults }
aiforge/custom/public/css/git.openi.css

319 lines
6.7 kB
Raw Blame History 

  1. .bg-gray{ background-color:#F8F8F8!important;}

  2. .am-mb-0{ margin-bottom: 0 !important;}

  3. .am-mb-05{ margin-bottom: 0.5rem !important;}

  4. .am-mb-10{ margin-bottom: 1.0rem !important;}

  5. .am-mb-15{ margin-bottom: 1.5rem !important;}

  6. .am-mb-20{ margin-bottom: 2.0rem !important;}

  7. .am-mb-30{ margin-bottom: 3.0rem !important;}

  8. .am-mt-0{ margin-top: 0 !important;}

  9. .am-mt-05{ margin-top: 0.5rem !important;}

  10. .am-mt-10{ margin-top: 1.0rem !important;}

  11. .am-mt-15{ margin-top: 1.5rem !important;}

  12. .am-mt-20{ margin-top: 2.0rem !important;}

  13. .am-mt-30{ margin-top: 3.0rem !important;}

  14. .am-pb-0{ padding-bottom: 0 !important;}

  15. .am-pb-05{ padding-bottom: 0.5rem !important;}

  16. .am-pb-10{ padding-bottom: 1.0rem !important;}

  17. .am-pb-15{ padding-bottom: 1.5rem !important;}

  18. .am-pb-20{ padding-bottom: 2.0rem !important;}

  19. .am-pb-30{ padding-bottom: 3.0rem !important;}

  20. .am-pt-0{ padding-top: 0 !important;}

  21. .am-pt-05{ padding-top: 0.5rem !important;}

  22. .am-pt-10{ padding-top: 1.0rem !important;}

  23. .am-pt-15{ padding-top: 1.5rem !important;}

  24. .am-pt-20{ padding-top: 2.0rem !important;}

  25. .am-pt-30{ padding-top: 3.0rem !important;}

  26. .am-pl-30{ padding-left: 3.0rem !important;}

  27. .am-pl-50{ padding-left: 5.0em !important;}

  28. .am-ml-30{ margin-left: 3.0rem !important;}

  29. .am-pr-30{ padding-right: 3.0rem !important;}

  30. .am-mr-30{ margin-right: 3.0rem !important;}

  31. .am-lh-18{ line-height: 1.8em;}

  32. 

  33. .nowrap{

  34.   white-space: nowrap;

  35.   overflow: hidden;

  36.   text-overflow: ellipsis;

  37. }

  38. .nowrap-2 {

  39.   height: 2.837em;

  40.   line-height: 1.4285em;

  41.   overflow: hidden;

  42.   display: -webkit-box;

  43.   -webkit-line-clamp: 2;

  44.   -webkit-box-orient: vertical;

  45. }

  46. 

  47. .opacity5{ opacity:0.5;}

  48. .radius15{ border-radius:1.5rem !important; } 

  49. .radius10{ border-radius:1.0rem !important; } 

  50. .radius5{ border-radius:0.5rem !important; } 

  51. .am-shadow-1{ 

  52.   -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);

  53.   box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);

  54. }

  55. .am-shadow-2{ 

  56.   -webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.3);

  57.   box-shadow: 0 2px 4px 0 rgba(34,36,38,.3);

  58. }

  59. 

  60. 

  61. .ui.secondary.hometop.segment{

  62.   background: #DFE9F0; 

  63.   padding-top: 0;

  64.   border: none;

  65.   margin-bottom: 11em;

  66. }

  67. .ui.secondary.hometop.segment #navbar{

  68.   z-index: 10;

  69. }

  70. 

  71. .hometop .ui.secondary.menu .active.item{

  72.   color: #000;

  73.   background:none;

  74.   border-bottom: 1px solid #000;

  75. }

  76. .hometop .following.bar #navbar .brand{

  77.   padding-top: .78571429em;

  78. }

  79. .hometop .following.bar .brand .ui.mini.image {

  80.   height: 50px;

  81. }

  82. 

  83. .homebanner{

  84.   position: relative;

  85.   padding: 100px 32px 80px;

  86.   padding-bottom: 0;

  87.   z-index: 9;

  88. }

  89. .homebanner .ui.header .sub.header{

  90.   color: #3291F8;

  91. }

  92. .bannerpic{

  93.   position: absolute;

  94.   right: 0px;

  95.   bottom: -64px;

  96.   width: 560px;

  97.   z-index: 6;

  98. }

  99. .homebanner .ui.button{

  100.   font-weight: normal;

  101. }

  102. 

  103. .ui[class*="very padded"].segment.i-code{

  104.   padding-left: 6.0rem;

  105. }

  106. .i-code > .ui.blue.header{

  107.   color: #1678c2!important;

  108. }

  109. .i-code h2{

  110.   position: relative;

  111. }

  112. .i-code h2::before {

  113.   content: "";

  114.   position: absolute;

  115.   left: calc(-4.0rem + 6px);

  116.   top: 0.8rem;

  117.   width: 18px;

  118.   height: 18px;

  119.   border: 2px solid #505559;

  120.   border-radius: 50%;

  121.   background: #1b1c1d;

  122.   z-index: 9;

  123. }

  124. .i-code h2.am-bw::before{

  125.   background: #FFF;

  126. }

  127. .i-code-pic{

  128.   position: relative;

  129. }

  130. .i-code-pic > img{

  131.   margin-bottom: -3.0rem;

  132. }

  133. .i-env .ui.cards>.card>.image{

  134.   background: none;

  135. }

  136. .i-env .ui.cards>.card>.content{

  137.   border-top: none;

  138. }

  139. 

  140. #homenews{

  141.   position: relative;

  142.   z-index: 9;

  143.   bottom: -6em;

  144. }

  145. #homenews > p{

  146.   color: #BBBBBB;

  147.   margin-left: 2.3em;

  148. }

  149. .homenews{

  150.   border-radius: 2em;

  151.   background-color: rgba(16, 16, 16, .9);

  152.   position: relative;

  153.   padding-left: 2.3em !important;

  154. }

  155. .homeorg, .homepro, .homemodel, .i-env{ 

  156.   position: relative;

  157.   padding-bottom: 5em;

  158. }

  159. .homenews::before{

  160.   content: '';

  161.   position: absolute;

  162.   left: 3em;

  163.   top: 0;

  164.   bottom: 0;

  165.   background-color: rgba(105, 192, 255, .4);

  166.   width: 2px;

  167. }

  168. .homenews .time-since{

  169.   padding-left: 1em;

  170.   color: #888888;

  171. }

  172. .homenews a{

  173.   color: #69C0FF;

  174. }

  175. .homenews .ui.list>.item>.content{

  176.   color: #E8E8E8;

  177.   line-height: 1.8em;

  178. }

  179. .homenews .ui.list>.item{

  180.   padding: 0;

  181. }

  182. .newslist{

  183.   height: 325px;

  184.   overflow: hidden;

  185. }

  186. 

  187. .leftline01, .leftline03, .leftline04{

  188.   position: absolute;

  189.   width: 5em;

  190.   border-radius: 0 0 0 4.0em;

  191.   border-left: 2px solid #3291F8;

  192.     border-bottom: 2px solid #3291F8;

  193.   top: -5em;

  194.   bottom: 0;

  195.   left: 2em;

  196.   z-index: 6;

  197. }

  198. .leftline02, .leftline02-2 {

  199.   position: absolute;

  200.   left: 7.0em;

  201.   top: -2px;

  202.   bottom: 0;

  203.   height: auto;

  204.   border-top: 2px solid #3291F8;

  205.   border-right: 2px solid #3291F8;

  206.   border-bottom: 2px solid #3291F8;

  207.   border-radius: 0 4.0em 4.0em 0;

  208.   width: 10em;

  209.   z-index: 6;

  210. }

  211. .leftline03{

  212.   border-radius: 4.0em 0 0 0;

  213.     border-top: 2px solid #3291F8;

  214.   border-bottom:none;

  215.   top: -2px;

  216. }

  217. .leftline02-2{

  218.   border-color: rgba(105, 192, 255, .4);

  219.   width: 7em;

  220.   z-index: 5;

  221. }

  222. .leftline04{

  223.   border-radius: 0;

  224.     border-top: none;

  225.   border-bottom: none;

  226. }

  227. 

  228. .homeorg-tit{

  229.   padding-left: 5em !important;

  230. }

  231. .homeorg-tit::after{

  232.   content: '';

  233.   position: absolute;

  234.   width: 1.6em;

  235.     height: 1.6em;

  236.   background-color: #FFF;

  237.   border: 2px solid #3291F8;

  238.   left: 2.3em;

  239.   top: 1.3em;

  240.   border-radius: 1em;

  241.   z-index: 9;

  242. }

  243. .homeorg-list .card{

  244.   background-image: linear-gradient(#FFF, #FFF 60%, #DFF0EF);

  245.   box-shadow: none;

  246. }

  247. .homeorg-list .card .ui.small.header .content{

  248.   width: calc(100% - 3.25em);

  249. }

  250. .homepro-list{

  251.   position: relative;

  252.   z-index: 9;

  253.   padding: 1.0em 1.0em 3.0em;

  254.   overflow: hidden;

  255. }

  256. .homepro-list .ui.card{

  257.   border-radius: 15px;

  258.   background-color: #FFF;

  259.   box-shadow: 0px 5px 10px 0px rgba(105, 192, 255, 30);

  260.   border: 1px solid rgba(105, 192, 255, 40);

  261. }

  262. .homepro-list .ui.card>.content>.header{

  263.   line-height: 40px;

  264. }

  265. 

  266. .homepro-list .swiper-pagination-bullet-active{

  267.   width: 40px;

  268.     border-radius: 4px;

  269. }

  270. .i-env > div{

  271.   position: relative;

  272. }

  273. 

  274. @media only screen and (max-width: 767px) {

  275.   .am-mt-30{ margin-top: 1.5rem !important;}

  276.   .ui.secondary.hometop.segment{

  277.     margin-bottom: 2.0rem;

  278.   }

  279.   .bannerpic, .i-code-pic{

  280.     display: none;

  281.   }

  282.   .i-code h2::before {

  283.     left: calc(-5.0rem + 6px);

  284.   }

  285.   .i-code h2.am-bw::before{

  286.     left: calc(-4.0rem + 6px);

  287.   }

  288.   .leftline01{

  289.     width: calc(50% - 4.0rem);

  290.   }

  291.   .leftline02{

  292.     left: calc(50% - 1.0rem);

  293.     top: calc(-3.5rem - 2px);

  294.   }

  295. }

  296. 

  297. @media only screen and (min-width: 768px) and (max-width: 991px) {

  298.   .bannerpic, .i-code-pic{

  299.     display: none;

  300.   }

  301.   .i-code h2::before {

  302.     left: calc(-5.0rem + 6px);

  303.   }

  304.   .i-code h2.am-bw::before{

  305.     left: calc(-4.0rem + 6px);

  306.   }

  307. }

  308. 

  309. @media only screen and (min-width: 992px) and (max-width: 1199px) {

  310. 

  311. }

  312. 

  313. @media only screen and (min-width: 1200px) and (max-width: 1919px) {

  314. 

  315. }

  316. 

  317. @media only screen and (min-width: 1920px) {

  318. 

  319. }