Changeset 12960 for extensions/stripped/theme.css

Timestamp:

Jan 28, 2012, 6:45:06 PM (12 years ago)

Author:

Zaphod

Message:

version 2.1.0

File:

• extensions/stripped/theme.css (modified) (17 diffs)

extensions/stripped/theme.css

@@ -83 +83 @@
 }
 
-#theCategoryPage #content {
+ #content {
         max-width:1120px;
         padding:12px 0;
+        display:table;
+}
+
+#thePicturePage #content {
+        max-width:none;
+        padding:0;
+        display:block;
+}
+
+#theCategoryPage #content {
         text-align:center;
-        display:table;
 }
 
@@ -142 +151 @@
 }
 
+input, select, textarea { margin: 1px 0;}
+
+.content_block h2 { font-size: 115.385%;}
+
 /* Page title ---------------------------------------------------------------------------------- */
 
@@ -227 +240 @@
 }
 
-.stuffs_block .titrePage {
-        margin: 0
-}
-
-#thePicturePage .stuffs {
-        margin:3px 0;
-}
-
-#thePicturePage .stuffs_block {
-        max-width:1120px;
-        padding:0;
-        text-align:center;
-}
-
-#thePicturePage .stuffs_block p {
-        text-align:left;
-}
-
 /* Menubar ------------------------------------------------------------------------------------- */
 
@@ -301 +296 @@
 }
 
-#menubar #mbIdentification p {
-        margin: 0 0 6px 0;
-}
+#menubar #mbIdentification div { margin-bottom: 6px;}
+#menubar #mbIdentification .submit_block { margin-bottom: 0;}
 
 #menubar dd.randompicdd {
@@ -319 +313 @@
 
 /* Category thumbnails ------------------------------------------------------------------------- */
+
+.js  ul.thumbnailCategories li { cursor:pointer;}
+.js  .naf ul.thumbnailCategories li { cursor:default;}
+.js  .naf ul.thumbnailCategories li .text { cursor:pointer;}
+.js  .stuffs ul.thumbnailCategories li, .js  .stuffs ul.thumbnailCategories li .text { cursor:default;}
+
 
 .stuffs_block .personal_block ul.thumbnailCategories,
@@ -330 +330 @@
         float: left;
         overflow: hidden;
-        height:170px;
-        width:170px;
         text-align:center;
         margin:5px;
 }
 
-.stuffs_block .personal_block ul.thumbnailCategories li {
-        width:170px!important;
-}
+.ats ul.thumbnailCategories li { width: 170px; height: 170px;}
+.at3 ul.thumbnailCategories li { width: 290px; height: 290px;}
+.at2 ul.thumbnailCategories li { width: 440px; height: 170px;}
+.at1 ul.thumbnailCategories li { width: 890px; height: 170px;}
+
+.ats .stuffs_block .personal_block ul.thumbnailCategories li { width:170px!important;}
+.at3 .stuffs_block .personal_block ul.thumbnailCategories li { width:273px!important; height:273px;}
+.at2 .stuffs_block .personal_block ul.thumbnailCategories li { width:415px!important;}
+.at1 .stuffs_block .personal_block ul.thumbnailCategories li { width:840px!important;}
 
 .thumbnailCategory {
         display:inline-block;
-        height:170px;
 }
 
 .thumbnailCategory .illustration {
-        margin:5px 0 0;
-        height:130px;
         vertical-align:middle;
         border:none;
@@ -356 +357 @@
 }
 
