Common.css: Unterschied zwischen den Versionen
Aus ComicDate
Zeile 1: | Zeile 1: | ||
/* h1.firstHeading {color: green; } */ | /* h1.firstHeading {color: green; } */ | ||
/* https://www.mediawiki.org/wiki/Extension:BlockAndNuke */ | /* https://www.mediawiki.org/wiki/Extension:BlockAndNuke */ | ||
+ | |||
+ | |||
+ | /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ | ||
+ | /* Mainpage REDESIGN BOXEN */ | ||
+ | /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ | ||
+ | div#bodyContent .teaserbox4x { | ||
+ | width:172px; | ||
+ | height:242px; | ||
+ | margin-bottom:60px; | ||
+ | float:left; | ||
+ | /* padding-top:9px; */ | ||
+ | /* padding-left:9px; */ | ||
+ | margin-right:38px; | ||
+ | text-align:center; | ||
+ | line-height:242px; | ||
+ | /* border: solid 5px #5b5048; */ | ||
+ | /* background-color:#FFF; */ | ||
+ | background-image:url(4xhg.png); | ||
+ | background-repeat:no-repeat; | ||
+ | /* Border radius | ||
+ | border-radius: 2px; | ||
+ | -moz-border-radius: 2px; | ||
+ | -webkit-border-radius: 2px; */ | ||
+ | |||
+ | /* Drop Shadow outside */ | ||
+ | box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.30); | ||
+ | -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.30); | ||
+ | -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.30); | ||
+ | -moz-box-shadow: inset -5px -5px 5px #888; | ||
+ | /* Drop Shadow inside | ||
+ | -webkit-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); | ||
+ | -moz-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); | ||
+ | box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); */ | ||
+ | } | ||
+ | |||
+ | div#bodyContent .teaserbox4x p { | ||
+ | padding-top:5px; | ||
+ | font-family:Georgia; | ||
+ | font-size:13px; | ||
+ | /* text-align:left; */ | ||
+ | line-height:normal; | ||
+ | } | ||
+ | |||
+ | /* ----------------------------------------------------- Mainpage New pages! Headlines h3 ----------------------------------------------------------------------- */ | ||
+ | |||
+ | div#bodyContent .teaserboxh3 { | ||
+ | |||
+ | width:172px; | ||
+ | margin-bottom:30px; | ||
+ | float:left; | ||
+ | /* padding-top:9px; */ | ||
+ | /* padding-left:9px; */ | ||
+ | margin-right:38px; | ||
+ | |||
+ | } | ||
+ | |||
+ | div#bodyContent .teaserboxh3 h3 { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-size:24px; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-align:center; | ||
+ | padding-bottom:5px; | ||
+ | padding-top:1px; | ||
+ | border-bottom:dotted 1px #CCC; | ||
+ | border-top:dotted 1px #CCC; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-shadow: 0em 0.05em 0.05em #fff; | ||
+ | } | ||
+ | |||
+ | /* ------------------------------------------------------------------------------ Mainpage Bilder im Rahmen a img ------------------------------------------------------- */ | ||
+ | div#bodyContent .teaserbox4x a img { | ||
+ | /* padding:5px; */ | ||
+ | /* margin-bottom:5px; */ | ||
+ | /* border-width:0px; */ | ||
+ | /* border-style:solid; | ||
+ | /* border-color:#F60; */ | ||
+ | /* border-color:#fff; */ | ||
+ | } | ||
+ | |||
+ | /* ------------------------------------------------------------------------------ Mainpage Bilder im Rahmen a:hover img ------------------------------------------------- */ | ||
+ | div#bodyContent .teaserbox4x a:hover img { | ||
+ | /* background-color:#F60; */ | ||
+ | /* border-color:#fff; */ | ||
+ | } | ||
+ | |||
+ | /* ------------------------------------------------------------------------------ Mainpage N E W S ------------------------------------------------- */ | ||
+ | div#bodyContent .NEWS1 { | ||
+ | /* font-family: Georgia; */ | ||
+ | font-weight:normal; | ||
+ | font-style:italic; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | width:760px; | ||
+ | height:400px; | ||
+ | float:left; | ||
+ | /* font-size:16px; */ | ||
+ | line-height:26px; | ||
+ | color:#8F8F8F; | ||
+ | padding:25px; | ||
+ | padding-right:75px; | ||
+ | background-image:url(newshg.png); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | div#content #bodyContent .NEWS1 p { | ||
+ | border-bottom-width:1px; border-bottom-style:dotted; | ||
+ | border-bottom-color:#000; | ||
+ | padding-bottom:5px; margin-bottom:5px; | ||
+ | } | ||
+ | |||
+ | /* ------------------------------------------------------------------------------ Mainpage 3 collums ------------------------------------------------- */ | ||
+ | |||
+ | div#bodyContent .teaserbox3x { | ||
+ | width:250px; | ||
+ | min-height:275px; | ||
+ | margin-bottom:60px; | ||
+ | float:left; | ||
+ | margin-right:25px; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .teaserbox3x h3 { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-size:24px; | ||
+ | text-align:center; | ||
+ | |||
+ | letter-spacing: -0.05em; | ||
+ | padding-bottom:5px; | ||
+ | padding-top:5px; | ||
+ | border-bottom:dotted 1px #CCC; | ||
+ | border-top:dotted 1px #CCC; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .teaserbox3x p { | ||
+ | padding-left:22px; | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ------------------------------------------------------------------------------ Mainpage 3 collums 3Cats Links ------------------------------------------------- */ | ||
+ | |||
+ | div#bodyContent .teaserbox3xCats { | ||
+ | width:270px; | ||
+ | height:100px; | ||
+ | padding-top:20px; | ||
+ | padding-left:20px; | ||
+ | margin-bottom:60px; | ||
+ | float:left; | ||
+ | margin-right:0px; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .teaserbox3xCats h3 { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-size:30px; | ||
+ | letter-spacing: -0.05em; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .teaserbox3xCats p { | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | div#bodyContent .teaserbox3xCats p a { | ||
+ | background-image: url(3catlinks.png); | ||
+ | height:270px; | ||
+ | width:100px; | ||
+ | color:#ccc; | ||
+ | } | ||
+ | div#bodyContent .teaserbox3xCats p a:hover { | ||
+ | background-image: url(3catlinks2.png); | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | /* ----------------------------------------------------- Mainpage A N o t e f r o m t h e p u b l is h e r " N F T P " ------------------------------------- */ | ||
+ | |||
+ | div#bodyContent .NOTEFTP1 { | ||
+ | /* font-family: Georgia; */ | ||
+ | width:810px; | ||
+ | height:auto; | ||
+ | margin:0px 0px 50px 0px; | ||
+ | padding-right:0px; | ||
+ | font-weight:normal; | ||
+ | font-style:italic; | ||
+ | float:left; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-shadow: 0em 0.05em 0.05em #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#bodyContent .BOTM { | ||
+ | /* font-family: Georgia; */ | ||
+ | width:810px; | ||
+ | height:auto; | ||
+ | margin:0px 0px 25px 0px; | ||
+ | padding: 0px 0px 25px 0px; | ||
+ | border-bottom:solid 1px #CCC; | ||
+ | font-weight:normal; | ||
+ | font-style:italic; | ||
+ | float:left; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-shadow: 0em 0.05em 0.05em #fff; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .BOTM p { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-size:30px; | ||
+ | letter-spacing: -0.05em; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .NEWCATEGORIES { | ||
+ | /* font-family: Georgia; */ | ||
+ | width:810px; | ||
+ | height:auto; | ||
+ | margin:0px 0px 25px 0px; | ||
+ | padding: 0px 0px 25px 0px; | ||
+ | border-bottom:solid 1px #CCC; | ||
+ | font-weight:normal; | ||
+ | font-style:italic; | ||
+ | float:left; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-shadow: 0em 0.05em 0.05em #fff; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .NEWCATEGORIES p { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-size:30px; | ||
+ | |||
+ | letter-spacing: -0.05em; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .WHATIS { | ||
+ | /* font-family: Georgia; */ | ||
+ | width:810px; | ||
+ | height:auto; | ||
+ | margin:0px 0px 25px 0px; | ||
+ | padding: 0px 0px 25px 0px; | ||
+ | border-bottom:solid 1px #CCC; | ||
+ | font-weight:normal; | ||
+ | font-style:italic; | ||
+ | float:left; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-shadow: 0em 0.05em 0.05em #fff; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .WHATIS p { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-size:30px; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-style:normal; | ||
+ | letter-spacing: -0.05em; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .HEYKIDS { | ||
+ | /* font-family: Georgia; */ | ||
+ | width:810px; | ||
+ | height:auto; | ||
+ | margin:0px 0px 25px 0px; | ||
+ | padding: 0px 0px 25px 0px; | ||
+ | border-bottom:solid 1px #CCC; | ||
+ | font-weight:normal; | ||
+ | font-style:italic; | ||
+ | float:left; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-shadow: 0em 0.05em 0.05em #fff; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .CONTACTUS { | ||
+ | /* font-family: Georgia; */ | ||
+ | width:810px; | ||
+ | height:auto; | ||
+ | margin:0px 0px 25px 0px; | ||
+ | padding: 0px 0px 25px 0px; | ||
+ | border-bottom:solid 1px #CCC; | ||
+ | font-weight:normal; | ||
+ | font-style:italic; | ||
+ | float:left; | ||
+ | letter-spacing: -0.05em; | ||
+ | text-shadow: 0em 0.05em 0.05em #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#bodyContent .CONTACTUS p { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-size:30px; | ||
+ | letter-spacing: -0.05em; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | |||
+ | div#bodyContent .NOTEFTP1 p { | ||
+ | font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; | ||
+ | font-weight:bold; | ||
+ | color:#7C7C7C; | ||
+ | font-size:30px; | ||
+ | font-style:normal; | ||
+ | } | ||
+ | |||
+ | /* ----------------------------------------------------- Mainpage AFTP Right Picture -------------------------------------------------------------------------*/ | ||
+ | div#bodyContent .cright { | ||
+ | float:right; | ||
+ | padding:10px; | ||
+ | margin-left:50px; | ||
+ | margin-right:0px; | ||
+ | border:7px solid #171717; | ||
+ | background-color:#FFF; | ||
+ | /* Drop Shadow outside */ | ||
+ | box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); | ||
+ | -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); | ||
+ | -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); | ||
+ | -moz-box-shadow: inset -3px -3px 3px #888; | ||
+ | /* Drop Shadow inside | ||
+ | -webkit-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); | ||
+ | -moz-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); | ||
+ | box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); */ | ||
+ | } |
Version vom 10. November 2017, 19:48 Uhr
/* h1.firstHeading {color: green; } */ /* https://www.mediawiki.org/wiki/Extension:BlockAndNuke */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Mainpage REDESIGN BOXEN */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ div#bodyContent .teaserbox4x { width:172px; height:242px; margin-bottom:60px; float:left; /* padding-top:9px; */ /* padding-left:9px; */ margin-right:38px; text-align:center; line-height:242px; /* border: solid 5px #5b5048; */ /* background-color:#FFF; */ background-image:url(4xhg.png); background-repeat:no-repeat; /* Border radius border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; */ /* Drop Shadow outside */ box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset -5px -5px 5px #888; /* Drop Shadow inside -webkit-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); -moz-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); */ } div#bodyContent .teaserbox4x p { padding-top:5px; font-family:Georgia; font-size:13px; /* text-align:left; */ line-height:normal; } /* ----------------------------------------------------- Mainpage New pages! Headlines h3 ----------------------------------------------------------------------- */ div#bodyContent .teaserboxh3 { width:172px; margin-bottom:30px; float:left; /* padding-top:9px; */ /* padding-left:9px; */ margin-right:38px; } div#bodyContent .teaserboxh3 h3 { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-weight:bold; color:#7C7C7C; font-size:24px; letter-spacing: -0.05em; text-align:center; padding-bottom:5px; padding-top:1px; border-bottom:dotted 1px #CCC; border-top:dotted 1px #CCC; letter-spacing: -0.05em; text-shadow: 0em 0.05em 0.05em #fff; } /* ------------------------------------------------------------------------------ Mainpage Bilder im Rahmen a img ------------------------------------------------------- */ div#bodyContent .teaserbox4x a img { /* padding:5px; */ /* margin-bottom:5px; */ /* border-width:0px; */ /* border-style:solid; /* border-color:#F60; */ /* border-color:#fff; */ } /* ------------------------------------------------------------------------------ Mainpage Bilder im Rahmen a:hover img ------------------------------------------------- */ div#bodyContent .teaserbox4x a:hover img { /* background-color:#F60; */ /* border-color:#fff; */ } /* ------------------------------------------------------------------------------ Mainpage N E W S ------------------------------------------------- */ div#bodyContent .NEWS1 { /* font-family: Georgia; */ font-weight:normal; font-style:italic; margin: 0px 0px 0px 0px; width:760px; height:400px; float:left; /* font-size:16px; */ line-height:26px; color:#8F8F8F; padding:25px; padding-right:75px; background-image:url(newshg.png); background-repeat:no-repeat; } div#content #bodyContent .NEWS1 p { border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#000; padding-bottom:5px; margin-bottom:5px; } /* ------------------------------------------------------------------------------ Mainpage 3 collums ------------------------------------------------- */ div#bodyContent .teaserbox3x { width:250px; min-height:275px; margin-bottom:60px; float:left; margin-right:25px; } div#bodyContent .teaserbox3x h3 { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-weight:bold; color:#7C7C7C; font-size:24px; text-align:center; letter-spacing: -0.05em; padding-bottom:5px; padding-top:5px; border-bottom:dotted 1px #CCC; border-top:dotted 1px #CCC; } div#bodyContent .teaserbox3x p { padding-left:22px; margin-bottom:10px; } /* ------------------------------------------------------------------------------ Mainpage 3 collums 3Cats Links ------------------------------------------------- */ div#bodyContent .teaserbox3xCats { width:270px; height:100px; padding-top:20px; padding-left:20px; margin-bottom:60px; float:left; margin-right:0px; } div#bodyContent .teaserbox3xCats h3 { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-weight:bold; color:#7C7C7C; font-size:30px; letter-spacing: -0.05em; } div#bodyContent .teaserbox3xCats p { margin-bottom:10px; } div#bodyContent .teaserbox3xCats p a { background-image: url(3catlinks.png); height:270px; width:100px; color:#ccc; } div#bodyContent .teaserbox3xCats p a:hover { background-image: url(3catlinks2.png); color:#fff; } /* ----------------------------------------------------- Mainpage A N o t e f r o m t h e p u b l is h e r " N F T P " ------------------------------------- */ div#bodyContent .NOTEFTP1 { /* font-family: Georgia; */ width:810px; height:auto; margin:0px 0px 50px 0px; padding-right:0px; font-weight:normal; font-style:italic; float:left; letter-spacing: -0.05em; text-shadow: 0em 0.05em 0.05em #fff; } div#bodyContent .BOTM { /* font-family: Georgia; */ width:810px; height:auto; margin:0px 0px 25px 0px; padding: 0px 0px 25px 0px; border-bottom:solid 1px #CCC; font-weight:normal; font-style:italic; float:left; letter-spacing: -0.05em; text-shadow: 0em 0.05em 0.05em #fff; } div#bodyContent .BOTM p { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-weight:bold; color:#7C7C7C; font-size:30px; letter-spacing: -0.05em; font-style:normal; } div#bodyContent .NEWCATEGORIES { /* font-family: Georgia; */ width:810px; height:auto; margin:0px 0px 25px 0px; padding: 0px 0px 25px 0px; border-bottom:solid 1px #CCC; font-weight:normal; font-style:italic; float:left; letter-spacing: -0.05em; text-shadow: 0em 0.05em 0.05em #fff; } div#bodyContent .NEWCATEGORIES p { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-weight:bold; color:#7C7C7C; font-size:30px; letter-spacing: -0.05em; font-style:normal; } div#bodyContent .WHATIS { /* font-family: Georgia; */ width:810px; height:auto; margin:0px 0px 25px 0px; padding: 0px 0px 25px 0px; border-bottom:solid 1px #CCC; font-weight:normal; font-style:italic; float:left; letter-spacing: -0.05em; text-shadow: 0em 0.05em 0.05em #fff; } div#bodyContent .WHATIS p { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-size:30px; font-weight:bold; color:#7C7C7C; font-style:normal; letter-spacing: -0.05em; } div#bodyContent .HEYKIDS { /* font-family: Georgia; */ width:810px; height:auto; margin:0px 0px 25px 0px; padding: 0px 0px 25px 0px; border-bottom:solid 1px #CCC; font-weight:normal; font-style:italic; float:left; letter-spacing: -0.05em; text-shadow: 0em 0.05em 0.05em #fff; } div#bodyContent .CONTACTUS { /* font-family: Georgia; */ width:810px; height:auto; margin:0px 0px 25px 0px; padding: 0px 0px 25px 0px; border-bottom:solid 1px #CCC; font-weight:normal; font-style:italic; float:left; letter-spacing: -0.05em; text-shadow: 0em 0.05em 0.05em #fff; } div#bodyContent .CONTACTUS p { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-weight:bold; color:#7C7C7C; font-size:30px; letter-spacing: -0.05em; font-style:normal; } div#bodyContent .NOTEFTP1 p { font-family:"Calluna Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-weight:bold; color:#7C7C7C; font-size:30px; font-style:normal; } /* ----------------------------------------------------- Mainpage AFTP Right Picture -------------------------------------------------------------------------*/ div#bodyContent .cright { float:right; padding:10px; margin-left:50px; margin-right:0px; border:7px solid #171717; background-color:#FFF; /* Drop Shadow outside */ box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset -3px -3px 3px #888; /* Drop Shadow inside -webkit-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); -moz-box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); box-shadow: inset 2px 2px 4px 0px rgba(112, 112, 112, 0.5); */ }