Start moving CSS into mods

This commit is contained in:
Thomas Willingham 2012-12-12 18:45:50 +00:00
parent 7737382378
commit 84ea78ee16
6 changed files with 474 additions and 459 deletions

View File

@ -0,0 +1,62 @@
/**
* ADMIN
*/
#pending-update {
float:right;
color: #ffffff;
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
}
#adminpage dl {
clear: left;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid black;
}
#adminpage dt {
width: 200px;
float: left;
font-weight: bold;
}
#adminpage dd {
margin-left: 200px;
}
#adminpage h3 {
border-bottom: 1px solid #cccccc;
}
#adminpage .field label {
font-weight: bold;
}
#adminpage .submit {
clear:left;
text-align: right;
}
#adminpage #pluginslist {
margin: 0px; padding: 0px;
}
#adminpage .plugin {
list-style: none;
display: block;
border: 1px solid #888888;
padding: 1em;
margin-bottom: 5px;
clear: left;
}
#adminpage .plugin .desc { margin-left: 2.5em;}
#adminpage .toggleplugin {
float:left;
margin-right: 1em;
}
#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
#adminpage td .icon { float: left;}
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #bbc7d7; }
#adminpage .selectall { text-align: right; }

View File

@ -0,0 +1,36 @@
/* TODO - FRed only just got a directory. These are probably all wrong. For now, just make style.css smaller, discover what we do and don't need later */
.directory-end {
clear: both;
}
.directory-name {
text-align: center;
}
.directory-photo {
margin-left: 25px;
}
.directory-details {
font-size: 0.7em;
text-align: center;
margin-left: 5px;
margin-right: 5px;
}
.directory-item {
float: left;
width: 225px;
height: 260px;
overflow: auto;
}
#directory-search-wrapper {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 50px;
}
#directory-search-end {
}
.directory-photo-img {
border: none;
}

View File

@ -1 +1,78 @@
/*
*a.mail-list-link:hover {
* background-color: #15607B;
* color: #F5F6FB;
*}
*/
.mail-list-outside-wrapper-end {
clear: both;
}
.mail-list-outside-wrapper {
margin-top: 30px;
}
.mail-list-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-list-delete-icon {
border: none;
}
.mail-conv-sender,
.mail-conv-detail {
float: left;
}
.mail-conv-detail {
margin-left: 20px;
width: 500px;
}
.mail-conv-subject {
font-size: 1.4em;
margin: 10px 0;
}
.mail-conv-outside-wrapper-end {
clear: both;
}
.mail-conv-outside-wrapper {
margin-top: 30px;
}
.mail-conv-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-conv-break {
clear: both;
}
.mail-conv-delete-icon {
border: none;
}
.message-links ul {
list-style-type: none;
padding: 0px;
}
.message-links li {
margin-top: 10px;
float: left;
}
.message-links a {
padding: 3px 5px;
}
.message-links-end {
clear: both;
}

View File