+.ats .thumbnailCategory .illustration { height:130px;}
+.at3 .thumbnailCategory .illustration { height:130px;}
+.at2 .thumbnailCategory .illustration { height:170px;}
+.at1 .thumbnailCategory .illustration { height:170px;}
+.at2 .thumbnailCategory .illustration, .at1 .thumbnailCategory .illustration  { float: left;}
+.at3 .thumbnailCategory .illustration a { width:280px;}
+.at3 .stuffs_block .thumbnailCategory .illustration a { width:263px;}
+.at3 .thumbnailCategory .illustration a  { vertical-align:bottom;}
+
+.ats .thumbnailCategory .illustration { margin:5px 0 0;}
+.at3 .thumbnailCategory .illustration { margin:5px 5px 0 5px;}
+.at2 .thumbnailCategory .illustration { margin:0 5px;}
+.at1 .thumbnailCategory .illustration { margin:0 10px;}
+
 .thumbnailCategory .illustration a {
         display:table-cell;
         width:170px;
-        height:130px;
         vertical-align:middle;
         overflow:hidden;
@@ -367 +381 @@
         display:block;
         margin:auto;
-        max-height:128px;
         max-width:160px;
 }
 
-.thumbnailCategory .description p {
-        display:none!important;
-}
-
-.thumbnailCategory .description {
+.ats .thumbnailCategory .illustration img { max-height:128px;}
+.at3 .thumbnailCategory .illustration img { max-height:128px;}
+.at2 .thumbnailCategory .illustration img { max-height:160px;}
+.at1 .thumbnailCategory .illustration img { max-height:160px;}
+
+.ats .thumbnailCategory .description p { display:none!important;}
+.atd .thumbnailCategory .description .text p.dates { display:none!important;}
+
+.atd  #content .thumbnailCategory .description .text p.Nb_images {
+        display:block;
+        font-style:italic;
+        font-size:76.923%;
+        text-align:right;
+        width:100%;
+        margin:0;
+}
+
+.atd  #content .thumbnailCategory .description .text p {
+        font-size:92.307%;
+        display:block;
+        text-align:justify;
+        width:100%;
+        margin-top:5px;
+        overflow:hidden;
+}       
+
+.ats .thumbnailCategory .description {
+        overflow: hidden;
+        display: table-cell;
+        vertical-align:middle;
         width:160px;
         height:35px;
+        padding:0 5px;
+}
+
+.at3 .thumbnailCategory .description {
         overflow: hidden;
-        padding:0 5px;
-        display: table-cell;
-        vertical-align:middle;
-}
+        display: inline-block;
+        width: 280px;
+        height: 150px;
+        margin: 0 5px 5px 5px;
+        padding:0;
+}
+
+.at3 .stuffs_block .thumbnailCategory .description { width:263px;}
+
+.at2 .thumbnailCategory .description {
+        overflow: hidden;
+        display: inline-block;
+        width: 250px;
+        height: 155px;
+        margin: 10px 10px 5px 0;
+        padding:0;
+}
+
+.at1 .thumbnailCategory .description {
+        overflow: hidden;
+        display: inline-block;
+        width: 680px;
+        height: 155px;
+        margin: 10px 0;
+        padding:0;
+}
+
+.at3 .stuffs_block .personal_block .thumbnailCategory .description { width:263px;}
+.at2 .stuffs_block .personal_block .thumbnailCategory .description { width:225px;}
+.at1 .stuffs_block .personal_block .thumbnailCategory .description { width:630px;}
 
 .thumbnailCategory .description h3 {
@@ -388 +456 @@
         font-weight:normal;
         font-variant:normal;
+}
+
+.ats .thumbnailCategory .description h3 {
         font-size:107.692%;
         line-height:16px;
 }
 
+.at2 .thumbnailCategory .description h3 { text-align:left;}
+.at1 .thumbnailCategory .description h3 { text-align:left;}
+
+.atd .thumbnailCategory .description h3 {
+        font-size:115.385%;
+        padding:5px 0;
+        display:block;
+        width:100%;
+        border-bottom:1px solid;
+}
+
 .thumbnailCategories h3 a {
         color: inherit;
 }
 
