|
|
| (15 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /************************************************************
| | * navigation |
| * CLEAN MINIMAL THEME — BLACK & WHITE ONLY
| | ** About|About |
| ************************************************************/
| | ** Team|Team |
| | | ** Open Formats|Open Formats |
| | | ** Academic Year 2027|Academic Year 2027 |
| /*----------------------------------------------------------
| | ** 1. Kernmodul: Darstellen und Gestalten / Practices of Representation – Practices of Space|1. Kernmodul: Darstellen und Gestalten / Practices of Representation – Practices of Space |
| 0. GLOBAL RESET / CLEANUP
| | ** Academic Year 2026|Academic Year 2026 |
| ----------------------------------------------------------*/
| | ** 1. Kernmodul: How do we begin with architecture?|1. Kernmodul: How do we begin with architecture?* |
| | | ** Politics of Exhibiting - 15 International Bauhaus Colloquiums|Politics of Exhibiting - 15 International Bauhaus Colloquiums |
| .mw-wiki-logo,
| | ** Many worlds within more forests- a research proposition beyond temporal linearities|Many worlds within more forests- a research proposition beyond temporal linearities |
| .mw-logo,
| | ** Engaged (urban) sketching Weimar|Engaged (urban) sketching Weimar |
| .mw-logo-icon,
| | ** The Promise of the Render: Representing Large Projects|The Promise of the Render: Representing Large Projects |
| .mw-logo-wordmark,
| | ** Academic Year 2025|Academic Year 2025 |
| .vector-logo,
| | ** One Forest, Many Species: Understanding Spatial Imaginations in Postcolonial Science Fiction|One Forest, Many Species: Understanding Spatial Imaginations in Postcolonial Science Fiction |
| #p-logo,
| | ** Open Threads (practice-based research and project discussion)|Open Threads (practice-based research and project discussion) |
| #p-logo a,
| | ** Mapping as a Critical Practice|Mapping as a Critical Practice |
| .mw-logo-container {
| | ** Urban Sketching Weimar|Urban Sketching Weimar |
| display: none !important;
| | ** Academic Year 2024|Academic Year 2024 |
| visibility: hidden !important;
| | ** Time Capsule Found On The Dead Planet|Time Capsule Found On The Dead Planet |
| }
| | ** Open cases|Open cases |
| | | ** Bauhaus fragility – we need to talk about racism at our university|Bauhaus fragility – we need to talk about racism at our university |
| html {
| | ** Academic Year 2023|Academic Year 2023 |
| font-size: 18px !important;
| | ** 1. Kernmodul: Darstellen und Gestalten|1. Kernmodul: Darstellen und Gestalten |
| }
| | ** Pera Reverse|Pera Reverse |
| | | ** Open Studio|Open Studio |
| body, h1, h2, h3, h4, h5, h6, p, div, span, a, li, td, th,
| | ** Academic Year 2022|Academic Year 2022 |
| input, textarea, select, button {
| | ** Cases and conditions|Cases and conditions |
| font-family: Arial, sans-serif !important;
| | ** Skill/sharing|Skill/sharing |
| color: rgb(0, 0, 0) !important;
| | ** Cases of spaces: TOP Berlin|Cases of spaces: TOP Berlin |
| line-height: 1.62 !important;
| | ** Openstudio|Openstudio |
| }
| |
| | |
| body {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| /* Remove shadows everywhere */
| |
| .portlet, .pBody, #content, #column-content, #column-one,
| |
| .portlet h3, .portlet h5, .gallerybox,
| |
| .thumb, .thumbinner, .infobox, table, #footer,
| |
| #p-cactions, .vector-menu-tabs {
| |
| box-shadow: none !important;
| |
| text-shadow: none !important;
| |
| }
| |
| | |
| | |
| /*----------------------------------------------------------
| |
| REMOVE ALL HEADER / TOP SHADOWS
| |
| ----------------------------------------------------------*/
| |
| | |
| #mw-head,
| |
| #mw-head-base,
| |
| #mw-page-base,
| |
| .vector-header,
| |
| .vector-sticky-header,
| |
| .vector-container,
| |
| .mw-header {
| |
| background: rgb(255, 255, 255) !important;
| |
| box-shadow: none !important;
| |
| filter: none !important;
| |
| min-height: 56px !important;
| |
| }
| |
| | |
| | |
| /************************************************************
| |
| * SAFARI + HEADER ALIGNMENT FIX
| |
| ************************************************************/
| |
| | |
| #left-navigation,
| |
| .vector-page-toolbar {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| }
| |
| | |
| #right-navigation {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| margin-left: auto !important;
| |
| }
| |
| | |
| #p-namespaces li a,
| |
| #p-views li a,
| |
| #p-cactions li a,
| |
| #p-personal ul li a {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| height: 36px !important;
| |
| }
| |
| | |
| #p-search,
| |
| #simpleSearch {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| #searchInput {
| |
| height: 28px !important;
| |
| width: 140px !important;
| |
| padding: 4px 6px !important;
| |
| font-size: 0.95rem !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| border: 1px solid rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| #simpleSearch {
| |
| transform: scale(0.85);
| |
| transform-origin: right center;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * REMOVE TAB UNDERLINES + CLEAN TOP BAR
| |
| ************************************************************/
| |
| | |
| #p-namespaces,
| |
| #p-views,
| |
| #p-cactions,
| |
| #left-navigation,
| |
| #right-navigation,
| |
| .vector-tabs,
| |
| .vector-menu-tabs {
| |
| border: none !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| box-shadow: none !important;
| |
| }
| |
| | |
| #p-namespaces ul,
| |
| #p-views ul,
| |
| #p-cactions ul {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| #p-namespaces li.selected a::after,
| |
| #p-views li.selected a::after,
| |
| .vector-menu-tabs li.selected a::after {
| |
| content: none !important;
| |
| }
| |
| | |
| #mw-head-base,
| |
| #mw-page-base {
| |
| border-bottom: none !important;
| |
| box-shadow: none !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| | |
| /************************************************************ | |
| * 1. SIDEBAR LAYOUT
| |
| ************************************************************/
| |
| | |
| #column-one {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| #mw-panel, .vector-legacy-sidebar {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| #p-navigation {
| |
| margin-top: 20px !important;
| |
| padding-top: 20px !important;
| |
| border-top: 1px solid rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| .portlet, .pBody {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| .portlet h3, .portlet h5 {
| |
| color: rgb(0, 0, 0) !important;
| |
| font-weight: bold !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| .portlet .pBody ul li a {
| |
| color: rgb(0, 0, 0) !important;
| |
| text-decoration: none !important;
| |
| }
| |
| .portlet .pBody ul li a:hover {
| |
| color: rgb(0, 0, 0) !important;
| |
| text-decoration: underline !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 2. TOP TABS / PERSONAL MENU
| |
| ************************************************************/
| |
| | |
| #p-cactions, #p-namespaces, #p-views, #p-personal {
| |
| background: rgb(255, 255, 255) !important;
| |
| border: none !important;
| |
| }
| |
| | |
| #p-personal ul {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| #p-cactions li, #p-namespaces li, #p-views li {
| |
| margin-right: 10px !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| #p-cactions li a, #p-namespaces li a, #p-views li a {
| |
| background: rgb(255, 255, 255) !important;
| |
| padding: 8px 15px !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| #p-cactions li.selected a,
| |
| #p-namespaces li.selected a,
| |
| #p-views li.selected a {
| |
| color: rgb(0, 0, 0) !important;
| |
| font-weight: bold !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| #p-cactions li a:hover,
| |
| #p-namespaces li a:hover,
| |
| #p-views li a:hover {
| |
| background: rgb(240, 240, 240) !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| #p-personal li a {
| |
| background: rgb(255, 255, 255) !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| #p-personal li a:hover {
| |
| background: rgb(240, 240, 240) !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************ | |
| * 3. CONTENT AREA
| |
| ************************************************************/
| |
| | |
| #content, .mw-body, .mw-body-content {
| |
| background: rgb(255, 255, 255) !important;
| |
| border: none !important;
| |
| }
| |
| | |
| #content {
| |
| background: rgb(255, 255, 255) !important;
| |
| border: 1px solid rgb(0, 0, 0) !important;
| |
| border-top: none !important;
| |
| margin-top: 24px !important;
| |
| }
| |
| | |
| /* Headings */
| |
| h1 { font-size: 2rem !important; }
| |
| h2 { font-size: 1.6rem !important; }
| |
| h3 { font-size: 1.35rem !important; }
| |
| h4 { font-size: 1.15rem !important; }
| |
| h5 { font-size: 1rem !important; }
| |
| h6 { font-size: 0.9rem !important; }
| |
| | |
| h1, h2, h3, h4, h5, h6, .firstHeading {
| |
| border-bottom: none !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| /* Links */
| |
| a {
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| a:hover {
| |
| color: rgb(0, 0, 0) !important;
| |
| text-decoration: underline !important;
| |
| }
| |
| a:visited {
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| /* Edit links */
| |
| .mw-editsection a {
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| .mw-editsection a:hover {
| |
| color: rgb(0, 0, 0) !important;
| |
| text-decoration: underline !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 4. RESPONSIVE LAYOUT
| |
| ************************************************************/
| |
| | |
| /* Desktop - MediaWiki default layout'u koru */
| |
| .mw-body-content,
| |
| #mw-content-text {
| |
| max-width: 900px !important;
| |
| }
| |
| | |
| /* Tablet */
| |
| @media (max-width: 1024px) {
| |
| .mw-body-content,
| |
| #mw-content-text {
| |
| max-width: 100% !important;
| |
| }
| |
| }
| |
| | |
| /* Mobile */
| |
| @media (max-width: 768px) {
| |
| /* Sidebar gizle */
| |
| #mw-panel,
| |
| .vector-legacy-sidebar,
| |
| #column-one {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Content tam genişlik */
| |
| #content,
| |
| .mw-body {
| |
| margin-left: 0 !important;
| |
| width: 100% !important;
| |
| padding: 10px !important;
| |
| }
| |
| }
| |
| | |
| /* TOOLS KISMINI GİZLE */
| |
| #p-tb,
| |
| #p-coll-print_export,
| |
| .portal:last-child,
| |
| #p-wikibase-otherprojects,
| |
| .vector-menu-portal[id="p-tb"] {
| |
| display: none !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 5. IMAGES / GALLERIES
| |
| ************************************************************/
| |
| | |
| .gallerybox,
| |
| .gallerybox .thumb,
| |
| .thumb,
| |
| .thumbinner {
| |
| background: rgb(255, 255, 255) !important;
| |
| border: none !important;
| |
| }
| |
| | |
| .gallerybox {
| |
| width: 200px !important;
| |
| margin: 15px !important;
| |
| }
| |
| | |
| .gallerybox .thumb img {
| |
| width: 200px !important;
| |
| height: auto !important;
| |
| }
| |
| | |
| .gallerytext, .thumbcaption {
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 6. TABLES
| |
| ************************************************************/
| |
| | |
| table {
| |
| border-collapse: collapse !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| table th, table td {
| |
| border: 1px solid rgb(0, 0, 0) !important;
| |
| padding: 6px !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| table th {
| |
| font-weight: bold !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 7. INFOBOX
| |
| ************************************************************/
| |
| | |
| .infobox {
| |
| background: rgb(255, 255, 255) !important;
| |
| border-left: 3px solid rgb(0, 0, 0) !important;
| |
| padding: 15px !important;
| |
| margin: 0 0 20px 20px !important;
| |
| }
| |
| | |
| .infobox th, .infobox td {
| |
| border-bottom: 1px solid rgb(0, 0, 0) !important;
| |
| padding: 8px 0 !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| .infobox tr:last-child th,
| |
| .infobox tr:last-child td {
| |
| border-bottom: none !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 8. FORMS
| |
| ************************************************************/
| |
| | |
| input, textarea, select {
| |
| border: 1px solid rgb(0, 0, 0) !important;
| |
| background: rgb(255, 255, 255) !important;
| |
| border-radius: 0 !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 9. FOOTER / META
| |
| ************************************************************/
| |
| | |
| #footer, #catlinks {
| |
| background: rgb(255, 255, 255) !important;
| |
| border-top: 1px solid rgb(0, 0, 0) !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| #footer a, #catlinks a {
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 10. VISUAL EDITOR + DROPDOWN MENÜLER
| |
| ************************************************************/
| |
| | |
| /* VE Toolbar */
| |
| .ve-ui-toolbar,
| |
| .ve-ui-toolbar-bar,
| |
| .ve-ui-targetToolbar,
| |
| .oo-ui-toolbar,
| |
| .oo-ui-toolbar-bar,
| |
| .oo-ui-toolbar-tools,
| |
| .oo-ui-toolbar-actions,
| |
| .oo-ui-toolGroup,
| |
| .oo-ui-barToolGroup,
| |
| .oo-ui-popupToolGroup,
| |
| .oo-ui-listToolGroup,
| |
| .oo-ui-menuToolGroup {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| /* VE Butonlar */
| |
| .oo-ui-tool,
| |
| .oo-ui-tool-link,
| |
| .oo-ui-buttonElement-button { | |
| background: rgb(255, 255, 255) !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| .oo-ui-tool:hover,
| |
| .oo-ui-buttonElement-button:hover { | |
| background: rgb(240, 240, 240) !important;
| |
| }
| |
| | |
| /* VE Dropdown */
| |
| .oo-ui-menuSelectWidget,
| |
| .oo-ui-selectWidget,
| |
| .oo-ui-popupWidget-popup,
| |
| .oo-ui-popupWidget-body,
| |
| .oo-ui-menuToolGroup-tools,
| |
| .oo-ui-listToolGroup-tools {
| |
| background: rgb(255, 255, 255) !important;
| |
| border: 1px solid rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| .oo-ui-optionWidget,
| |
| .oo-ui-menuOptionWidget {
| |
| background: rgb(255, 255, 255) !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| .oo-ui-optionWidget:hover,
| |
| .oo-ui-optionWidget-highlighted {
| |
| background: rgb(240, 240, 240) !important;
| |
| }
| |
| | |
| /* VE Surface */
| |
| .ve-ui-surface,
| |
| .ve-ce-surface,
| |
| .ve-ce-documentNode {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| /* WikiEditor */
| |
| .wikiEditor-ui,
| |
| .wikiEditor-ui-toolbar,
| |
| .wikiEditor-ui-toolbar .group {
| |
| background: rgb(255, 255, 255) !important;
| |
| }
| |
| | |
| /* Vector dropdown menüler */
| |
| .vector-menu-dropdown .vector-menu-content,
| |
| .vector-dropdown-content,
| |
| #p-cactions .vector-menu-content {
| |
| background: rgb(255, 255, 255) !important;
| |
| border: 1px solid rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| .vector-menu-dropdown .vector-menu-content li,
| |
| .vector-menu-dropdown .vector-menu-content li a {
| |
| background: rgb(255, 255, 255) !important;
| |
| color: rgb(0, 0, 0) !important;
| |
| }
| |
| | |
| .vector-menu-dropdown .vector-menu-content li a:hover {
| |
| background: rgb(240, 240, 240) !important;
| |
| }
| |
| | |
| | |
| | |
| /************************************************************
| |
| * 11. IMAGE FRAME / BORDER KALDIR
| |
| ************************************************************/
| |
| | |
| /* mw-file-element parent'ları */
| |
| .mw-file-element,
| |
| .mw-file-element + figcaption,
| |
| a.mw-file-description,
| |
| figure[typeof],
| |
| figure[typeof="mw:File/Thumb"],
| |
| figure[typeof="mw:File/Frame"],
| |
| figure[typeof="mw:File"],
| |
| figure.mw-default-size,
| |
| figure[class*="mw-"],
| |
| .mw-body-content figure,
| |
| #mw-content-text figure {
| |
| background: none !important;
| |
| background-color: transparent !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| box-shadow: none !important;
| |
| }
| |
| | |
| .thumb,
| |
| .thumbinner,
| |
| .thumbimage,
| |
| .image,
| |
| .gallerybox,
| |
| .gallerybox .thumb,
| |
| .gallerybox .gallerybox,
| |
| .thumbborder,
| |
| figure,
| |
| figure.mw-halign-right,
| |
| figure.mw-halign-left,
| |
| figure.mw-default-size,
| |
| figcaption,
| |
| .mw-file-element,
| |
| .mw-file-description,
| |
| .mw-default-size,
| |
| .mw-image-border,
| |
| .tright,
| |
| .tleft,
| |
| .tnone,
| |
| .tcenter,
| |
| .tright .thumbinner,
| |
| .tleft .thumbinner,
| |
| .tmulti,
| |
| .tsingle,
| |
| .mw-halign-right,
| |
| .mw-halign-left,
| |
| .mw-halign-center,
| |
| .mw-halign-none,
| |
| div.thumb,
| |
| div.tright,
| |
| div.tleft,
| |
| div.thumbinner,
| |
| .thumb > .thumbinner,
| |
| .floatright,
| |
| .floatleft,
| |
| .floatnone {
| |
| background: none !important;
| |
| background-color: transparent !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| box-shadow: none !important;
| |
| margin: 10px !important;
| |
| }
| |
| | |
| /* Inner elements */
| |
| .thumbinner > a,
| |
| .thumbinner > a > img,
| |
| .thumbinner > .thumbimage,
| |
| .thumbcaption {
| |
| background: none !important;
| |
| border: none !important;
| |
| padding: 0 !important;
| |
| }
| |
| | |
| /* Caption sadece margin */
| |
| .thumbcaption {
| |
| margin-top: 5px !important;
| |
| }
| |