portfolio.css

   1 .title-head{
   2         padding: 1% 2%;
   3 }
   4
   5 .main-container{
   6         margin:1% 3%;border:1px solid rgb(250,250,250);background-color:white;padding:20px
   7 }
   8
   9 .toolset-card{
  10         width:17em;float:left;
  11 }
  12
  13 .menu-header{
  14         transition: background-color .2s ease;padding:1em;
  15         background-color:rgb(250,250,250);text-align:center;
  16         border: rgb(240,240,240) 1px solid;
  17         border-radius: 10px;
  18
  19 }
  20 .menu-header:hover{
  21         transition: background-color .2s ease;background-color:rgba(216,225,231,1);
  22         border-radius: 10px;
  23 }
  24 .menu-item{
  25         transition: background-color .2s ease;padding:1em;
  26         background-color:white;float:left;
  27         border-radius: 10px;
  28         z-index:1
  29 }
  30
  31 .menu-item:hover{
  32         transition: background-color .2s ease;background-color:rgba(226,226,226,1)
  33 }
  34
  35 .dropdown-portfolio{
  36         position:absolute
  37 }
  38
  39 .nav-bar-portfolio{
  40         margin-top:0em;
  41         padding-top:0em;
  42 }
  43 .nav-bar-portfolio a:hover{
  44         text-decoration:none;
  45 }
  46 .nav-bar-portfolio a{
  47         text-decoration:none;
  48         font-family:verdana;
  49         font-size:1.1em;
  50 }
  51
  52 .nav-bar-portfolio > span{
  53         float:left;
  54         cursor:pointer;
  55 }
  56
  57 .cards-container {
  58         margin:  0.7em 0em;
  59 }
  60
  61 .portfolio-card-container{
  62         margin:1em
  63 }
  64
  65 .portfolio-card-holder{
  66         width:30em;
  67         float:left;
  68         margin:0.5em 0.25em;
  69         display:flex;
  70         flex-direction:column;
  71         justify-content: flex-start;
  72
  73 }
  74
  75 .portfolio-card-title{
  76         text-align:center;
  77         flex:0 1 auto;
  78 }
  79
  80 .portfolio-card-box{
  81         flex:1 0 auto;
  82         justify-content: stretch;
  83         padding: 0 0.3em;
  84           display: flex;
  85           flex-direction:column;
  86 }
  87
  88 .portfolio-card-subtitle{
  89         padding:0.5em 0.5em 0;
  90         flex:0 1 auto;
  91
  92 }
  93
  94 .portfolio-card-img-container{
  95         flex:0 1 auto;
  96                 padding:0.5em;
  97 }
  98
  99 .portfolio-card-img{
 100         padding:1em
 101 }
 102
 103 .portfolio-card-contents{
 104         flex:1 1 100%;
 105 }
 106
 107 .portfolio-card-categories{
 108         border-top:1px solid rgb(190,190,190);
 109         flex:0 0 7%;
 110 }