Lima Kleid (dunkel)

lima-city → Forum → Die eigene Homepage → Promotion

Autor dieses Themas

16:38, 1.8.2011

Da ich nicht weiß, wo sonst hin damit, poste ich mein neues Kleid für Lima-City nun hier...

Aus den in diesem Thema genannten Gründen, hier mein CSS-Code für ein neues Kleid für Lima-City.
Angewendet kann der Style bspw. mit Stylish werden.
Einfach neuen Style erstellen und folgendes einfügen:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("lima-city.de"), 
url-prefix("http://lima-city.de"), 
url-prefix("http://www.lima-city.de"), 
url-prefix("filemanager.lima-city.de"), 
url-prefix("http://filemanager.lima-city.de") {

body{
  background: #606060 !important;
  min-height: 100%;
}
input, textarea, button, select{
  padding: 0 !important;
}
p, blockquote, pre, ul, ol, dl, fieldset, table{
  margin: 0 !important;
}
#content, #main{
  background: none repeat scroll 0 0 #151515 !important;
  color: #999;
}
#content .avatar img{
  border: thick double #686868 !important;
  padding: 0 !important;
}
.posts li{
  background: none repeat scroll 0 0 #202020 !important;
}
#footer, #foot{
  border-top: 4px solid #000 !important;
  background: #606060 !important;
  background: -moz-linear-gradient(top, #303030 0%, #606060 
    100%) !important;
  background: -webkit-gradient(linear, left top, left 
    bottom, color-stop(0%,#303030),
    color-stop(100%,#606060)) !important;
  background: -webkit-linear-gradient(top, #303030 
    0%,#606060 100%) !important;
  background: -o-linear-gradient(top, #303030 0%,#606060 
    100%) !important;
  background: -ms-linear-gradient(top, #303030 0%,#606060 
    100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#303030', 
    endColorstr='#606060',GradientType=0 ) !important;
  background: linear-gradient(top, #303030 0%,#606060 100%) 
    !important;
}
#footer .wrapper ul{
  margin: auto !important;
}
#content form, .tabPage{
  background: none repeat scroll 0 0 #222 !important;
  border: 1px solid #444 !important;
}
.tabPage{
  color: #888;
}
.tabPage dt{
  color: #bbb;
}
#secondaryContent p{
  color: #777 !important;
}
#content a{
  color: #888 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #444 !important;
}
#tabs li{
  background: #000 !important;
  border: 1px solid #333 !important;
}
#tabs li a{
  border: medium none !important;
}
#tabs li.active{
  background: #222 !important;
  border: 1px solid #000 !important;
  border-bottom: 1px solid #444 !important;
}
.extraList li:hover h4{
  background: #333 !important;
  color: #888;
}
.extraList li.active h4{
  background: #4b4b4b !important;
  color: #999 !important;
}
.extraList li.active div{
  background: #404040 !important;
  color: #777 !important;
  border-top: 1px dotted #666 !important;
}
.extraList li.active{
  border: 1px dotted #666 !important;
}
#content .avatar a{
  border-bottom: 0 none !important;
}
#content a img{
  border: 0 none !important;
}
#nav li a{
  color: #bbb !important;
}
#nav li:hover a, #nav li.active a{
  background-color: #555 !important;
}
.posts li{
  border: 1px solid #555 !important;
}
.actions li{
  border: 0 none !important;
}
.posts .content .signature, .delete_comment{
  border-top: 1px solid #494949 !important;
}
#secondaryContent ul li{
  border: 0 none !important;
}
#branding, #head{
  min-height: 128px !important;
  border-bottom: 4px solid #000 !important;
  background: #606060 !important;
  background: -moz-linear-gradient(top, #606060 0%, #303030 
    100%) !important;
  background: -webkit-gradient(linear, left top, left 
    bottom, color-stop(0%,#606060),
    color-stop(100%,#303030)) !important;
  background: -webkit-linear-gradient(top, #606060 
    0%,#303030 100%) !important;
  background: -o-linear-gradient(top, #606060 0%,#303030 
    100%) !important;
  background: -ms-linear-gradient(top, #606060 0%,#303030 
    100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#606060', 
    endColorstr='#303030',GradientType=0 ) !important;
  background: linear-gradient(top, #606060 0%,#303030 100%) 
    !important;
}
#search{
  background: transparent !important;
  color: #999;
}
#search a img{
  border-bottom: 0 none !important;
}
pre{
  background: none repeat scroll 0 0 #444 !important;
  border: 1px dotted #666 !important;
}
.boxes{
  border: 1px dotted #777 !important;
  background-color: #1c1c1c !important;
}
.boxes li{
  padding-left: 20px !important;
}
.boxes li h5{
  margin-left: -10px !important;
}
.boxes li[class]{
  padding-left: 5px !important;
}
small{
  color: #ddd;
}
blockquote{
  border: 1px solid #494949 !important;
  border-left: 12px double #494949 !important;
  background-color: #303030;
}
thead, table{
  margin: 1px !important;
  border: 1px solid #494949 !important;
  background: none repeat scroll 0 0 #282828 !important;
}
tr, td{
  border-bottom: 1px solid #494949 !important;
  color: #707070;
}
thead tr:hover{
  background: #444 !important;
  color: #999;
}
tr:hover{
  background-color: #383838 !important;
}
p.info, .successBox{
  background: none repeat scroll 0 0 #284428 !important;
  border: 1px solid #497749 !important;
  color: #707070;
}
.error{
  background: none repeat scroll 0 0 #2c2020 !important;
  border: 1px solid #5c3b3b !important;
  color: #707070;
}
#mainContent .pageNav li{
  color: #944 !important;
}
#mainContent .pageNav li a{
  border: 1px solid #363636 !important;
  padding: 0 5px !important;
  color: #999 !important;
}
#mainContent .pageNav li:hover a{
  border: 1px solid #533 !important;
  background-color: #888;
  color: #111 !important;
}
h2{
  color: #888;
  background-color: #383838;
  border: 1px dotted #666;
  text-align: center;
}
h3{
  background: none repeat scroll 0 0 #333 !important;
  border: 1px dotted #555;
  color: #999 !important;
}
#content h3 a{
  color: #999 !important;
}
#content h3 a:hover{
  color: #ccc !important;
}
h4{
  color: #555;
  border-bottom: medium none !important;
}
#content h5 a{
  color: #ccc !important;
  font-size: 10pt !important;
}
#content h5 a:visited{
  color: #888 !important;
}
#content h5 a:hover{
  color: #eee !important;
}
#content h5 a:visited:hover{
  color: #aaa !important;
}
.extraList li:first-child h4{
  border-top: 0 none !important;
}
.extraList li h4{
  padding-left: 30px !important;
}
#homepage .yui-nav li{
  background: transparent !important;
}
#homepage .yui-nav li.selected{
  background: #222 !important;
}
#homepage .yui-nav li:hover{
  background: #333 !important;
}
.register{
  background: #333 !important;
  width: 128px !important;
  height: 21px !important;
  right: 10px !important;
  bottom: 10px !important;
  overflow: hidden;
  border: 3px dotted #353;
}
.register:hover{
  background: #343 !important;
  border: 3px dotted #585;
}
.register img{
  opacity: 0;
}
.register a:before{
  content: "Jetzt anmelden";
  position: absolute;
  margin-top: 6px;
  width: 100%;
  text-align: center;
}

