1 aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab,
7 width: calc(100% - 105px);
11 /* left: calc((100% - (784px)) / 2); */
13 width: calc(100% - 20px);
18 body, section, nav .nav-menu, div.pager, ul.tabs {
22 .wall-item-container .wall-item-ago, .wall-item-network,.type-link blockquote, .type-video blockquote {
30 .wall-item-container .wall-item-content {
33 text-overflow: ellipsis;
34 /* margin-left: -70px;
43 .wall-item-container .wall-item-content img,
44 .children .wall-item-container .wall-item-item .wall-item-content img,
45 .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
49 @media screen and (max-width: 800px) {
50 .wall-item-container .wall-item-content img,
51 .children .wall-item-container .wall-item-item .wall-item-content img,
52 .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
57 @media screen and (max-width: 600px) {
58 .wall-item-container .wall-item-content img,
59 .children .wall-item-container .wall-item-item .wall-item-content img,
60 .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
63 a.desktop-view { display: none; }
64 a.mobile-view { display: initial; }
65 #nav-apps-link { display: none; }
68 @media screen and (max-width: 480px) {
69 .wall-item-container .wall-item-content img,
70 .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
73 /* fix img width in threaded view - maybe there exists a better possibility to do this
74 maybe this needs also to be done for tablet view*/
75 .children .wall-item-container .wall-item-item .wall-item-content img {
82 /* the top-nav notfication menu
83 Note: the device needs a min display width of 320px */
84 #nav-notifications-menu {
89 .wall-item-container.thread_level_2,
90 .wall-item-container.thread_level_3,
91 .wall-item-container.thread_level_4,
92 .wall-item-container.thread_level_5,
93 .wall-item-container.thread_level_6,
94 .wall-item-container.thread_level_7 {
96 width: calc(100% - 70px);
99 .wall-item-container.thread_level_2 .wall-item-content,
100 .wall-item-container.thread_level_3 .wall-item-content,
101 .wall-item-container.thread_level_4 .wall-item-content,
102 .wall-item-container.thread_level_5 .wall-item-content,
103 .wall-item-container.thread_level_6 .wall-item-content,
104 .wall-item-container.thread_level_7 .wall-item-content {
109 .mobile-aside-toggle {
110 display: block !important;
112 .mobile-aside-toggle a {
116 .mobile-aside-toggle a i {
127 -webkit-transition: left 0.5s;
128 -moz-transition: left 0.5s;
129 -o-transition: left 0.5s;
130 transition: left 0.5s;
138 .tabs { position: relative; height: 25px!important; }
139 .tabs li { width: 100%; }
140 .tabs .tab { display: none;}
141 .tabs .tab.active { display: block; }
143 font-family: FontAwesome;
148 left: 0; right:0; top: 0; bottom: 0;
149 padding: 8px 2px 0 0;
159 height: auto !important;
160 border: 1px solid #ccc;
162 .tabs.show::after { display: none; }
163 .tabs.show .tab { display: block; }