github.com/EngineerKamesh/gofullstack@v0.0.0-20180609171605-d41341d7d4ee/volume2/section6/gopherfaceauth/static/css/gopherface.css (about)

     1  body {
     2  
     3  	font-family: arial, helvetica;
     4  	margin-left: 18px;
     5  
     6  }
     7  
     8  body p {
     9  	font-size: 16pt;
    10  }
    11  
    12  h1 {
    13  	font-size: 1.8em;
    14  }
    15  .smpostContainer {
    16  
    17  	border: 1px solid #CCC;
    18  	width: 540px;
    19  	min-height: 108px;
    20  	padding: 18px;
    21  	box-shadow: 1px 1px 3px #888;
    22  }
    23  
    24  .smpostFormContainer {
    25  	width: 720px;
    26  }
    27  
    28  .uploadFormContainer {
    29  	width: 720px;
    30  }
    31  
    32  #messageBody {
    33  	min-height: 207px;
    34  }
    35  
    36  .author {
    37  
    38  
    39  }
    40  
    41  .caption {
    42  
    43  	font-weight: bold;
    44  	font-size: 18pt;
    45  }
    46  
    47  .caption a {
    48  	text-decoration: none;
    49  }
    50  
    51  .creationtime {
    52  
    53  }
    54  
    55  .createdby {
    56  	color: blue;
    57  }
    58  
    59  .imagePreview {
    60  	text-align: center;
    61  	margin-top: 18px;
    62  }
    63  
    64  .msgBody {
    65  	margin-top: 27px;
    66  
    67  }
    68  
    69  /* pure overrides */
    70  .pure-form-message-inline {
    71  	color: red !important;
    72  }
    73  
    74  .pure-control-group label, label{
    75  	color: gray;
    76  	font-weight: bold;
    77  	font-size: 0.93em;
    78  }
    79  
    80  .imageContainer {
    81  
    82  	display: inline;
    83  	margin-right: 27px;
    84  }
    85  
    86  .videoContainer {
    87  	display: inline;
    88  }
    89  
    90  
    91  
    92  
    93  ul {
    94      list-style-type: none;
    95      margin: 0;
    96      padding: 0;
    97      overflow: hidden;
    98      background-color: rgb(0,117,183);
    99  	margin-left: -18px;
   100  }
   101  
   102  li {
   103      float: left;
   104      border-right:1px solid #bbb;
   105  }
   106  
   107  li:last-child {
   108  	float: right;
   109  }
   110  
   111  li a {
   112  	font-size: 1.2em;
   113      display: block;
   114      color: white;
   115      text-align: center;
   116      padding: 14px 16px;
   117      text-decoration: none;
   118  }
   119  
   120  li a:hover:not(.active) {
   121      background-color: rgb(0,76,142)
   122  
   123  }
   124  
   125  .active {
   126      background-color: #4CAF50;
   127  }
   128  
   129  #sitelogo {
   130  font-size: 3.6em;
   131  font-family: 'Lobster', serif;
   132  color: rgb(4,147,227);
   133  margin-bottom: 18px;
   134  /*
   135  text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
   136  */
   137  }