/* Eigens für den Filemanager */

#container{
  width: 100% !important;
  background: none repeat scroll 0 0 #151515 !important;
}
#main{
  width: 980px !important;
  margin: auto !important;
}
#headright h2{
  text-align: center !important;
  color: #999 !important;
}
#tablefeature{
  border: 1px solid #777 !important;
  border-top: 0 none !important;
  background-color: #1c1c1c !important;
}
#tabelfeaturestop{
  color: #777 !important;
  border: 1px solid #777 !important;
  border-bottom: 0 none !important;
}
.browse_rows_odd, .browse_rows_even{
  background: #333 !important;
}
.browse_rows_heading{
  background: #666 !important;
}
.browse_rows_heading td{
  color: #222 !important;
}
.browse_rows_heading:hover{
  background: #666 !important;
}
.browse_rows_heading td a:hover{
  color: #222 !important;
}
.browse_rows_actions{
  background-color: transparent !important;
}
.browse_rows_actions td{
  color: #888 !important;
}
#foot{
  color: #444 !important;
  height: 64px !important;
}
#foot a{
  color: #666 !important;
}
#foot a:hover{
  color: #999 !important;
}
#poweredby{
  background: #606060 !important;
}
#poweredby a{
  color: #444 !important;
}
#poweredby a:hover{
  color: #bbb !important;
  text-decoration: underline !important;
}
.smallbutton{
  background: #000 !important;
  color: #744 !important;
}
#p_ba7428_progress{
  position: absolute !important;
  left: 50% !important;
  margin-left: -261px !important;
}
.installationProgress{
  color: #6b6 !important;
  text-align: center !important;
  width: 522px !important;
  position: absolute !important;
  margin-left: -522px !important;
  margin-top: 4px !important;
  padding-bottom: 5px !important;
}
.progressBar, .progressBarBorder{
  position: relative !important;
  width: 522px !important;
}
.progressBar .cellI, .progressBar .cellA{
  width: 23px !important;
  position: relative !important;
  height: 20px !important;
  left: -1px !important;
  margin-left: 3px !important;
}
#p_ba7428_progress table tr:hover{
  background-color: #000 !important;
}
#p_ba7428_progress table tr{
  background-color: #222 !important;
}
.browse_rows_odd a, .browse_rows_even a{
  color: #858585 !important;
  text-decoration: none !important;
}
.browse_rows_odd a:hover, .browse_rows_even a:hover{
  color: #aaa !important;
}

