github.com/Azareal/Gosora@v0.0.0-20210729070923-553e66b59003/themes/tempra_simple/public/media.partial.css (about)

     1  @media(min-width: 881px) {
     2  	.shrink_main {
     3  		float: left;
     4  		/*width: calc(75% - 12px);*/
     5  	}
     6  	.sidebar {
     7  		float: left;
     8  		width: 25%;
     9  		margin-left: 12px;
    10  	}
    11  }
    12  
    13  @media (max-width: 880px) {
    14  	li {
    15  		height: 29px;
    16  		font-size: 15px;
    17  		padding-left: 9px;
    18  		padding-top: 6px;
    19  		padding-bottom: 6px;
    20  	}
    21  	ul {
    22  		height: 30px;
    23  		margin-top: 14px;
    24  	}
    25  	.menu_left, .menu_right { padding-right: 9px; }
    26  	.menu_alerts {
    27  		padding-left: 7px;
    28  		padding-right: 7px;
    29  		font-size: 18px;
    30  	}
    31  
    32  	body {
    33  		padding-left: 12px;
    34  		padding-right: 12px;
    35  		margin: 0px !important;
    36  		width: 100% !important;
    37  		height: 100% !important;
    38  		overflow-x: hidden;
    39  	}
    40  	.container { width: auto; }
    41  	.sidebar { display: none; }
    42  	.selectedAlert .alertList { top: 37px; right: 4px; }
    43  }
    44  
    45  @media (max-width: 680px) {
    46  	li {
    47  		padding-left: 5px;
    48  		padding-top: 3px;
    49  		padding-bottom: 2px;
    50  		height: 25px;
    51  	}
    52  	li a { font-size: 14px; }
    53  	ul { height: 26px; }
    54  	.menu_left, .menu_right { padding-right: 7px; }
    55  
    56  	.menu_alerts {
    57  		padding-left: 4px;
    58  		padding-right: 4px;
    59  		font-size: 16px;
    60  		padding-top: 1px;
    61  	}
    62  	.selectedAlert .alertList { top: 33px; }
    63  
    64  	.hide_on_mobile { display: none !important; }
    65  	.prev_button, .next_button { top: auto; bottom: 5px; }
    66  	.colstack_grid { grid-template-columns: none; grid-gap: 8px; }
    67  	.grid_istat { margin-bottom: 0px; }
    68  }
    69  
    70  @media(max-width: 550px) {
    71  	#poweredByDash, #poweredByMaker {
    72  		display: none;
    73  	}
    74  }
    75  
    76  @media (max-width: 500px) {
    77  	.topic_list .topic_row {
    78  		grid-template-columns: calc(100% - 194px) 194px;
    79  	}
    80  }
    81  
    82  @media (max-width: 470px) {
    83  	.menu_overview, .menu_profile { display: none; }
    84  	.selectedAlert .alertList {
    85  		width: 135px;
    86  		margin-bottom: 5px;
    87  	}
    88  	.selectedAlert.hasAvatars .alertList { width: calc(100% - 8px); }
    89  	.alertItem.withAvatar {
    90  		background-size: 36px;
    91  		text-align: right;
    92  		padding-left: 10px;
    93  		height: 46px;
    94  	}
    95  	.hasAvatars > .alertList > .alertItem.withAvatar {
    96  		background-size: 46px;
    97  		text-align: inherit;
    98  		padding-left: 56px;
    99  		height: 42px;
   100  	}
   101  	.alertItem { padding: 8px; }
   102  	.hasAvatars > .alertList > .alertItem { padding-top: 11px; }
   103  	.selectedAlert:not(.hasAvatars) > .alertList > .alertItem.withAvatar .text {
   104  		width: calc(100% - 20px);
   105  		height: 30px;
   106  		white-space: normal;
   107  	}
   108  	.selectedAlert:not(.hasAvatars) > .alertList > .alertItem .text {
   109  		font-size: 10px;
   110  		font-weight: bold;
   111  		margin-left: 0px;
   112  	}
   113  	.alertActive {
   114  		opacity: 0.7;
   115  	}
   116  
   117  	.hide_on_micro { display: none !important; }
   118  	.post_container { overflow: visible !important; }
   119  	.post_item:not(.action_item) {
   120  		background-position: 0px 2px !important;
   121  		background-size: 64px auto !important;
   122  		padding-left: 2px !important;
   123  		min-height: 96px;
   124  		position: relative !important;
   125  	}
   126  	.post_item > .user_content {
   127  		margin-left: 75px !important;
   128  		width: 100% !important;
   129  		min-height: 45px;
   130  	}
   131  	.post_item > .controls > .mod_button {
   132  		float: right !important;
   133  		margin-left: 2px !important;
   134  		margin-right: 3px;
   135  	}
   136  	.post_item > .controls > .mod_button > button {
   137  		opacity: 1;
   138  		padding-left: 3px;
   139  		padding-right: 3px;
   140  	}
   141  	.post_item > .controls > .real_username {
   142  		margin-top: 0px;
   143  		margin-right: 0px;
   144  		font-size: 15px;
   145  		color: black;
   146  		max-width: 61px;
   147  		text-overflow: ellipsis;
   148  	}
   149  	.post_item > .controls {
   150  		margin-top: 0px;
   151  		margin-left: 74px;
   152  		width: calc(100% - 74px);
   153  	}
   154  	.rowtopic {
   155  		font-size: 14px;
   156  	}
   157  	.container { width: 100% !important; }
   158  }
   159  
   160  @media(max-width: 390px) {
   161  	.topic_list .topic_row {
   162  		display: block;
   163  	}
   164  	.topic_row .topic_right {
   165  		display: none;
   166  	}
   167  }
   168  
   169  @media (max-width: 330px) {
   170  	li { padding-left: 6px; }
   171  	.menu_left { padding-right: 6px; }
   172  	.post_item > .controls > .real_username {
   173  		display: inline-block;
   174  		overflow: hidden;
   175  		margin-right: -3px;
   176  		text-overflow: clip;
   177  		max-width: 84px;
   178  	}
   179  	.post_item > .controls { margin-left: 72px; }
   180  	.top_post > .post_item > .controls > .real_username { max-width: 57px; }
   181  	.top_post > .post_item { padding-right: 4px; }
   182  }