universe

Universe
git clone https://git.dasho.dev/universe.git
Log | Files | Refs | Submodules | README

myad.css (1319B)


      1 .myAdList {
      2  display: block;
      3  width: 100%;
      4 }
      5 
      6 .myAdList > .item {
      7  display: block;
      8  width: 100%;
      9  font-size: 0;
     10  padding: 15px;
     11 }
     12 
     13 .myAdList > .item:nth-child(odd) {
     14  background: #efefed;
     15 }
     16 
     17 .myAdList > .item .left {
     18  display: inline-block;
     19  vertical-align: middle;
     20  padding-right: 20px;
     21  width: calc(100% - 150px);
     22  font-size: 14px;
     23 }
     24 
     25 .myAdList > .item .left > .title {
     26  display: block;
     27  font-size: 16px;
     28  margin-bottom: 10px;
     29  color: #9b59b6;
     30  font-weight: bold;
     31 }
     32 
     33 .myAdList > .item .left > .title > a {
     34  text-decoration: none;
     35 }
     36 
     37 .myAdList > .item .left > .image {
     38  display: block;
     39  max-width: 300px;
     40  width: 100%;
     41  margin-bottom: 10px;
     42 }
     43 
     44 .myAdList > .item .left > .image > .display {
     45  display: block;
     46  width: 100%;
     47  padding-bottom: 25%;
     48  background-size: cover;
     49  background-position: center center;
     50 }
     51 
     52 .myAdList > .item .left > .url {
     53  margin-bottom: 5px;
     54 }
     55 
     56 .myAdList > .item .right {
     57  width: 150px;
     58  display: inline-block;
     59  vertical-align: middle;
     60  font-size: 14px;
     61  text-align: right;
     62 }
     63 
     64 .myAdList > .item .right > div {
     65  margin-bottom: 5px;
     66 }
     67 
     68 .myAdList > .item .right > .standardBtn {
     69  text-align: center;
     70  display: block;
     71  width: 100%;
     72  position: relative;
     73  margin: 10px 0 0;
     74  padding: 0;
     75 }