penguincoder
/
tuxbliki
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

styling enhancements for padding on small screens (n800)

master
Coleman 2008-06-29 15:40:08 -05:00
parent 7fafbaf106
commit 3bb7604e9c
1 changed files with 27 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
public/stylesheets/content.css
View File

@ -261,20 +261,6 @@
padding: 3px; padding: 3px;
} }
#content .thumbnail_box {
border: 1px solid #DDD;
background-color: #F2F2F2;
float: left;
margin: 15px;
padding: 5px;
text-align: center;
}
#content .photo_box {
padding-top: 15px;
padding-bottom: 15px;
}
/*-------------------------------------------------------------- /*--------------------------------------------------------------
Sidebar Sidebar
--------------------------------------------------------------*/ --------------------------------------------------------------*/
@ -316,49 +302,37 @@
#sidebar em { font-style: normal; } #sidebar em { font-style: normal; }
/* Live-search and results */ #tag_cloud, #things_i_do {
#sidebar .search p { padding: 5px 10px 10px 10px;
margin: 0; margin-right: 15px;
margin-left: auto;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
border: 1px solid #BBB;
} }
#sidebar .search p input { #tag_cloud p, #things_i_do .title {
font-size: 11px; width: 92%; font-size: 1.1em;
text-align: center;
font-weight: bold;
border-bottom: 1px dashed #BBB;
margin: 0; padding: 0;
margin-bottom: 5px;
padding-bottom: 5px;
} }
#sidebar .search .loading { #things_i_do {
background: url(/images/ajax-loader.gif) no-repeat left 50%; text-align: left;
margin: 1em 0; padding: 0 0 0 20px;
height: 15px;
} }
#sidebar .search .results { .tag_cloud_1, .tag_cloud_2 {font-size: 1.0em;}
margin: 0 0 1.25em; .tag_cloud_3, .tag_cloud_4 {font-size: 1.2em;}
} .tag_cloud_5, .tag_cloud_6 {font-size: 1.4em;}
.tag_cloud_7, .tag_cloud_8 {font-size: 1.6em;}
#sidebar .search .results h3 { .tag_cloud_9, .tag_cloud_10 {font-size: 1.8em;}
margin-top: 1em; .tag_cloud_11, .tag_cloud_12 {font-size: 2.0em;}
} .tag_cloud_2, .tag_cloud_4, .tag_cloud_6, .tag_cloud_8, .tag_cloud_10, .tag_cloud_12 {font-weight: bold;}
#sidebar .search .results p {
font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
margin: 0 0 0.5em;
}
#sidebar .search .results ul {
margin: 0; padding: 3px;
}
#sidebar .search .results li { background: #ffc; padding: 0.2em; }
#sidebar .search .results a:link,
#sidebar .search .results a:visited {
color: #222;
}
#sidebar .search .results a:hover,
#sidebar .search .results a:active {
color: #fff;
}
/*-------------------------------------------------------------- /*--------------------------------------------------------------
Footer Footer
@ -394,6 +368,7 @@
#footer ul { #footer ul {
width: 40%; width: 40%;
margin: 0; padding: 0; margin: 0; padding: 0;
margin-right: 10px;
list-style-type: none; list-style-type: none;
text-align: right; text-align: right;
float: right; float: right;
@ -404,14 +379,6 @@
display: inline; display: inline;
} }
#tag_cloud p {
text-align: center;
margin: 0px;
padding: 0px;
font-size: 1.1em;
font-weight: bold;
}
/* form errors */ /* form errors */
.fieldWithErrors { .fieldWithErrors {
border: 1px solid #F00; border: 1px solid #F00;
@ -494,36 +461,7 @@
background-color: #E0E0E0; background-color: #E0E0E0;
} }
#tag_cloud, #things_i_do { /* auto completion styles */
padding: 5px 10px 10px 10px;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
border: 1px solid #BBB;
}
#tag_cloud p, #things_i_do .title {
font-size: 1.1em;
text-align: center;
font-weight: bold;
border-bottom: 1px dashed #BBB;
margin-bottom: 5px;
padding-bottom: 5px;
}
#things_i_do {
text-align: left;
}
.tag_cloud_1, .tag_cloud_2 {font-size: 1.0em;}
.tag_cloud_3, .tag_cloud_4 {font-size: 1.2em;}
.tag_cloud_5, .tag_cloud_6 {font-size: 1.4em;}
.tag_cloud_7, .tag_cloud_8 {font-size: 1.6em;}
.tag_cloud_9, .tag_cloud_10 {font-size: 1.8em;}
.tag_cloud_11, .tag_cloud_12 {font-size: 2.0em;}
.tag_cloud_2, .tag_cloud_4, .tag_cloud_6, .tag_cloud_8, .tag_cloud_10, .tag_cloud_12 {font-weight: bold;}
.auto_complete { .auto_complete {
width: 350px; width: 350px;
background: #ddd; background: #ddd;