\r
/* generals */\r
html {\r
- width: 320px;\r
+/* width: 320px;*/\r
margin-left: auto;\r
margin-right: auto;\r
+/* overflow-x:hidden;*/\r
}\r
\r
body {\r
background-repeat: repeat-x;\r
color: #505050;\r
margin: 0px;\r
+ overflow-x:hidden;\r
}\r
\r
div.container {\r
margin-bottom: 0px;\r
margin-left: auto;\r
margin-right: auto;\r
+ overflow-x:hidden;\r
}\r
\r
a, a:visited, a:link { color: #3465a4; text-decoration: none; }\r
\r
input {\r
border: 1px solid #666666;\r
- -moz-border-radius: 3px;\r
+/* -moz-border-radius: 3px;*/\r
-webkit-border-radius: 3px;\r
border-radius: 3px; \r
padding: 3px;\r
background: url(login-bg.gif) no-repeat;\r
background-position: 0 50%;\r
padding-left: 18px;\r
- width: 252px;\r
+ width: 212px;\r
margin-left: 20px;\r
}\r
.openid:hover {\r
width: 384px;\r
}*/\r
\r
+/*code {\r
+ font-family: Courier, monospace;\r
+ white-space: pre;\r
+ display: block;\r
+ overflow: auto;\r
+ border: 1px solid #444;\r
+ background: #EEE;\r
+ color: #444;\r
+ padding: 10px;\r
+ margin-top: 20px; \r
+}\r
+\r
+blockquote {\r
+ background-color: #f4f8f9;\r
+ border-left: 4px solid #dae4ee;\r
+ padding: 0.4em;\r
+ margin-left: 20px;\r
+ margin-right: 0px;\r
+ width: 260px;\r
+ overflow: hidden;\r
+}*/\r
+\r
code {\r
font-family: Courier, monospace;\r
white-space: pre;\r
#panel {\r
background-color: ivory;\r
position: absolute;\r
- z-index: 2;\r
+/* z-index: 2;*/\r
width: 30%;\r
padding: 25px;\r
border: 1px solid #444;\r
border-bottom: 0px;\r
background-color: #aec0d3;\r
color: #565854; \r
- -moz-border-radius: 3px 3px 0px 0px;\r
+/* -moz-border-radius: 3px 3px 0px 0px;*/\r
-webkit-border-radius: 3px 3px 0px 0px;\r
border-radius: 3px 3px 0px 0px; \r
}\r
right: 2px;\r
padding: 1px 2px;\r
border-radius: 4px;\r
- -moz-border-radius: 4px;\r
+/* -moz-border-radius: 4px;*/\r
-webkit-border-radius: 4px;\r
background-color: gold !important;\r
}\r
/* right: -33px;*/\r
padding: 1em 0px;\r
\r
- -moz-box-shadow: 3px 3px 5px #555;\r
+/* -moz-box-shadow: 3px 3px 5px #555;*/\r
-webkit-box-shadow: 3px 3px 5px #555;\r
box-shadow: 3px 3px 5px #555;\r
\r
- z-index: 10000;\r
+ z-index: 100;\r
}\r
\r
#network-menu-list {\r
+ width: 9em;\r
left: 3px;\r
}\r
\r
\r
\r
/* aside */\r
-aside {\r
-/* display: block;*/\r
- display: none;\r
+/*aside {\r
+ display: block;\r
min-height: 112px;\r
\r
width: 250px;\r
margin: 1em 0px 0px 0px;\r
\r
position: absolute;\r
-\r
-/* float:left;*/\r
-}\r
+}*/\r
\r
#dfrn-request-link {\r
display: block;\r
color: #FFFFFF;\r
-webkit-border-radius: 5px ;\r
- -moz-border-radius: 5px;\r
+/* -moz-border-radius: 5px;*/\r
border-radius: 5px;\r
padding: 5px;\r
font-weight: bold;\r
- background: #3465a4 url('friendika-16.png') no-repeat 95% center;\r
+ background: #3465a4 url('friendica-16.png') no-repeat 95% center;\r
}\r
#wallmessage-link {\r
display: block;\r
color: #FFFFFF;\r
-webkit-border-radius: 5px ;\r
- -moz-border-radius: 5px;\r
+/* -moz-border-radius: 5px;*/\r
border-radius: 5px;\r
padding: 5px;\r
font-weight: bold;\r
/* section */\r
div.section-wrapper {\r
/* width: 100%;*/\r
- width: 320px;\r
+/* width: 320px;\r
\r
margin-left: auto;\r
- margin-right: auto;\r
+ margin-right: auto;*/\r
+ margin-left: 0px;\r
\r
/*padding-right:2em;*/\r
\r
\r
min-height: 112px;\r
border-top: 1px solid #babdb6; \r
+ overflow-x:hidden;\r
}\r
\r
.tabs {\r
padding: 0.4em 2em;\r
border: 1px solid #aaa;\r
border-radius: 8px;\r
- -moz-border-radius: 8px;\r
+/* -moz-border-radius: 8px;*/\r
-webkit-border-radius: 8px;\r
}\r
.tab {\r
\r
/* footer */\r
footer {\r
- display: none;\r
-\r
+ text-align: center;\r
+ padding-bottom: 1em;\r
}\r
\r
.birthday-today, .event-today {\r
}\r
\r
#theme-preview {\r
- margin: 15px 0 15px 150px;\r
+ margin: 15px 0 15px 15px;\r
+}\r
+#theme-version {\r
+ display: block;\r
+ font-weight: bold;\r
+}\r
+#theme-credits {\r
+ margin-top: 15px;\r
+ margin-bottom: 15px;\r
}\r
\r
/* from default */\r
\r
#jot-title::-webkit-input-placeholder{font-weight: normal;}\r
#jot-category::-webkit-input-placeholder{font-weight: normal;}\r
-#jot-title:-moz-placeholder{font-weight: normal;}\r
-#jot-category:-moz-placeholder{font-weight: normal;}\r
+/*#jot-title:-moz-placeholder{font-weight: normal;}\r
+#jot-category:-moz-placeholder{font-weight: normal;}*/\r
\r
\r
#jot-title:hover,\r
\r
.group-selected, .nets-selected, .fileas-selected, .categories-selected {\r
padding: 3px;\r
- -moz-border-radius: 3px;\r
+/* -moz-border-radius: 3px;*/\r
-webkit-border-radius: 3px;\r
border-radius: 3px; \r
border: 1px solid #CCCCCC;\r
}\r
\r
.settings-widget .selected {\r
- padding: 3px;\r
+/* padding: 3px;\r
-moz-border-radius: 3px;\r
-webkit-border-radius: 3px;\r
border-radius: 3px; \r
- border: 1px solid #CCCCCC;\r
+ border: 1px solid #CCCCCC;*/\r
background: #F8F8F8;\r
font-weight: bold;\r
}\r
margin-top: 10px;\r
}\r
\r
-\r
+/*\r
#login_standard {\r
width: 210px;\r
float: left;\r
}\r
\r
#login-submit-button {\r
-/* margin-top: 10px; */\r
+ margin-top: 10px; \r
margin-left: 200px;\r
-}\r
+}*/\r
\r
\r
input#dfrn-url {\r
float: left;\r
- background: url(friendika-16.png) no-repeat;\r
+ background: url(friendica-16.png) no-repeat;\r
background-position: 2px center;\r
font-size: 17px;\r
padding-left: 21px;\r
margin-bottom: 20px;\r
}\r
\r
-.settings-widget ul {\r
+#id_theme,\r
+#id_mobile_theme {\r
+ width: 280px;\r
+}\r
+/*.settings-widget ul {\r
list-style-type: none;\r
padding: 0px;\r
}\r
.settings-widget li {\r
margin-left: 24px;\r
margin-bottom: 8px;\r
-}\r
+}*/\r
\r
\r
#gender-select, #marital-select, #sexual-select {\r
float: left;\r
}\r
\r
+#contacts-search-submit {\r
+ font-size: 18px;\r
+ padding: 5px 10px;\r
+}\r
+\r
#contacts-display-wrapper {\r
padding-left: 35px;\r
}\r
padding-left: 15px;\r
padding-right: 15px; \r
width: 95px;\r
- height: 170px;\r
+ height: 200px;\r
}\r
#contacts-search-end {\r
margin-bottom: 10px;\r
margin-top: 10px;\r
}\r
\r
+.toplevel_item {\r
+ margin-bottom: 60px;\r
+}\r
+\r
.wall-item-content-wrapper {\r
- margin-top: 60px;\r
padding-top: 30px;\r
border-top: 2px solid #AAAAAA;\r
position: relative;\r
border: 2px solid #AAAAAA;\r
border-radius: 10px;\r
-webkit-border-radius: 10px;\r
- -moz-border-radius: 10px;\r
+/* -moz-border-radius: 10px;*/\r
/* background: #EEEEEE;*/\r
}\r
\r
position: absolute;\r
left: 0px; top:110px;\r
display: none;\r
- z-index: 10000;\r
+/* z-index: 10000;*/\r
}\r
.wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }\r
.wall-item-photo-menu li a { display: block; padding: 2px; }\r
position: absolute;\r
left: 75px;\r
top: 80px;\r
- z-index: 100;\r
-}\r
-.wall-item-wrapper {\r
- margin-left:10px;\r
+/* z-index: 100;*/\r
}\r
.wall-item-lock {\r
margin-top: 30px;\r
}\r
\r
.wall-item-content img {\r
- max-width: 300px;\r
+ display: block;\r
+ margin-top: 10px;\r
+ margin-right: auto;\r
+ margin-left: auto;\r
+ max-width: 290px;\r
border-radius: 7px;\r
- -moz-border-radius: 7px;\r
+/* -moz-border-radius: 7px;*/\r
-webkit-border-radius: 7px;\r
}\r
\r
+.wall-item-content img.smiley {\r
+ display: inline;\r
+ margin: auto;\r
+ border-radius: 0;\r
+ -webkit-border-radius: 0;\r
+}\r
+\r
+.wall-item-content blockquote {\r
+ margin-left: 0px;\r
+ margin-right: 0px;\r
+}\r
+\r
+.comment .wall-item-content img {\r
+ max-width: 280px;\r
+}\r
+\r
+.comment .wall-item-content ul {\r
+ padding-left: 1.5em;\r
+}\r
+\r
+.divgrow-showmore {\r
+ display: block;\r
+ clear: both;\r
+ text-align: center;\r
+ outline: 0;\r
+ border-top: 1px dotted #888;\r
+}\r
\r
\r
.wall-item-title {\r
.wall-item-body {\r
text-align: justify;\r
float: left;\r
- width: 300px;\r
+ clear: left;\r
+/* width: 300px;*/\r
overflow: hidden;\r
margin-top: 10px;\r
+ padding-right: 1em;\r
line-height: 23px;\r
}\r
\r
+.wall-item-body iframe {\r
+ display: block;\r
+ clear: both;\r
+ margin-top: 1.5em;\r
+ margin-bottom: 1.5em;\r
+}\r
+\r
.wall-item-body code {\r
- overflow: auto;\r
+ overflow: hidden;\r
}\r
\r
.comment .wall-item-body {\r
margin-left: 5px;\r
- width: 280px;\r
+ padding-right: 0.5em;\r
+/* width: 280px;*/\r
}\r
\r
.wall-item-tools {\r
background-repeat: repeat-x;*/\r
padding: 5px 5px 0px;\r
height: 32px;\r
+\r
}\r
.wall-item-author {\r
/* margin-top: 10px;*/\r
border-bottom-right-radius: 10px;\r
} \r
\r
+\r
.comment-edit-wrapper {\r
margin-top: 15px;\r
background: #f3f3f3;\r
margin-right: 10px;\r
}\r
\r
+.comment-wwedit-wrapper.comment {\r
+ margin-left: 40px;\r
+ margin-right: 40px;\r
+ border-radius: 10px;\r
+}\r
+\r
+\r
.comment-edit-photo {\r
margin-top: 15px;\r
margin-left: 10px;\r
}\r
.comment-edit-text-empty, .comment-edit-text-full {\r
/* float: left;*/\r
- -moz-border-radius: 3px;\r
+/* -moz-border-radius: 3px;*/\r
-webkit-border-radius: 3px;\r
border-radius: 3px; \r
border: 1px solid #cccccc;\r
margin-left: 20px;\r
}\r
\r
+.comment .comment-edit-text-empty {\r
+ width: 120px;\r
+}\r
+.comment .comment-edit-text-full {\r
+ margin-left: 10px;\r
+ width: 210px;\r
+}\r
+\r
+\r
.comment-edit-text-end {\r
clear: both;\r
}\r
padding: 0.2em 1em;\r
border: 1px solid #aaa;\r
border-radius: 10px;\r
- -moz-border-radius: 10px;\r
+/* -moz-border-radius: 10px;*/\r
-webkit-border-radius: 10px;\r
}\r
\r
padding: 0.2em 1em;\r
border: 1px solid #aaa;\r
border-radius: 10px;\r
- -moz-border-radius: 10px;\r
+/* -moz-border-radius: 10px;*/\r
-webkit-border-radius: 10px;\r
}\r
\r
float: left;\r
border: 1px solid black;\r
border-radius: 7px;\r
- -moz-border-radius: 7px;\r
+/* -moz-border-radius: 7px;*/\r
-webkit-border-radius: 7px;\r
background: #FFCCCC;\r
font-size: 1.25em;\r
position: absolute;\r
left: -30px; top: 80px;\r
display: none;\r
- z-index: 10000;\r
- -moz-box-shadow: 3px 3px 5px #555;\r
+ z-index: 101;\r
+/* -moz-box-shadow: 3px 3px 5px #555;*/\r
-webkit-box-shadow: 3px 3px 5px #555;\r
box-shadow: 3px 3px 5px #555;\r
}\r
color:#cccccc;\r
border: 1px solid #cccccc;\r
padding: 3px 0px 0px 5px;\r
- -moz-border-radius: 3px;\r
+/* -moz-border-radius: 3px;*/\r
-webkit-border-radius: 3px;\r
border-radius: 3px; \r
}\r
background-repeat: no-repeat;\r
padding: 7px 5px 0px 30px;\r
-webkit-border-radius: 5px ;\r
- -moz-border-radius: 5px;\r
+/* -moz-border-radius: 5px;*/\r
border-radius: 5px;\r
color: #999999;\r
}\r
width: 120px;\r
height: 30px;\r
border: 1px solid #cccccc;\r
- -moz-border-radius: 4px;\r
+/* -moz-border-radius: 4px;*/\r
-webkit-border-radius: 4px;\r
border-radius: 4px;\r
margin-top: 5px;\r
background-repeat: no-repeat;\r
margin-right: 5px;\r
-webkit-border-radius: 2px ;\r
- -moz-border-radius: 2px;\r
+/* -moz-border-radius: 2px;*/\r
border-radius: 2px;\r
padding-left: 15px;\r
}\r
.mail-conv-detail {\r
margin-left: 20px;\r
margin-bottom: 10px;\r
- width: 270px;\r
+ /*width: 270px;*/\r
}\r
\r
.mail-conv-subject {\r
margin: 10px 0;\r
}\r
\r
+.mail-conv-body {\r
+ padding-top: 20px;\r
+ clear: both;\r
+}\r
+\r
.mail-conv-outside-wrapper-end {\r
clear: both;\r
}\r
\r
.mail-conv-delete-wrapper {\r
float: right;\r
+ padding-bottom: 0.5em;\r
margin-right: 5px;\r
margin-top: 15px;\r
}\r
margin-top: 5px;\r
}\r
#side-follow-submit, #side-peoplefind-submit {\r
- margin-top: 15px;\r
+ font-size: 18px;\r
+ padding: 5px 10px;\r
+ margin: 10px 0px 10px 10px;\r
}\r
\r
#side-match-link {\r
\r
.widget {\r
border: 1px solid #DDDDDD;\r
- padding: 8px;\r
+ padding: 18px;\r
margin-top: 5px;\r
- -moz-border-radius:5px;\r
+/* -moz-border-radius:5px;*/\r
-webkit-border-radius:5px;\r
border-radius:5px;\r
\r
.photo-top-image-wrapper img {\r
max-width: 290px;\r
border-radius: 10px;\r
- -moz-border-radius: 10px;\r
+/* -moz-border-radius: 10px;*/\r
-webkit-border-radius: 10px;\r
}\r
.photo-top-album-name {\r
margin-top: 15px;\r
border: 1px solid #aaa;\r
border-radius: 10px;\r
- -moz-border-radius: 10px;\r
+/* -moz-border-radius: 10px;*/\r
-webkit-border-radius: 10px;\r
}\r
\r
margin-left: 100px;\r
margin-bottom: 20px;\r
}\r
-.settings-submit, .profile-edit-submit-button {\r
+.settings-submit, .profile-edit-submit-button, .settings-features-submit {\r
padding: 0.25em 0.5em;\r
margin-bottom: 10px;\r
font-size: 18px;\r
margin-top: 10px;\r
}\r
\r
+.filesavetags, .categorytags {\r
+ display: block;\r
+ clear: left;\r
+}\r
+\r
.body-tag, .filesavetags, .categorytags {\r
opacity: 0.5;\r
filter:alpha(opacity=50);\r
margin-bottom: 10px;\r
padding-bottom: 10px;\r
overflow: auto;\r
- width: 100%\r
+/* width: 100%*/\r
}\r
\r
.field label {\r
\r
.field input,\r
.field textarea {\r
- width: 270px;\r
+ width: 230px;\r
margin-left: 20px;\r
}\r
+.field input[type=checkbox],\r
+.field input[type=radio] {\r
+ width: auto;\r
+}\r
.field textarea { height: 100px; }\r
.field_help {\r
display: block;\r
margin-left: 20px;\r
color: #666666;\r
- \r
+ clear: left;\r
}\r
\r
\r
+\r
.field .onoff {\r
float: left;\r
width: 80px;\r
text-decoration: none;\r
}\r
.field .onoff .off {\r
+\r
border-color:#666666;\r
padding-left: 40px;\r
background-position: left center;\r
}\r
.hidden { display: none!important; }\r
\r
-.field.radio .field_help { clear: left; margin-left: 20px; }\r
+.field.radio .field_help { margin-left: 20px; }\r
\r
/**\r
* ADMIN\r
background-image: url('images/globe.png');\r
background-repeat: no-repeat;\r
}\r
-.noglobe { background-position: -16px -16px;}\r
+/*.noglobe { background-position: -16px -16px;}*/\r
+.icon.noglobe {\r
+ display: block; width: 24px; height: 24px;\r
+ background-size: 100% 100%;\r
+ background-image: url('images/noglobe.png');\r
+ background-repeat: no-repeat;\r
+}\r
.no { background-position: -32px -16px;}\r
.pause { background-position: -48px -16px;}\r
.play { background-position: -64px -16px;}\r
background-size: 100% 100%;\r
background-image: url('images/star.png');\r
background-repeat: no-repeat;\r
+\r
opacity: 0.5;\r
}\r
/*.tagged { background-position: -48px -48px; }*/\r
max-height:150px;\r
background-color:#ffffff;\r
overflow:auto;\r
- z-index:100000;\r
+ z-index:102;\r
border:1px solid #cccccc;\r
}\r
.acpopupitem {\r
background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;\r
color: #ffffff;\r
padding-left: 58px;\r
+ margin: 0px;\r
}\r
div.jGrowl div.info {\r
background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;\r
color: #ffffff;\r
padding-left: 58px;\r
+ margin: 0px;\r
}\r
#jGrowl.top-right {\r
top: 15px;\r
- right: 15px;\r
+ right: 10px;\r
}\r
.qcomment {\r
border: 1px solid #EEE;\r
display: none;\r
width: 10em;\r
margin: 0px;\r
- padding: 0px;\r
+ padding: 0px 0.3em;\r
list-style: none;\r
- z-index: 100000;\r
- right: -55px;\r
+ right: -60px;\r
}\r
#nav-notifications-menu {\r
width: 300px;\r
/* max-height: 400px;*/\r
height: auto;\r
- overflow-y: scroll;overflow-style:scrollbar;\r
+/* overflow-y: scroll;overflow-style:scrollbar;*/\r
background-color:#FFFFFF;\r
- -moz-border-radius: 5px;\r
+/* -moz-border-radius: 5px;*/\r
-webkit-border-radius: 5px;\r
border-radius:5px;\r
border: 1px solid #AAA;\r
- -moz-box-shadow: 3px 3px 5px #555;\r
+/* -moz-box-shadow: 3px 3px 5px #555;*/\r
-webkit-box-shadow: 3px 3px 5px #555;\r
box-shadow: 3px 3px 5px #555;\r
+/* z-index: 103;*/\r
}\r
#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }\r
#nav-notifications-menu img { float: left; margin-right: 5px; }\r
width: 130px;\r
}\r
\r
-@media only screen and (min-device-width: 768px)\r
-and (max-device-width: 1024px)\r
+/*@media only screen and (min-device-width: 768px)\r
+and (max-device-width: 1024px)*/\r
+/*@media only screen and (min-device-width: 768px)\r
{\r
html {\r
width:700px\r
.comment .wall-item-body {\r
width:650px;\r
}\r
-}
\ No newline at end of file
+}*/\r
+\r
+/*@media only screen and (min-device-width: 768px)\r
+{\r
+ .wall-item-body code {\r
+ width: 700px;\r
+ }\r
+\r
+ .comment .wall-item-body blockquote {\r
+ margin-left: 20px;\r
+ width: 680px;\r
+ }\r
+ blockquote {\r
+ width: 700px;\r
+ }\r
+\r
+}*/\r
+\r