Changeset 12960 for extensions/stripped/theme-black.css

Timestamp:

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

Author:

Zaphod

Message:

version 2.1.0

File:

• extensions/stripped/theme-black.css (modified) (4 diffs)

extensions/stripped/theme-black.css

@@ -1 +1 @@
 /* General rules ------------------------------------------------------------------------------- */
 
-body {
-        background-color: #000;
-        color: #666;
-}
+html , body     { background-color: #000;}
+body            { color: #666;}
 
 #thePicturePage .left_block,
@@ -24 +22 @@
 /* Content ------------------------------------------------------------------------------------- */
 
-.content_block .additional_info {
-        color:#999;
-        background-color:#404040;
-}
-
-.additional_info p a {color:#ddd;}
-.additional_info p a:hover {color:#fff;}
+.content_block .additional_info { background-color:#404040;}
+.content_block                  { color:#999;}
+.content_block a                { color:#ddd;}
+.content_block a:hover          { color:#fff;}
 
 /* Menubar ------------------------------------------------------------------------------------- */
 
-#menuswitcher           { color: #999;}
-#menuswitcher:hover     { color: #ccc;}
+#menuswitcher                   { color: #999;}
+#menuswitcher:hover             { color: #ccc;}
 
 /* Category thumbnails ------------------------------------------------------------------------- */
-
-.stuffs_block .personal_block ul.thumbnailCategories li,
-.thumbnailCategories li {
-        background: transparent url(images/back_30.png) 0 0 no-repeat;
-        color:#999;
-}
-
-.stuffs_block .personal_block ul.thumbnailCategories li:hover,
-.thumbnailCategories li:hover {
-        background: transparent url(images/back_30.png) 0 -170px no-repeat;
-        color:#666;
-}
-
-.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
-        background: transparent url(images/back_40.png) 0 0 no-repeat;
-}
-
-.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
-        background: transparent url(images/back_40.png) 0 -170px no-repeat;
-        color:#666;
-}
+.thumbnailCategories li                                 { color:#999;}
+.ats .thumbnailCategories li                    { background: transparent url(images/back_30.png) 0 0 no-repeat;}
+.at3 .thumbnailCategories li                    { background: transparent url(images/m_back_30.png) 0 0 no-repeat;}
+.at2 .thumbnailCategories li                    { background: transparent url(images/l_back_30.png) 0 0 no-repeat;}
+.at1 .thumbnailCategories li                    { background: transparent url(images/xl_back_30.png) 0 0 no-repeat;}
+
+.thumbnailCategories li:hover           { color:#666;}
+.ats .thumbnailCategories li:hover      { background: transparent url(images/back_30.png) 0 -170px no-repeat;}
+.at3 .thumbnailCategories li:hover      { background: transparent url(images/m_back_30.png) 0 -290px no-repeat;}
+.at2 .thumbnailCategories li:hover      { background: transparent url(images/l_back_30.png) 0 -170px no-repeat;}
+.at1 .thumbnailCategories li:hover      { background: transparent url(images/xl_back_30.png) 0 -170px no-repeat;}
 
 .thumbnailCategory .illustration img                    { border: 1px solid #555;}
 .thumbnailCategory .illustration img:hover      { border: 1px solid #101010;}
 
+.atd .thumbnailCategory .description h3                                                                 { border-color:#555;}
+.naf .thumbnailCategories .thumbnailCategory:hover .description h3      { border-color:#555;}
+.atd .thumbnailCategory:hover .description h3                                           { border-color:#999;}   
+
+.stuffs_block .personal_block ul.thumbnailCategories li,
+.stuffs_block .personal_block ul.thumbnailCategories li:hover,
+.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li,
+.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
+        border-radius:10px;
+        -moz-border-radius:10px;
+        -webkit-border-radius:10px;
+}
+
+.stuffs_block .personal_block ul.thumbnailCategories li                                         { background: #303030 none 0 0 no-repeat;}
+.stuffs_block .personal_block ul.thumbnailCategories li:hover                           { background: #c0c0c0 none 0 0 no-repeat;}
+.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li            { background: #404040 none 0 0 no-repeat;}
+.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover      { background: #c0c0c0 none 0 0 no-repeat;}
+
 /* Images Thumbnails --------------------------------------------------------------------------- */
 
-.thumbnails li,
-#thumbnails li                  {
-        background: transparent url(images/back_40.png) 0 0 no-repeat;
-}
-
-.thumbnails li:hover,
-#thumbnails li:hover {
-        background: transparent url(images/back_40.png) 0 -170px no-repeat;
-}
-
-.stuffs_block li {
-        background: transparent url(images/back_50.png) 0 -0 no-repeat;
-}
-
-.stuffs_block li:hover {
-        background: transparent url(images/back_50.png) 0 -170px no-repeat;
-}
-
+.thumbnails li, #thumbnails li                                  { background: transparent url(images/back_40.png) 0 0 no-repeat;}
+.thumbnails li:hover, #thumbnails li:hover      { background: transparent url(images/back_40.png) 0 -170px no-repeat;}
+.stuffs_block li                                                        { background: transparent url(images/back_50.png) 0 -0 no-repeat;}
+.stuffs_block li:hover                                  { background: transparent url(images/back_50.png) 0 -170px no-repeat;}
+.wrap1 .thumbLegend                                             { color:#888;}
 .wrap1 .wrap2 .thumbnail ,
-.wrap1 .wrap2 .thumbnail:hover {
-        border:solid 1px #404040;
-}
-
-.wrap1 .thumbLegend {
-        color:#888;
-}
+.wrap1 .wrap2 .thumbnail:hover                  { border:solid 1px #404040;}
 
 /* Navigation Bar ------------------------------------------------------------------------------ */
 
-#thumb_navigation {
-        color:#666;
-}
-
-#thumb_navigation #tn_prev {
-        background: transparent url(icon/arrows.png) 0 0 no-repeat;
-}
-
-#thumb_navigation #tn_next {
-        background: transparent url(icon/arrows.png) -20px 0 no-repeat;
-}
-
-#thumb_navigation a#tn_prev:hover {
-        background: transparent url(icon/arrows.png) 0 -150px no-repeat;
-}
-
-#thumb_navigation a#tn_next:hover {
-        background: transparent url(icon/arrows.png) -20px -150px no-repeat;
-}
+#thumb_navigation                                       { color:#666;}
+#thumb_navigation #tn_prev                      { background: transparent url(icon/arrows.png) 0 0 no-repeat;}
+#thumb_navigation #tn_next                      { background: transparent url(icon/arrows.png) -20px 0 no-repeat;}
+#thumb_navigation a#tn_prev:hover       { background: transparent url(icon/arrows.png) 0 -150px no-repeat;}
+#thumb_navigation a#tn_next:hover       { background: transparent url(icon/arrows.png) -20px -150px no-repeat;}
 
 /* Picture Page -------------------------------------------------------------------------------- */
@@ -183 +153 @@
 /* Navigation Arrows --------------------------------------------------------------------------- */
 
-#theImageBox    { position: static;}
-#imgprev                { background: transparent url(icon/arrows.png) 0 0 no-repeat;}
-#imgnext                { background: transparent url(icon/arrows.png) -20px 0 no-repeat;}
+#theImageBox    { position: relative;}
+#imgprev                { position: fixed; background: transparent url(icon/arrows.png) 0 0 no-repeat;}
+#imgnext                { position: fixed; background: transparent url(icon/arrows.png) -20px 0 no-repeat;}
 #imgprev:hover  { background: transparent url(icon/arrows.png) 0 -150px no-repeat;}
 #imgnext:hover  { background: transparent url(icon/arrows.png) -20px -150px no-repeat;}
@@ -421 +391 @@
 /* No Thumb Frame CSS -------------------------------------------------------------------------- */
 
-.ntf .stuffs_block .personal_block ul.thumbnailCategories li,
-.ntf .thumbnailCategories li ,
-.ntf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
+.naf .stuffs_block .personal_block ul.thumbnailCategories li,
+.naf .thumbnailCategories li ,
+.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
         background: none;
 }
 
-.ntf .stuffs_block .personal_block ul.thumbnailCategories li:hover,
-.ntf .thumbnailCategories li:hover,
-.ntf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
+.naf .stuffs_block .personal_block ul.thumbnailCategories li:hover,
+.naf .thumbnailCategories li:hover,
+.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
         background: none;
         color: #c0c0c0;
 }
 
-.ntf .thumbnailCategory .illustration img                       { border: 1px solid #777;}
-.ntf .thumbnailCategory .illustration img:hover         { border: 1px solid #c0c0c0;}
+.naf .thumbnailCategory .illustration img                       { border: 1px solid #777;}
+.naf .thumbnailCategory .illustration img:hover         { border: 1px solid #c0c0c0;}
 
 .ntf .wrap1 .wrap2 .thumbnail {