/* Eigens für die Ansicht im Filemanager */

#ViewForm li{
  color: #999 !important;
}
#ViewForm li a{
  text-decoration: none !important;
}
#ViewForm li *[style *= "color: #009900;"]{
  color: #999 !important;
}
#ViewForm li *[style *= "color: #000000;"]{
  color: #777 !important;
}
#ViewForm li *[style *= "color: #66cc66;"]{
  color: #888 !important;
}
#ViewForm li *[style *= "color: #000066;"]{
  color: #77b !important;
}
#ViewForm li *[style *= "color: #ff0000;"],
#ViewForm li *[style *= "color: #006600;"],
#ViewForm li *[style *= "color: #993333;"]{
  color: #7b7 !important;
}
#ViewForm li *[style *= "color: #990000;"]{
  color: #b77 !important;
}
#ViewForm li *[style *= "color: #339933;"]{
  color: #999 !important;
}
#ViewForm li *[style *= "color: #cc66cc;"],
#ViewForm li *[style *= "color: #CC0000;"],
#ViewForm li *[style *= "color: #933;"]{
  color: #bb2 !important;
}
#ViewForm li *[style *= "color: #0000ff;"]{
  color: #a7b !important;
}
#ViewForm li *[style *= "color: #000088;"],
#ViewForm li *[style *= "color: #006699;"]{
  color: #77d !important;
}
#ViewForm li *[style *= "color: #003366;"]{
  color: #77a !important;
}
#ViewForm li *[style *= "color: #660066;"]{
  color: #c77 !important;
}
#ViewForm li *[style *= "color: #cc00cc;"]{
  color: #b77 !important;
}
#ViewForm li *[style *= "color: #3333ff;"]{
  color: #3cc !important;
}
#ViewForm li *[style *= "color: #990000;"]{
  color: #b77 !important;
}
#ViewForm li *[style *= "color: #990000;"]{
  color: #b77 !important;
}

/* Eigens für die Suche */

#qGcrcGcsc18452{
  background: #777 !important;
  border-color: transparent !important;
}
.gsc-search-box table, .gsc-search-box tr, .gsc-search-box td, input.gsc-search-button{
  border: 0 !important;
}
input.gsc-search-button{
  background-color: #777 !important;
  cursor: pointer;
}
.gsc-control-cse{
  background-color: #222 !important;
  border: 5px double #666 !important;
}
.gsc-webResult .gsc-result{
  border-bottom: 0 !important;
}
.gs-bidi-start-align{
  padding-left: 20px !important;
}
.gs-visibleUrl{
  padding-left: 10px !important;
}
.ad tr:hover{
  background-color: #303030 !important;
}
.cse .gsc-webResult, .gsc-webResult, .gsc-webresult .gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column{
  border: none !important;
}
.gs-webResult.gs-result .gs-snippet{
  color: #666 !important;
}
.gsc-results, .gsc-webResult.gsc-result{
  background-color: transparent !important;
  text-decoration: none !important;
  padding: 0 5px !important;
  color: #999 !important;
}
.gsc-results .gsc-cursor-page{
  border: 1px solid #363636 !important;
  color: #999999 !important;
  padding: 0 5px !important;
  background: none !important;
  text-decoration: none !important;
  margin: 2px !important;
}
.gsc-results .gsc-cursor-page:hover{
  border: 1px solid #533 !important;
  background-color: #888 !important;
  color: #111 !important;
}
.gsc-results .gsc-cursor-current-page{
  text-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  color: #994444 !important;
  background: none !important;
}
.gsc-results .gsc-cursor-current-page:hover{
  border: none !important;
  padding: 0 !important;
  color: #994444 !important;
  background: none !important;
}

}