@ -0,0 +1,256 @@
/*TODO - there appears to be significant redundancy here */
.photo {
border: 1px solid #AAAAAA;
}
.photo-top-photo, .photo-album-photo {
padding: 10px;
max-width: 300px;
border: 1px solid #888888;
}
.rotleft1 {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
}
.rotleft2 {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}
.rotleft3 {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
}
.rotleft4 {
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
}
.rotright1 {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
}
.rotright2 {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
}
.rotright3 {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
}
.rotright4 {
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform: rotate(4deg);
}
/*.photos {
height: auto;
overflow: auto;
}*/
.photos-end {
clear: both;
margin-bottom: 25px;
}
.photo-album-image-wrapper {
float: left;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
/* width: 200px; height: 200px;
overflow: hidden;
position: relative; */
}
.photo-album-image-wrapper .caption {
display: none;
width: 100%;
/* position: absolute; */
bottom: 0px;
padding: 0.5em 0.5em 0px 0.5em;
background-color: rgba(245, 245, 255, 0.8);
border-bottom: 2px solid #CCC;
margin: 0px;
}
.photo-album-image-wrapper a:hover .caption {
display:block;
}
#photo-album-end {
clear: both;
margin-bottom: 25px;
}
.photo-top-image-wrapper {
/* position: relative; */
float: left;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
/* width: 200px; height: 200px;
overflow: hidden; */
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
/* position: absolute; */
bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}
#photo-top-end {
clear: both;
}
#photo-top-links {
margin-bottom: 30px;
margin-left: 30px;
}
#photos-upload-newalbum-div {
float: left;
width: 175px;
}
#photos-upload-noshare {
margin-bottom: 10px;
}
#photos-upload-existing-album-text {
float: left;
width: 175px;
}
#photos-upload-newalbum {
float: left;
}
#photos-upload-album-select {
float: left;
}
#photos-upload-spacer {
margin-top: 25px;
}
#photos-upload-new-end, #photos-upload-exist-end {
clear: both;
}
#photos-upload-exist-end {
margin-bottom: 15px;
}
#photos-upload-submit {
margin-top: 15px;
}
#photos_upload_applet_wrapper {
margin-bottom: 15px;
}
#photos-upload-no-java-message {
margin-bottom: 15px;
}
#photos-upload-select-files-text {
margin-top: 15px;
margin-bottom: 15px;
}
#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
color: #8888FF;
text-decoration: none;
cursor: pointer;
}
#photos-upload-perms-menu:hover {
color: #0000FF;
text-decoration: underline;
cursor: pointer;
}
#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, #photo-edit-rotate-label {
float: left;
width: 150px;
}
#photo-edit-perms-end {
margin-bottom: 15px;
}
#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate {
float: left;
margin-bottom: 25px;
}
#photo-edit-link-wrap {
margin-bottom: 15px;
}
#photo-like-div {
margin-bottom: 25px;
}
#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
clear: both;
}
#photo-edit-rotate-end {
margin-bottom: 15px;
}
#photo-edit-delete-button {
margin-left: 200px;
}
#photo-edit-end {
margin-bottom: 35px;
}
#photo-caption {
font-size: 110%;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}
#in-this-photo-text {
color: #0000FF;
margin-left: 30px;
}
#in-this-photo {
margin-left: 60px;
margin-top: 10px;
margin-bottom: 20px;
}
#photo-album-edit-submit, #photo-album-edit-drop {
margin-top: 15px;
margin-bottom: 15px;
}
#photo-album-edit-drop {
margin-left: 200px;
}

View File

@ -1 +1,41 @@
/*TODO - we don't actually want all of this, and we do want some new bits. For now, just make style.css smaller, we'll clean it up later */
#register-fill-ext {
margin-bottom: 25px;
}
#label-register-name, #label-register-nickname, #label-register-openid {
float: left;
width: 350px;
margin-top: 10px;
}
#register-name, #register-nickname {
float: left;
margin-top: 10px;
width: 150px;
}
#register-openid {
float: left;
margin-top: 10px;
width: 130px;
}
#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
clear: both;
}
#register-nickname-desc {
margin-top: 30px;
width: 650px;
}
#register-sitename {
float: left;
margin-top: 10px;
}
#register-submit-button {
margin-top: 10px;
}

View File