-.thumbCatDescNfoDate, .thumbCatDescNbImg {
-        margin: 0;
+.thumbnailCategory .text .dates, .thumbnailCategory  .text .Nb_images {
         font-size: 76.923%;
-}
-
-.thumbCatDesc {
+        padding-top: 0;
+}
+
+.thumbnailCategory .text p {
         margin: 0;
         padding-top: 4px;
         word-wrap: break-word;
 }
+
+.at1 li.odd1 .thumbnailCategory .illustration {float:right;}
+.at1 li.odd0 .thumbnailCategory .description {margin-right:15px;}
+.at1 li.odd1 .thumbnailCategory .description {margin-left:15px;}
 
 /* Images Thumbnails --------------------------------------------------------------------------- */
@@ -429 +515 @@
 
 .subcontent .stuffs_block ul {
-        max-width:720px;
+        max-width:880px;
         margin-top:5px;
 }
@@ -654 +740 @@
 }
 
+.hideTabsZone {
+        position: absolute;
+        top:25px;
+        left:0;
+        right:0;
+        bottom:0;
+}
+
+#theImageBox .hideTabsZone { top:0;}
+
 /* Image Nav Arrows ---------------------------------------------------------------------------- */
 
@@ -700 +796 @@
         }
 
-        .cat_up:hover {
+.cat_up:hover {
         background:transparent url(icon/cat_up.png) no-repeat center top;
 }
@@ -706 +802 @@
 /* Navigation Arrows --------------------------------------------------------------------------- */
 
-#imgprev {
+#imgprev { left: 4px;}
+#imgnext { right: 4px;}
+#imgnext, #imgprev {
         position: absolute;
         height:150px;
         width:20px;
-        left: 4px;
-        top:50%;
-        margin-top:-75px;
-}
-
-#imgnext {
-        position: absolute;
-        height:150px;
-        width:20px;
-        right: 4px;
         top:50%;
         margin-top:-75px;
@@ -908 +996 @@
 }
 
+.stuffs_block  #comments > ul > li {
+        padding: 5px 0;
+        margin: 5px;
+        width:48.86%!important
+}
+
 #comments .thumbnailCategory {
         height:auto;
@@ -1269 +1363 @@
 }
 
+/* GThumb+ Plugin ------------------------------------------------------------------------------ */
+
+#thumbnails li.gthumb,
+#thumbnails li.gthumb:hover {
+        border-radius:0;
+        -moz-border-radius:0;
+        -webkit-border-radius:0;
+}
+
 /* PWG Stuffs Plugin --------------------------------------------------------------------------- */
 
@@ -1283 +1386 @@
 .subcontent .stuffs_block .right_block,
 .subcontent .stuffs_block .middle_block {
-        max-width:870px;
-        padding:10px;
+        max-width:880px;
+        padding:10px 5px;
 }
 
@@ -1363 +1466 @@
 }
 
-.stuffs_block .logon_block  p a {
-        margin-right: 8px
-}
-
-.stuffs_block .personal_block  {
-        text-align: center;
-}
-
-.stuffs_block .personal_block  p {
-        text-align: left;
-}
+.stuffs_block .logon_block  p a { margin-right: 8px}
+.stuffs_block .personal_block  { text-align: center;}
+#content .stuffs_block .personal_block  p { text-align: justify;}
+.stuffs_block #thumbnails  {margin:0;}
+.stuffs_block #thumbnails li {margin:5px 3px;}
+.stuffs_block .titrePage { margin: 0;}
+
+#theCategoryPage  #the_page .stuffs {
+        margin:0!important;
+        padding:5px 0;
+}
+
+#thePicturePage .stuffs { margin:3px 0;}
+#thePicturePage .stuffs_block p { text-align:left;}
+
+#thePicturePage .stuffs_block {
+        max-width:1120px;
+        padding:0;
+        text-align:center;
+}
+
+.stuffs_block .personal_block ul.thumbnailCategories {
+        vertical-align:bottom;
+        margin-top:0;
+}
+