, abspeichern und fertig!

Vorschaubild

Passend zu dem Firefox-Thema DeepDark 2 ;)

lg Ole

PS: Kann ein Knight, oder wer auch immer die Rechte dazu hat, vielleicht mal das "Top-Bild" transparent abrunden?

EDIT: Kleine Korrektur in der Hilfe eingefügt.
EDIT2: Um Subdomains auszuschließen, von domain auf url-prefix gewechselt.
EDIT3: Design auf die Suche erweitert.
EDIT4: Die Datei-Ansicht im Filemanager (css, html, php, javascript) angepasst.

Hinweis: teilweise wird CSS3 verwendet!

Beitrag zuletzt geändert: 3.8.2011 0:37:23 von ole-reglitzki

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
schnookerippsche

schnookerippsche hat kostenlosen Webspace.

17:08, 1.8.2011
Ich finde das Style das du gemacht hast etwas zu dunkel, respektiere aber die Mühe die du dir gemacht hast sehr.
Wenn es dir gefällt kannst du es ja gerne nutzen nur bezweifle ich dass es als Alternativ-Thema in Lima hinzugefügt wird.
Das Lima-Style so wie es momentan ist eigentlich sehr gut und praktisch da der Kontrast einfach stimmt.
fatfox

fatfox hat kostenlosen Webspace.

17:11, 1.8.2011
Die initiative ist lobenswert, aber nicht neu (Style Easy).

Probleme gibt es mit der Wartung der Designs, wenn Lima etwas am eigenen Interface ändert (etwas hinzufügt, neue Funktionen, Menüpunkte usw. einbaut oder selbst etwas am Erscheinungsbild ändert) könnte das bei Verwendung eines alternativen Designs in welches die Änderungen noch nicht aufgenommen sind zu Problemen führen.

Man kann auch nicht verlangen das man ev. Änderungen in alle alternativen Designs einpflegt sonst hat man am Schluss mehr Arbeit als vorher.

Zum Schluss darfst du nicht einfach so Grafiken mit dem Lima Logo verwenden, dazu benötigst du eine Genehmigung und die wird nur in Ausnahmefällen erteilt.

Ich wäre grundsätzlich sehr für eine höhere Modularität der Community mit Programmierschnittstellen für eigene Add Ons, das würde die Kreativität der Community nämlich in sinnvoller Art und Weise bündeln und der Administrative mitunter Arbeiten der Community Erweiterung abnehmen, bisher sind solche Überlegungen aus purer Trägheit (und ungeeigneten Voraussetzungen des bisherigen Systems) jedoch nicht mit positivem Ergebnis diskutiert wurden.

Warum das so ist weiß ich auch nicht, ich behaupte allerdings das es daran liegt das man etwas zu verbergen hat und sich daher vor Open Source (darauf läuft eine Erweiterbarkeit letztlich nämlich heraus) fürchtet, allerdings ist das meine ganz persönliche Meinung.

Du solltest dir also keine zu großen Hoffnungen machen, schade um die Arbeit.

Beitrag zuletzt geändert: 1.8.2011 17:14:05 von fatfox
Autor dieses Themas
ole-reglitzki

ole-reglitzki hat kostenlosen Webspace.

17:28, 1.8.2011

fatfox schrieb:
Die initiative ist lobenswert, aber nicht neu (Style Easy).