@ -405,44 +405,6 @@ div.wall-item-content-wrapper.shiny {
margin-bottom: 10px;
}
#register-fill-ext {
margin-bottom: 25px;
}
#label-register-name, #label-register-nickname, #label-register-openid {
float: left;
width: 350px;
margin-top: 10px;
}
#register-name, #register-nickname {
float: left;
margin-top: 10px;
width: 150px;
}
#register-openid {
float: left;
margin-top: 10px;
width: 130px;
}
#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
clear: both;
}
#register-nickname-desc {
margin-top: 30px;
width: 650px;
}
#register-sitename {
float: left;
margin-top: 10px;
}
#register-submit-button {
margin-top: 10px;
}
#main-login {
margin-left: 100px;
@ -497,6 +459,8 @@ div.wall-item-content-wrapper.shiny {
}
/* TODO - we don't use DFRN anymore. These probably have different names now. Check and clean up later */
input#dfrn-url {
float: left;
background: url(../img/friendika-16.png) no-repeat;
@ -1433,42 +1397,6 @@ width: 90%;
}
.directory-end {
clear: both;
}
.directory-name {
text-align: center;
}
.directory-photo {
margin-left: 25px;
}
.directory-details {
font-size: 0.7em;
text-align: center;
margin-left: 5px;
margin-right: 5px;
}
.directory-item {
float: left;
width: 225px;
height: 260px;
overflow: auto;
}
#directory-search-wrapper {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 50px;
}
#directory-search-end {
}
.directory-photo-img {
border: none;
}
.pager {
padding: 10px;
text-align: center;
@ -1839,72 +1767,6 @@ tr.mceLast {
}
.photo {
border: 1px solid #AAAAAA;
}
.photo-top-photo, .photo-album-photo {
padding: 10px;
max-width: 300px;
border: 1px solid #888888;
}
.rotleft1 {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
}
.rotleft2 {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}
.rotleft3 {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
}
.rotleft4 {
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
}
.rotright1 {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
}
.rotright2 {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
}
.rotright3 {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
}
.rotright4 {
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform: rotate(4deg);
}
@ -2098,82 +1960,7 @@ a.mail-list-link {
padding: 4px 0;
}
/*
*a.mail-list-link:hover {
* background-color: #15607B;
* color: #F5F6FB;
*}
*/
.mail-list-outside-wrapper-end {
clear: both;
}
.mail-list-outside-wrapper {
margin-top: 30px;
}
.mail-list-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-list-delete-icon {
border: none;
}
.mail-conv-sender,
.mail-conv-detail {
float: left;
}
.mail-conv-detail {
margin-left: 20px;
width: 500px;
}
.mail-conv-subject {
font-size: 1.4em;
margin: 10px 0;
}
.mail-conv-outside-wrapper-end {
clear: both;
}
.mail-conv-outside-wrapper {
margin-top: 30px;
}
.mail-conv-delete-wrapper {
float: right;
margin-right: 30px;
margin-top: 15px;
}
.mail-conv-break {
clear: both;
}
.mail-conv-delete-icon {
border: none;
}
.message-links ul {
list-style-type: none;
padding: 0px;
}
.message-links li {
margin-top: 10px;
float: left;
}
.message-links a {
padding: 3px 5px;
}
.message-links-end {
clear: both;
}
#sidebar-group-list ul {
list-style-type: none;
@ -2259,112 +2046,6 @@ aside input[type='text'] {
}
/*.photos {
height: auto;
overflow: auto;
}*/
.photos-end {
clear: both;
margin-bottom: 25px;
}
.photo-album-image-wrapper {
float: left;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
/* width: 200px; height: 200px;
overflow: hidden;
position: relative; */
}
.photo-album-image-wrapper .caption {
display: none;
width: 100%;
/* position: absolute; */
bottom: 0px;
padding: 0.5em 0.5em 0px 0.5em;
background-color: rgba(245, 245, 255, 0.8);
border-bottom: 2px solid #CCC;
margin: 0px;
}
.photo-album-image-wrapper a:hover .caption {
display:block;
}
#photo-album-end {
clear: both;
margin-bottom: 25px;
}
.photo-top-image-wrapper {
/* position: relative; */
float: left;
margin-top: 15px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
/* width: 200px; height: 200px;
overflow: hidden; */
}
.photo-top-album-name {
width: 100%;
min-height: 2em;
/* position: absolute; */
bottom: 0px;
padding: 0px 3px;
padding-top: 0.5em;
background-color: rgb(255, 255, 255);
}
#photo-top-end {
clear: both;
}
#photo-top-links {
margin-bottom: 30px;
margin-left: 30px;
}
#photos-upload-newalbum-div {
float: left;
width: 175px;
}
#photos-upload-noshare {
margin-bottom: 10px;
}
#photos-upload-existing-album-text {
float: left;
width: 175px;
}
#photos-upload-newalbum {
float: left;
}
#photos-upload-album-select {
float: left;
}
#photos-upload-spacer {
margin-top: 25px;
}
#photos-upload-new-end, #photos-upload-exist-end {
clear: both;
}
#photos-upload-exist-end {
margin-bottom: 15px;
}
#photos-upload-submit {
margin-top: 15px;
}
#photos_upload_applet_wrapper {
margin-bottom: 15px;
}
#photos-upload-no-java-message {
margin-bottom: 15px;
}
#profile-jot-desc {
/*float: left;*/
width: 480px;
@ -2393,22 +2074,6 @@ aside input[type='text'] {
/* clear: both; */
}
#photos-upload-select-files-text {
margin-top: 15px;
margin-bottom: 15px;
}
#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
color: #8888FF;
text-decoration: none;
cursor: pointer;
}
#photos-upload-perms-menu:hover {
color: #0000FF;
text-decoration: underline;
cursor: pointer;
}
#settings-default-perms-menu {
@ -2416,66 +2081,6 @@ aside input[type='text'] {
margin-bottom: 15px;
}
#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, #photo-edit-rotate-label {
float: left;
width: 150px;
}
#photo-edit-perms-end {
margin-bottom: 15px;
}
#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname, #photo-edit-rotate {
float: left;
margin-bottom: 25px;
}
#photo-edit-link-wrap {
margin-bottom: 15px;
}
#photo-like-div {
margin-bottom: 25px;
}
#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
clear: both;
}
#photo-edit-rotate-end {
margin-bottom: 15px;
}
#photo-edit-delete-button {
margin-left: 200px;
}
#photo-edit-end {
margin-bottom: 35px;
}
#photo-caption {
font-size: 110%;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
}
#in-this-photo-text {
color: #0000FF;
margin-left: 30px;
}
#in-this-photo {
margin-left: 60px;
margin-top: 10px;
margin-bottom: 20px;
}
#photo-album-edit-submit, #photo-album-edit-drop {
margin-top: 15px;
margin-bottom: 15px;
}
#photo-album-edit-drop {
margin-left: 200px;
}
.group-delete-wrapper {
float: right;
@ -3166,67 +2771,6 @@ brain is weird like that */
.field.radio .field_help { margin-left: 0px; }
/**
* ADMIN
*/
#pending-update {
float:right;
color: #ffffff;
font-weight: bold;
background-color: #FF0000;
padding: 0em 0.3em;
}
#adminpage dl {
clear: left;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid black;
}
#adminpage dt {
width: 200px;
float: left;
font-weight: bold;
}
#adminpage dd {
margin-left: 200px;
}
#adminpage h3 {
border-bottom: 1px solid #cccccc;
}
#adminpage .field label {
font-weight: bold;
}
#adminpage .submit {
clear:left;
text-align: right;
}
#adminpage #pluginslist {
margin: 0px; padding: 0px;
}
#adminpage .plugin {
list-style: none;
display: block;
border: 1px solid #888888;
padding: 1em;
margin-bottom: 5px;
clear: left;
}
#adminpage .plugin .desc { margin-left: 2.5em;}
#adminpage .toggleplugin {
float:left;
margin-right: 1em;
}
#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
#adminpage table th { text-align: left;}
#adminpage td .icon { float: left;}
#adminpage table#users img { width: 16px; height: 16px; }
#adminpage table tr:hover { background-color: #bbc7d7; }
#adminpage .selectall { text-align: right; }
/*
* UPDATE
*/