Planlanmıyor Techolay'da Project Techorium kullanılsın

Yonga dedi:

Selam! Öneri biraz mantıksız olmuş.

Bendeki kullanıcı temasını sana atabilirim istersen. Eklentiyi de isteyenler kullanır zaten.

Genişletmek için tıkla...

Küçültmek için tıkla...

Yonga dedi:

Makalelerde yardımcı olsun diye yazı kutusunu genişletecek stil ekledim onun dışında hiç müdahale etmedim. ChatGPT 5-10 dakikada falan hazırladı bazı tutarsızlıklar var mesela 2 düğmeden biri daha büyük olabiliyor veya renkler uyuşmayabiliyor. Yine de benim gözüme bu tema farklı gözüktüğü için ben kullanıyorum.

Vakit ayırıp sıfırdan tema da yapılabilir ama kendi işime yeterince vakit ayırıyorum kod yazarak

CSS:

.fr-wrapper{
max-height: none!important
}

/* Import modern font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* General body and background enhancements */
html, body {
    background-color: #000000; /* Ensure the entire background is black */
    color: #e0e0e0;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Links */
a {
    color: #00b0ff;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #00e5ff;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: #00b0ff;
    font-weight: 700;
    letter-spacing: 0.1em;
}

/* Navigation bar */
.navTabs {
    background-color: #000000;
    border-bottom: 2px solid #1a1a1a;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);
}

.navTabs .navTab {
    border-left: 1px solid #1a1a1a;
}

.navTabs .navTab a {
    color: #e0e0e0;
    padding: 15px 20px;
    transition: background-color 0.3s ease;
}

.navTabs .navTab.selected a {
    background-color: #1a1a1a;
    color: #00b0ff;
}

/* Main content */
.mainContainer, .mainContent, .container {
    background-color: #000000; /* Set primary container backgrounds to black */
    border: 1px solid #1a1a1a;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 10px;
}

/* Sidebar */
.sidebar {
    background-color: #0d0d0d; /* Slightly darker sidebar */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    border-radius: 10px;
}

/* Forum list */
.discussionListItem {
    background-color: #0d0d0d; /* Darken each discussion list item */
    border-bottom: 1px solid #333333;
    padding: 10px;
    transition: background-color 0.3s ease;
    border-radius: 10px;
    margin-bottom: 10px;
}

.discussionListItem:hover {
    background-color: #1a1a1a; /* Highlight on hover */
}

.discussionListItem .posterAvatar img {
    border: 1px solid #00b0ff;
    border-radius: 50%;
}

.discussionListItem .title a {
    color: #00b0ff;
    font-weight: 700;
}

.discussionListItem .title a:hover {
    color: #00e5ff;
}

/* Posts */
.message {
    background-color: #0d0d0d; /* Darken the background of posts */
    border: 1px solid #333333;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}

.message .messageContent {
    color: #e0e0e0;
    font-size: 1.1em;
    line-height: 1.6;
}

.message .messageContent a {
    color: #00b0ff;
}

.message .messageContent a:hover {
    color: #00e5ff;
}

/* Buttons */
.button {
    background-color: #00b0ff;
    border: none;
    color: #e0e0e0;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.button:hover {
    background-color: #00e5ff;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

/* Inputs and forms */
input[type="text"],
input[type="password"],
textarea,
select {
    background-color: #0d0d0d; /* Darken input fields */
    border: 1px solid #333333;
    color: #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    transition: border-color 0.3s ease;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #00b0ff;
    outline: none;
}

/* Footer */
.footer {
    background-color: #0d0d0d; /* Darken footer background */
    border-top: 1px solid #1a1a1a;
    color: #e0e0e0;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}

/* Miscellaneous */
.pagenav a,
.pagenav a:hover {
    background-color: #262626;
    border: 1px solid #333333;
    color: #e0e0e0;
    padding: 5px 10px;
    border-radius: 5px;
}

.nodeTitle a {
    color: #00b0ff;
    font-weight: 700;
}

.nodeTitle a:hover {
    color: #00e5ff;
}

/* User profiles */
.profilePage .mast {
    background-color: #0d0d0d; /* Darken profile mast background */
    border: 1px solid #333333;
    color: #e0e0e0;
    padding: 20px;
    border-radius: 10px;
}

.profilePage .avatarScaler img {
    border: 1px solid #00b0ff;
    border-radius: 50%;
}

/* Tables */
.dataTable {
    background-color: #0d0d0d; /* Darken data table background */
    border: 1px solid #333333;
    color: #e0e0e0;
    border-radius: 5px;
}

.dataTable th,
.dataTable td {
    border: 1px solid #333333;
    padding: 10px;
}

.dataTable th {
    background-color: #1a1a1a; /* Darken table headers */
}

.dataTable tr:hover {
    background-color: #333333; /* Highlight table row on hover */
}

/* Editor */
.redactor_toolbar {
    background-color: #262626;
    border: 1px solid #333333;
}

.redactor_toolbar li a {
    color: #e0e0e0;
}

.redactor_toolbar li a:hover {
    color: #00b0ff;
}

.redactor_box {
    background-color: #0d0d0d; /* Darken editor background */
    border: 1px solid #333333;
}

.redactor_editor {
    background-color: #1a1a1a; /* Darken editor text area */
    color: #e0e0e0;
}

/* Modal */
.xenOverlay .content {
    background-color: #0d0d0d; /* Darken modal backgrounds */
    border: 1px solid #333333;
    color: #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

.xenOverlay .heading {
    background-color: #262626;
    border-bottom: 1px solid #333333;
    color: #00b0ff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
}

/* Tooltip */
.tooltip {
    background-color: #0d0d0d; /* Darken tooltip background */
    border: 1px solid #333333;
    color: #e0e0e0;
    padding: 10px;
    border-radius: 5px;
}

/* Card style components */
.card {
    background-color: #0d0d0d;
    border: 1px solid #333333;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.card-title {
    color: #00b0ff;
    font-weight: 700;
    margin-bottom: 15px;
}

/* Adjustments for avatars and images */
img {
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

/* Additional hover effects */
.element:hover {
    background-color: #1a1a1a;
color: #00e5ff;
box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

/* Additional futuristic design touches */
.futuristic-border {
border: 1px solid #00b0ff;
border-radius: 10px;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 176, 255, 0.5);
}

.futuristic-button {
background: linear-gradient(90deg, #00b0ff, #00e5ff);
border: none;
color: #000000;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s ease, box-shadow 0.3s ease;
}

.futuristic-button
{
background: linear-gradient(90deg, #00e5ff, #00b0ff);
box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);
}

/* Pagination */
.pagination a {
background-color: #1a1a1a;
border: 1px solid #333333;
color: #e0e0e0;
padding: 5px 10px;
border-radius: 5px;
transition: background-color 0.3s ease;
}

.pagination a
{
background-color: #333333;
}

/* Additional inputs styling */
input[type="checkbox"],
input[type="radio"] {
accent-color: #00b0ff;
}

/* Forum nodes */
.node {
background-color: #0d0d0d;
border: 1px solid #333333;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
margin-bottom: 20px;
}

.node-title {
color: #00b0ff;
font-weight: 700;
margin-bottom: 10px;
}

.node-description {
color: #e0e0e0;
margin-bottom: 10px;
}

/* Tabs */
.tabs {
background-color: #1a1a1a;
border: 1px solid #333333;
color: #e0e0e0;
padding: 10px;
border-radius: 10px;
}

.tabs a {
color: #00b0ff;
font-weight: 700;
}

.tabs a
{
color: #00e5ff;
}

/* Alerts */
.alert {
background-color: #0d0d0d;
border: 1px solid #333333;
color: #e0e0e0;
padding: 10px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.alert a {
color: #00b0ff;
}

.alert a
{
color: #00e5ff;
}

/* Breadcrumbs */
.breadcrumbs {
background-color: #1a1a1a;
border: 1px solid #333333;
color: #e0e0e0;
padding: 10px;
border-radius: 10px;
}

.breadcrumbs a {
color: #00b0ff;
}

.breadcrumbs a
{
color: #00e5ff;
}

/* Customizations for user profiles */
.profilePage .mast .sectionFooter {
    background-color: #1a1a1a;
    border-top: 1px solid #333333;
    padding: 10px;
    border-radius: 0 0 10px 10px;
}

.profilePage .mast .sectionFooter a {
    color: #00b0ff;
    margin-right: 10px;
}

.profilePage .mast .sectionFooter a:hover {
    color: #00e5ff;
}

.userBanner {
    background-color: #1a1a1a;
    border: 1px solid #333333;
    color: #e0e0e0;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 700;
    margin-right: 5px;
}

.bbCodeBlock.quote {
    background-color: #0d0d0d;
    border-left: 3px solid #00b0ff;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
}

/* Styling for code blocks */
.bbCodeBlock.code {
    background-color: #0d0d0d;
    border: 1px solid #333333;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
}

/* Styling for spoilers */
.bbCodeBlock.spoiler {
    background-color: #0d0d0d;
    border: 1px solid #333333;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    cursor: pointer;
}

.bbCodeBlock.spoiler:hover {
    background-color: #1a1a1a;
}

/* Styling for horizontal rules */
hr {
    border-color: #333333;
}

/* Styling for table headers */
.dataTable th {
    background-color: #1a1a1a;
    color: #e0e0e0;
    font-weight: 700;
    padding: 10px;
}

/* Styling for table cells */
.dataTable td {
    background-color: #0d0d0d;
    color: #e0e0e0;
    padding: 10px;
}

/* Styling for breadcrumbs */
.breadcrumbs {
    margin-bottom: 20px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #00b0ff;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #00e5ff;
}

html, body {
    background-color: #000000; /* Ensure the entire background is black */
    color: #e0e0e0;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Main containers and content */
.mainContainer, .mainContent, .container, .sectionMain {
    background-color: #000000; /* Set primary container backgrounds to black */
    border: 1px solid #333333;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 10px;
}

Eki Görüntüle 59638

Bu arada temanın domainden dolayı Techolay anasayfasında da işe yaradığını fark ettim. Bunu düzeltmeyeceğim bile çünkü çok güzel olmuş

Genişletmek için tıkla...

Küçültmek için tıkla...