Ein Link wäre nett, habe nichts dazu gefunden :(

fatfox schrieb:
Zum Schluss darfst du nicht einfach so Grafiken mit dem Lima Logo verwenden, dazu benötigst du eine Genehmigung und die wird nur in Ausnahmefällen erteilt.

Ich habe sorgsam darauf geachtet, dass weder irgendetwas (Werbung, etc.) ausgeblendet wird, noch irgendein anderes Bild verwendet wird.
Die Bilder sind alles Originale, die auch von keinem anderen Ort geladen werden ;) daher auch die Bitte an die Administrative, den Top-Button unten transparent abzurunden.

Sollte es trotzdem irgendwelche rechtlichen, oder moralischen Probleme geben, so bitte ich die offiziellen Träger von Lima-City, darüber Auskunft zu geben.
Natürlich kann in diesem Fall das Thema sofort gelöscht werden und ich würde mich herzlich dafür entschuldigen (ich mag dieses Wort nicht, aber mir fällt keine gute Alternative mit einem verständlichen Satzbau und Foren-Sprache ein ^^)
~~d***s~~

17:57, 1.8.2011
Ich finde das neue " lima city kleit " cool , ein bischen zu dunkel da ich ein sehr alten bildschirm habe der die farben auch nicht so gut darstellt aber ich weiß ja nicht wies bei den anderen aussieht, aber trozdem cool das du sowas gemacht hast :)

DAUM HOCH !
für die mühe ;)
thriller

thriller hat kostenlosen Webspace.

18:53, 1.8.2011
an sich gut gelungen, aber finde es persönlich zu dunkel. aber eine dunkle alternative wäre gar nicht so schlecht, denn ich denke manchen gefällt dies eher als das aktuelle design... lob für die idee und den aufwand.
sonok

Moderator

sonok hat kostenlosen Webspace.

18:58, 1.8.2011
Verschoben in die Promotion.

Und inwiefern "transparent abrunden"?
harrybotter

harrybotter hat kostenlosen Webspace.

19:14, 1.8.2011
@ole-reglitzki: es gibt hier bei LC wichtigeres zu lösen als ein neues (zusätzliches) Design. Ich finde dass der neue Knight Fleischhörnchen dies man wohlwohlend anschauen soll und wenn die wichtigen Probleme gelöst sind darauf zurück kommen.
Autor dieses Themas
ole-reglitzki

ole-reglitzki hat kostenlosen Webspace.

19:26, 1.8.2011

sonok schrieb:
Und inwiefern "transparent abrunden"?

http://www.lima-city.de/images/layout/icons/arrow_up.png
Dieses Bild ist zwar in png, benutzt aber keinerlei Transparenz, weshalb es sich nicht in andere Hintergründe "fügt"
einfach mal angucken, bemerkt man schon bei weißem bg ;)

@harrybotter Ich denke nicht, dass dies an oberste Stelle in der Prioritäten-Liste kommt, aber ich denke auch, dass nicht alle, die dazu befugt sind, an Lima-City zu basteln, oder gebastelte Vorschläge einzureichen - weiß nicht, wie die Struktur der Mods und Knights ist -, auch die ganze Zeit an dem offensichtlichen Problem arbeiten. Außerdem, wenn der Webspace gesperrt ist, müssen User anders gelockt werden ;) Nicht jedes Forum bietet individuelle Styles an... Und denen, die an dem offensichtlichen Problem arbeiten und gerade nicht voran kommen, kann eine kleine 'Pause' nicht schaden, in der sie mit wenig Aufwand ein Erfolgserlebnis haben, mit dem sie auch noch User glücklich machen können.
Wenn zu dieser Zeit keine neuen Wünsche entgegengenommen werden können, müssen die Administrativen ja nicht in das Forum gucken, was sie aber tun, ergo ist nicht jeder vollzeit beschäftigt (da gönne ich mir jetzt mal den Strich zwischen ; und ) xD)

lg Ole
sonok

Moderator

sonok hat kostenlosen Webspace.

19:34, 1.8.2011
Ersteres kannst Du mit Anfragen (Verwendung des Limaschriftzuges und der Bilder blablabal) und dann selber machen; Dein zweiter Punkt ist nicht soo falsch - Du kannst ja auch in den Jabber kommen und sehen ob gerade ein Knight da ist zum Fragen. Der kann Dir dann weiterhelfen oder Dich an die richtige Adresse weiterleiten.

Beitrag zuletzt geändert: 1.8.2011 19:35:02 von sonok
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city