/* ############## CSS Experiments (active) ############## */
-/* what is that? */
-.wcfDimensions {
- display: inline-block;
-}
-
-
-
-
-
-/* ToDo: User Panel
-
-this is taken from "userPanel.tpl" (inline-css)
-will change soon!
-
- CSS should be moved to a user css-file, whereas many parts may be left out except for the following ones:
- - [.scrollableContainer] Don't touch!
- - [.scrollableItems] Keep the inflated width, you may lower its number but it must be incredible bloated
- - [.scrollableItems > div] Must be a fixed-width float, otherwise it would break the scrollable class
- from jQueryTools. Do NOT use css-tables or [display: inline-block] as it won't work with the whole magic
-
-*/
-
-/* ToDo: User Notifications */
-
-.userNotificationContainer {
- width: 240px;
- z-index: 510; /* adjust to any value you like, it *MUST* be higher than 'header.pageHeader nav.topMenu' */
- overflow: hidden;
-}
-
-/* ToDo: Scrollable Container */
-
-.scrollableContainer {
- position: relative;
- width: 250px;
- overflow: hidden;
-}
-
-.scrollableContainer .scrollableItems {
- position: relative;
- width: 20000em;
-}
-
-.scrollableContainer .scrollableItems > div {
- border-right: 1px solid rgba(192, 192, 192, 1);
- float: left;
- width: 250px;
-}
-
-.scrollableContainer {
- font-size: 90%;
-}
-
-.scrollableContainer > div:first-child ul {
- margin: 0;
- padding: 0;
-}
-
-.scrollableContainer > div:first-child li {
- border-top: 1px solid rgba(192, 192, 192, 1);
- cursor: pointer;
- padding: 7px;
-}
-
-.scrollableContainer > div:first-child li:first-child {
- border-top-width: 0;
-}
-
-.scrollableContainer > div:first-child p {
- padding: 0 1px;
-}
-
-/* ToDo: User Notification Details */
-.userNotificationDetails {
- padding: 7px;
- width: 236px;
-}
-
-.userNotificationDetails header {
- margin-bottom: 7px;
- display: table;
- width: 100%;
-}
-
-.userNotificationDetails .row {
- display: table-row;
-}
-
-.userNotificationDetails .row div {
- text-align: center;
- display: table-cell;
- vertical-align: middle;
-}
-
-.userNotificationDetails .row div:first-child {
- width: 64px;
-}
-
-.userNotificationDetails .row div:last-child {
- padding-left: 7px;
-}
-.userNotificationDetails .avatar img {
- height: 64px;
- width: 64px;
-}
-
-.userNotificationDetails h1 {
- font-size: 110%;
-}
-.userNotificationDetails section {
- border-top: 1px solid rgba(192, 192, 192, 1);
- padding-top: 7px;
-}
-.userNotificationDetails nav {
- text-align: center;
- border-top: 1px solid rgba(192, 192, 192, 1);
- margin-top: 7px;
- padding-top: 7px;
-}
-
-.userNotificationDetails ul {
- list-style-type: none;
- display: inline-block;
-}
-
-.userNotificationDetails li {
- cursor: pointer;
- border: 1px solid rgba(192, 192, 192, 1) !important;
- padding: 3px;
+/* what is that? */
+.wcfDimensions {
display: inline-block;
}
-#userNotificationDetailsLoading {
- background-color: rgba(255, 255, 255, .5);
- background-image: url('{@RELATIVE_WCF_DIR}icon/spinner1.svg');
- background-position: center center;
- background-size: 24px;
- background-repeat: no-repeat;
- position: absolute;
-}
-
-
-
-
-
-