static/css/theme_overrides.css

0001 /*!
0002  * SPDX-License-Identifier: MIT
0003  */
0004
0005 /* Start section description. */
0006 @media screen and (min-width: 450px){
0007     .toctile {
0008         display: flex; display: -webkit-flex;
0009         flex-flow: row wrap; -webkit-flex-flow: row wrap;
0010         justify-content: space-between; -webkit-justify-content: space-between;
0011         align-items: flex-start; -webkit-align-items: flex-start;
0012         align-content: flex-start; -webkit-align-content: flex-start;
0013         list-style-type: none;
0014         margin-bottom: 10px;
0015     }
0016     /* Dan Andreasson on Stack Overflow. */
0017     .toctile:after {
0018         content: "";
0019         flex: 1 0 33.3%; -webkit-flex: 1 0 33.3%;
0020         margin-left: 45px;
0021         align-self: stretch; -webkit-align-self: stretch;
0022     }
0023 }
0024 @media screen and (max-width: 450px) {
0025     .toctile {
0026         display: flex; display: -webkit-flex;
0027         flex-flow: column wrap; -webkit-flex-flow: column wrap;
0028         justify-content: space-between; -webkit-justify-content: space-between;
0029         align-items: flex-start; -webkit-align-items: flex-start;
0030         align-content: flex-start; -webkit-align-content: flex-start;
0031         list-style-type: none;
0032         margin-bottom: 10px;
0033     }
0034     .toctile:after {
0035         content: "";
0036         flex: none; -webkit-flex: none;
0037     }
0038 }
0039 .tile {
0040     flex: 2 0 33.3%; -webkit-flex: 2 0 33.3%;
0041     margin: 10px 15px;
0042     border-radius: .3em;
0043     user-select: none;
0044 }
0045 .tile div.figure,
0046 .tile figure {
0047     margin-bottom: 0px;
0048     display: block;
0049 }
0050 .tile img {
0051     border-top-left-radius: .3em;
0052     border-top-right-radius: .3em;
0053 }
0054 .tile dl {margin-bottom: 10px}
0055 .tile dl dt > a {
0056     display: block;
0057     width: 100%;
0058     margin-bottom: 10px;
0059 }
0060 .tile dl dt, .tile.no-descr p{
0061     font-weight: bold;
0062     font-style: normal;
0063     font-size: 1.3em;
0064 }
0065 .tile dl dt, .tile.no-descr p{padding: 18px 15px 0px!important}
0066 .tile dl dd{
0067     padding: 0px 15px;
0068     font-style: normal;
0069     margin: 0px;
0070     color: #808080;
0071     font-size: 90%;
0072 }
0073 .tile {
0074     box-shadow: rgba(0,0,0,0.05) 0px 1px 4px 0px,
0075                     rgba(211,216,223,0.33) 0px 15px 20px -1px;
0076 }
0077
0078 /*#getting-started .tile {
0079     box-shadow: none;
0080 }*/
0081 /* End section description. */
0082
0083 .clear-both {
0084     clear: both;
0085 }
0086 .clear-left {
0087     clear: left;
0088 }
0089 .clear-right {
0090     clear: right;
0091 }