api.css (1623B)
1 .api-page { 2 display: block; 3 margin: 0 auto; 4 max-width: 1400px; 5 padding: 30px 20px; 6 } 7 8 .api-page > .p-title { 9 font-size: 24px; 10 margin-bottom: 20px; 11 color: #000; 12 text-align: left; 13 } 14 15 .api-page > .list { 16 width: 100%; 17 font-size: 0; 18 } 19 20 .api-page > .list > .item { 21 display: block; 22 padding: 15px; 23 background: #fff; 24 font-size: 0; 25 } 26 27 .api-page > .list > .item:nth-child(even) { 28 background: #efefed; 29 } 30 31 .api-page > .list > .item > .left { 32 display: inline-block; 33 vertical-align: middle; 34 width: calc(100% - 100px); 35 padding-right: 20px; 36 } 37 38 .api-page > .list > .item > .left > .icon { 39 display: inline-block; 40 vertical-align: middle; 41 width: 50px; 42 height: 50px; 43 margin-right: 15px; 44 background-color: #ccc; 45 background-position: center center; 46 background-repeat: no-repeat; 47 background-size: cover; 48 } 49 50 .api-page > .list > .item > .left > .details { 51 display: inline-block; 52 vertical-align: middle; 53 width: calc(100% - 65px); 54 font-size: 14px; 55 } 56 57 .api-page > .list > .item > .left > .details > .title { 58 font-size: 16px; 59 font-weight: bold; 60 margin-bottom: 5px; 61 letter-spacing: 1px; 62 } 63 64 .api-page > .list > .item > .left > .details > .description { 65 margin-bottom: 5px; 66 } 67 68 .api-page > .list > .item > .left > .details > .version { 69 color: #999; 70 font-size: 12px; 71 } 72 73 .api-page > .list > .item > .right { 74 display: inline-block; 75 vertical-align: middle; 76 margin-top: 5px; 77 width: 100px; 78 } 79 80 .api-page > .list > .item > .right > a.standardBtn { 81 width: 100%; 82 display: block; 83 margin: 0; 84 }