github.com/qiuhoude/go-web@v0.0.0-20220223060959-ab545e78f20d/blogweb_gin/static/css/blogsheet.css (about)

     1  
     2  #main{
     3      /*background-color: #8bc34a;*/
     4      margin: 100px 50px 50px 50px;
     5  
     6  }
     7  .error{
     8      color: red;
     9  }
    10  a{
    11      color: black;
    12      text-decoration: none;
    13  }
    14  a:hover{
    15      color: #666;
    16  }
    17  body{
    18      margin: 0px;
    19  }
    20  
    21  
    22  .global-color{
    23      color: #72BCB5;
    24  }
    25  
    26  /*导航-------------------------------------------------------------------------------------------------------*/
    27  #nav{
    28      display: flex;
    29      justify-content: space-between;
    30      background-color: #72BCB5;
    31      position: fixed;
    32      top: 0px;
    33      left: 0px;
    34      right: 0px;
    35  }
    36  #nav li{
    37      display: inline-block;
    38      margin: 10px 2px;
    39  }
    40  #nav ul{
    41      padding: 0px;
    42  }
    43  #nav a{
    44      padding: 10px;
    45      font-size: 24px;
    46  }
    47  #nav-write-article{
    48      margin-left: 20px;
    49  }
    50  #nav-login{
    51      margin-right: 20px;
    52  }
    53  
    54  
    55  /*首页 block-------------------------------------------------------------------------------------------------------*/
    56  #home-block-item>h2{
    57      margin-top: 30px;
    58      margin-bottom: 5px;
    59  }
    60  #home-block-item>p{
    61      margin: 5px 0px;
    62  }
    63  .home-block-item-udpate{
    64      text-align: right;
    65  }
    66  .home-block-item-udpate>a{
    67      background-color: #72BCB5;
    68      padding: 5px 20px;
    69      border-radius: 10px;
    70      margin-top: 5px;
    71      margin-left: 10px;
    72      display: inline-block;
    73  }
    74  
    75  /*首页 footer-------------------------------------------------------------------------------------------------------*/
    76  #home-footer{
    77      text-align: center;
    78      margin: 50px 0px 80px 0px;
    79  }
    80  .disable{
    81      color: #888;
    82  }
    83  
    84  /*写入文章-------------------------------------------------------------------------------------------------------*/
    85  #write-art-form{
    86  }
    87  
    88  #write-art-form>input,#write-art-form>textarea{
    89      width: 100%;
    90      padding: 10px;
    91  }
    92  
    93  #write-art-form>textarea{
    94      display: inline-block;
    95  }
    96  
    97  #content{
    98      height: 400px;
    99  }
   100  
   101  #write-art-form>div{
   102      margin: 10px 0px;
   103  }
   104  
   105  /*标签列表------------------------------------------------------------------------------------------------------*/
   106  
   107  #tags-list>div{
   108      margin: 10px 0px;
   109  }
   110  #tags-list a{
   111      font-size: 20px;
   112  }
   113  
   114  /*相册------------------------------------------------------------------------------------------------------*/
   115  
   116  #album-box{
   117      margin: 0px auto;
   118      width: 844px;
   119      height: 1000px;
   120      font-size: 0px;
   121  }
   122  .album-item{
   123      border: 1px solid #72BCB5;
   124      display: inline-block;
   125      width: 400px;
   126      height: 450px;
   127      margin: 10px 10px;
   128      /*background-repeat: no-repeat;*/
   129      background-size: cover;
   130  }
   131  
   132  /*关于我--------------*/
   133  #aboutme{
   134      margin: 60px auto;
   135      width: 900px;
   136      height: 640px;
   137      font-size: 0px;
   138      /*position: relative;*/
   139  }
   140  
   141  
   142  #myt{
   143      display: inline-block;
   144      position: absolute;
   145      left: 800px;
   146      top: 360px;
   147  }
   148  .myp{
   149      color: #333333;
   150      font-size: 30px;
   151  
   152  }