Show Categories
1.7k
20
sticky
WebCrew posted Aug 30 '19 at 1:03 am

Hallo Community

because there is no dark theme (style) for Codoforum I created one for myself and I share the result now with the Codo community.

I am not a professional webdesign artist or developer. It is one of my hobbies and even if I love webdesign and already created a lot of projects, I`m sure the theme is far from perfect but it is ready to use.

If You like it or download it give me a thumbs up or leave a comment.

I try to update the theme from time to time and maybe I will integrate some new features too.

Here is the download link:

Kind Regards, Andy

5d6866b05ef1a


5d6866b05ef1a
recent by pupsik  ·  6 days ago at 2:02 pm
673
5
sticky

what's new in [4.9.1]

  • Fixed compatibility issues with PHP 7.4
  • Notifications tab fix in edit profile
  • Preferences style fix
  • Smiley fix for forum posts
  • Update jquery nestable plugin
  • Vintage theme template and css fixes
  • Security fix in admin category
  • Fixed draggable not working for nested categories
  • Edit avatar fix for firefox

There will be another release(4.9.2) within the next week or two, for a few bug fixes.

The upcoming major revision [5.0], will have some major improvements,

  • We plan to separate cache and uploaded asset storage and code.
  • Some re-structuring to make the code look modern and standard so as to make it easier for people coming for other frameworks to make changes easily.
  • We do plan to keep things backwards compatible and hope to make it a one click upgrade.

Solve below & any other pending bugs from forum:

PS: Thanks to all the contributors, community members and our well wishers, your feedback and appreciation keeps us going smile

Happy Easter!
Stay Home. Stay Safe.

664
5
sticky
admin posted Jan 6 at 9:39 pm

We have had a few contributors on this forum through the last 5+ years.

So we have decided to announce contributions every month:

@WebCrew
Thank you for your continuous contributions throughout the time. Not only does he help people on the forum, he also contributes directly by sending code and valuable suggestions.

Prasanth c41m
Thank you for your recent contributions and advance notification regarding the recent exploit that you encountered in Codoforum. [We will add more detail here once the patch is out]

recent by quenquen  ·  Apr 1 at 5:02 pm
24
1
Tango posted 5 days ago at 4:27 pm

@admin @adesh Please note that I'm getting an error when I try to add a Poll to a topic.

Way to replicate it:

  1. Create a new topic and add a Poll to it.
  2. Edit the topic and make it sticky (without the poll).
  3. Edit the topic again and try to add the Poll.
  4. Result: 5f2d7171337a9

Also, if you need an example of how a standard v4.9.4 forum looks like, please have a look at .
Do you see something out of the ordinary? (like every closed topic appears on top of other normal topics regardless of the post date!).
Basically a closed topic acts like a sticky one...

Probably this is the change that broke it: http://codologic.com/forum/index.php?u=/topic/12793/sticky-topics-don-t-remain-on-top-of-the-main-page/1#post-24303

We really need a new version, as there are too many bugs...


5f2d7171337a9
recent by admin  ·  4 days ago at 11:08 pm
16
1
kstory posted 6 days ago at 7:29 pm

Hi,

So I've been trying to reach out to the support team to get my new installation going, but haven't had much luck in getting a response.

I believe my website (using PhpBB) is experiencing jquery issues. I've followed the instructions in their SOLUTIONS, but still no luck. Also most of the buttons in the chat box do not actually function as intended. See examples below:

  1. I cleared the chat history, then I refreshed the page and the original chat history is still there.
  2. I sent a video chat request to a test user on my other PC and never received the request. I performed this test on both computers.
  3. The only button that works is the 'Save chat history' button.

If anyone has any suggestions or recommendations on how to resolve these issues, then I would greatly appreciate it!!

recent by WebCrew  ·  5 days ago at 12:55 am
51
11
pupsik posted Jul 29 at 2:39 pm

Got a maybe a silly idea for some time in the future.

When user posts a new topic, it will go to a section called "New Topics"smile not the index page). So, users can vote on it. If, lets say topic gets "5" upvotes, it will than gets to be displayed in a main page under category person created a topic under. If not, it gets burried without showing up. - Sort of, let users moderate whats gets displayed on site according to their needs.

recent by WebCrew  ·  5 days ago at 12:42 am
49
7
westfield posted Aug 1 at 4:42 am

I'm trying to create a new theme and was following the documentation. However I noticed that in my install I don't have a so called blue theme but rather a default theme, vintage, 2k18 and ignis. So since I wish to hopefully edit some of the HTML as well, I copied the default theme and renamed it. I then went into the admin panel was happy to to see the new theme here (even though it is just a copy of the default folder - theme). But once I activate this new theme I get a few errors

Warning: require....theme.php. I noticed that the default folder doesn't have a theme.php but rather an ITheme.php. Also a Fatal Error : require.... CODOF/Smarty/Layout.php on line 22

From the admin when I put back the original theme, everything works. Not sure what I'm missing. What is the difference between the theme.php and the ITheme.php files

Thank you

recent by WebCrew  ·  6 days ago at 9:14 pm
33
4

I read the very short Terms of Service and judging by this line

You agree not to modify, copy, distribute, transmit, display, perform, reproduce, publish, license, transfer, create derivate work from, sell or re-sell any content or information obtained from or through the Site.

(which derivative is misspelled btw)

This software is not open-source? Correct?

recent by WebCrew  ·  Aug 2 at 4:26 pm
10
0
pupsik posted Aug 1 at 4:00 am

When browsing topic, and you want to reply to it quick, you have to scroll all the way up to post a comment. Not so great.

If i get some free time or what not, im going to try to add it. Not sure how its set up, opens up in java script? Sucks being out of town, i cant code on my phone.

25
1

The admin dashboard Latest news tries to load a frame or something.
But I get :


This site can’t be reached
The web page at might be temporarily down or it may have moved permanently to a new web address.

ERR_CERT_COMMON_NAME_INVALID


Initially it told that there is insecure content, but I unblocked to allow it.
Still get this error
Running V4.9.4

recent by WebCrew  ·  Jul 20 at 12:21 am
31
1
Szmycu posted Jul 16 at 11:05 am

Is there possibility to change all links and protocol to https?

I have a lot of mixed content And I do not want change manually all the files

Someone wrote, this would make it

 Force HTTPS
   RewriteCond %{HTTPS} off
   RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

but it provides redirect loop.

Is there somewhere in options - constant to change to achieve change to SSL?

recent by WebCrew  ·  Jul 19 at 3:30 am
14
1

How to deal with that?

I installed newest codoforum and imported db from my older codoforum version. Its becouse automatic upgrade not working and made my website totally off

Warning: Cannot modify header information - headers already sent by (output started at /forum2/sys/load.php:25) in /forum2/sys/load.php on line 28

Warning: session_set_save_handler(): Cannot change save handler when headers already sent in /forum2/sys/CODOF/Session/Session.php on line 21

Warning: session_start(): Cannot start session when headers already sent in /forum2/sys/CODOF/Util.php on line 93
headers already sent
Warning: Cannot modify header information - headers already sent by (output started at /forum2/sys/load.php:25) in /forum2/routes.php on line 942
recent by admin  ·  Jul 16 at 8:27 am
22
3
timconsidine posted Jul 14 at 6:40 pm

I see that the post_created field is an INT

Is the value a standard representation of a UNIX timestamp

e.g. 07/14/2020 @ 5:36pm (UTC) = 1594748168

Enquiring because importing some posts and want to set the post date to the original one

recent by timconsidine  ·  Jul 15 at 10:46 am
74
11
pupsik posted Jun 27 at 6:03 pm

Im not sure how notification bell sopose to work. I do not see that its working. Even tho i was mentioned on a post (in this forum) i do not see any notifications. I allowed it in a browser.

recent by WebCrew  ·  Jul 12 at 8:26 pm
20
1
pupsik posted Jul 11 at 5:48 pm

Transliterator is an abstract class that transliterates text from one format to another. Russian to Latin transliterator changes Russian text written in Cyrillic characters to phonetically equivalent Latin characters.

Only useful for Russian speaking community!

Open sites/default/assets/js/editor.js

Add on top right after:

//avoid alt+e and alt+f key combinations

This:

var CapsState = false;

function copy() {
  let textarea = document.getElementById("textarea");
  textarea.select();
  document.execCommand("copy");
}

function initArray() 
{
    this.length = initArray.arguments.length
    for (var i = 0; i < this.length; i++)   
        this[i+1] = initArray.arguments[i]
}

eng_letters = new initArray(1040,1041,1062,1044,1045,1060,1043,1061,1048,1049,1050,1051,1052,1053,1054,1055,1071,1056,1057,1058,1059,1042,1065,1061,1067,1047,91,92,93,94,95,96,1072,1073,1094,1076,1077,1092,1075,1093,1080,1081,1082,1083,1084,1085,1086,1087,1103,1088,1089,1090,1091,1074,1097,120,1099,1079);
second_order = new initArray(72,79,69,85,65,72,77,79,85,65,72,104,111,101,117,97,104,109,111,117,97,104);
first_order  = new initArray(1062,1049,1049,1049,1049,1057,1065,1067,1067,1067,1047,1094,1081,1081,1081,1081,1089,1097,1099,1099,1099,1079);
two_result = new initArray(1063,1025,1069,1070,1071,1064,1068,1025,1070,1071,1046,1095,1105,1101,1102,1103,1096,1100,1105,1102,1103,1078);

var nexto = 1;
var language = (navigator.appName=='Netscape');

function getlanguagename()
{
    if (language==1) return "Eng";
    if (language==0) return "Rus";
}

function changelanguage()
{
if (language==1) {language=0; document.translitform.rus_eng.value="Rus"; document.translitform.input_text.focus();return 0}
if (language==0) {language=1; document.translitform.rus_eng.value="Eng"; document.translitform.input_text.focus();return 0}
}

function translate_letter()
{
    if(navigator.appName=='Netscape')
    {
        if (language==0) 
        {
            changelanguage();
            alert("The language is swithched to English. Please complete the text and press 'TRANSLITERATE ALL' button");
        }
        return true;
    }
        if (language==1) {return true;}
    var txt = document.translitform.input_text.value;
    l1 = txt.substr(txt.length - 1,1);
    var code = l1.charCodeAt(0); 
    l2 = txt.substr(txt.length-2,1);
    var code2 = l2.charCodeAt(0);
    if ((code==39)||(code==35))
    //' and '' and # and ## treatment
    {
        if (code==39) 
        {
            var newcode =1100;
            var doublecode =1068;
        }
        if (code==35) 
        {
            var newcode =1098;
            var doublecode =1066;
        }

        var res = String.fromCharCode(newcode);        
        txt = txt.substr(0, txt.length-1);
        if (code2==newcode) 
        { 
            res = String.fromCharCode(doublecode);
            txt = txt.substr(0, txt.length-1);
        }

        document.translitform.input_text.value = txt + res;
                document.translitform.input_text.focus();
    }

    if ((code<123) && (code>64)) 
    {
        var res = String.fromCharCode(eng_letters[code-64]);
        var rus_code = eng_letters[code-64];
        txt = txt.substr(0, txt.length-1);
        if (nexto==0)
        { 
            nexto = 1;
            for (i = 1; i<25; i++)
            {
                if (rus_code == first_order[i]) nexto = 0; 
                if ((code==second_order[i])&&(code2==first_order[i])) 
                { 
                    res = String.fromCharCode(two_result[i]);
                    txt = txt.substr(0, txt.length-1);
                    break;
                }
            }
        }
        else nexto = 0;

                document.translitform.input_text.focus();
        document.translitform.input_text.value = txt + res;

    }
}


function translatesymbol(pretxt,txt)
{
    var res = pretxt+txt;
    var code = txt.charCodeAt(0); 
    var code2 = pretxt.charCodeAt(0);

    if ((code==39)||(code==35))
    //' and '' and # and ## treatment
    {
        if (code==39) 
        {
            var newcode =1100;
            var doublecode =1068;
        }
        if (code==35) 
        {
            var newcode =1098;
            var doublecode =1066;
        }

        res = pretxt+String.fromCharCode(newcode);        

        if (code2==newcode) 
        { 
            res = String.fromCharCode(doublecode);
        }
    }

    if ((code<123) && (code>64)) 
    {
        res = pretxt+String.fromCharCode(eng_letters[code-64]);
        for (i = 1; i<25; i++)
        { 
            if ((code==second_order[i])&&(code2==first_order[i])) 
            { 
                res = String.fromCharCode(two_result[i]);
                break;
            }
        }
    }
    return res;
}

function translateAll()
{
    var txt = document.translitform.input_text.value;
    var txtnew = translatesymbol("",txt.substr(0,1));
    var symb = "";
    for (kk=1;kk<txt.length;kk++)
    {
        symb = translatesymbol(txtnew.substr(txtnew.length-1,1),txt.substr(kk,1));
        txtnew = txtnew.substr(0,txtnew.length-1) + symb;
    }
    document.translitform.input_text.value = txtnew;
    document.translitform.input_text.focus();
}

     function onClickKBButtonEx(btn)
     {
    if (btn == 'Caps')
        CapsState = !(CapsState)
        else
    { 
        var txt = document.translitform.input_text.value;
        if (btn == 'BkSp')
        {
            txt = txt.substr(0, txt.length - 1);
        }
        else
        {
            txt = txt + btn;
        }
        document.translitform.input_text.value = txt;
    }
        document.translitform.input_text.focus();
     }
     function onClickKBButton(btn)
     {
    var code = btn.charCodeAt(0);
    if (CapsState == false)
    {
        if (code == 168) 
                   code = 184;
        else if (code == 1025)
           code = 1105;
        else
                   code = code + 32;
    }
    btn = String.fromCharCode(code);
    onClickKBButtonEx(btn);
     }

Find:

],
    previewInElement: jQuery('#codo_new_reply_preview'),

Add Before:

{name: 'Translit', className: "translit", replaceWith: translateAll},

(That is if you are using my colors and headers bbcode change)
Save and close.

open sites/default/themes/default/less/editor.less

Find:

.markItUp .preview a {
    background-image:url(../img/preview.png);
}

Add before:

.markItUp .translit {
   left: 340px;
   position: absolute;
}
.markItUp .markItUpButton13 a    {
    background-image:url(../img/translit.png);
}

Add image to sites/default/themes/default/img
5f09f48d20b38

Open sites/default/themes/default/templates/forum/new_topic.tpl
Find:

<form id="codo_new_reply_post"  method="POST" class="" role="form">

Replace with:

<form method="post" id="codo_new_reply_post" onsubmit="return false;" name="translitform" enctype="multipart/form-data" role="form">

Find:

<textarea placeholder="{_t('Describe your topic . You can use BBcode or Markdown')}" id="codo_new_reply_textarea" name="input_text">{$topic.imessage}</textarea>

Open sites/default/themes/default/templates/forum/topic.tpl

Find:

<form id="codo_new_reply_post" action="/" method="POST">

Replace with:

<form id="codo_new_reply_post" action="/" onsubmit="return false;" name="translitform" enctype="multipart/form-data" method="POST">

Find:

<textarea placeholder="{_t('Start typing here . You can use BBcode or Markdown')}" id="codo_new_reply_textarea" name="input_text"></textarea>

Replace with:

<textarea onkeyup="translate_letter()" placeholder="{_t('Start typing here . You can use BBcode or Markdown')}" id="codo_new_reply_textarea" name="input_text"></textarea>

Done!


5f09f48d20b38
recent by pupsik  ·  Jul 11 at 6:28 pm
505
20

Hello,

So...i've just started using codoforum, wich is a very nice and smooth forum platform, congrats to the developer/s.
I've been editing the default theme to try and create a gaming one, with a slider and other nice features. Here's a preview hope you like it and give some opinions and sugestions.

The template is still in the works, this week should be available on github, i'll update this topic.

Kind regards,
ALCHEM;.

PS: Sorry for my bad english smile


recent by ALCHEM;  ·  Jul 7 at 7:04 pm
42
1
pupsik posted Jun 24 at 6:37 pm

Russian Language Pack v4.9.4

Here it is:

Note: translated 100% (not admin panel). Every line has been hand translated. There is no better alternatives out there. smile

@admin there is misspell in "password" english lang pack line 450

'passowrd cannot be less than ' => 'passowrd cannot be less than ',

Missing line in en_US:

'Edit Profile' => 'Edit Profile',

Lines need to be replaces to read language files.

sites/default/themes/default/templates/user/profile/edit.tpl

line 281:

<div class=""><span>{_t("General")}</span></div>

line 375:

<div class=""><span>{_t("Notification level")}</span></div>

line 90:

<div class=""><span>{_t("Edit Profile")}</span></div>

line 412:

<div class=""><span>{_t("Categories")}</span></div>

line 437

<div class=""><span>{_t("Topics")}</span></div>
recent by admin  ·  Jul 6 at 3:02 pm
110
4

Hallo Community,
Hallo @admin & @adesh

Many Internet users want to use a day and night mode in our time. I thought about this topic and I think our awesome Codologic Team should be able to enable this feature for us in the future with only little effort.

I already wrote the following CSS to help the Codologic Team a little.

This code recognizes whether the user uses the browser integrated day and night mode which is already supported by most modern browsers and has activated the night or day theme.

If a user uses night mode, Codoforum will also be available in dark colors in the future.

Here is the CSS (yes it is very small but completely sufficient):

@media (prefers-color-scheme: dark) {
  img {
    opacity: .75;
    transition: opacity .5s ease-in-out;
  }
  img:hover {
    opacity: 1;
  }

  html {
  --text-color-normal: #0a244d;
  --text-color-light: #8cabd9;
  }

html[data-theme='dark'] {
  --text-color-normal: hsl(210, 10%, 62%);
  --text-color-light: hsl(210, 15%, 35%);
  --text-color-richer: hsl(210, 50%, 72%);
  --text-color-highlight: hsl(25, 70%, 45%);
  }
}

If wanted You can check if the browser supports it using Javascript:

if (window.matchMedia('(prefers-color-scheme)').media === 'not all') {
  console.log('Browser doesn\'t support dark mode');
}

Good luck and thanks for Your interest,
Andy

recent by pupsik  ·  Jun 25 at 8:44 pm
16
1

Here is a slution worked out by our member @pupsik about how you can have some text color option within the forums editor.

Tutorial starts here:

Please note, this is pupsik`s edit and it works, it might not be the best solution or someone might did it different. The pictures he used are original MarkitUp images to fit the style. You may use any others.

Open: sites/default/assets/js/editor.js

Find:

{name: 'Headers', className: "heading", dropMenu: [
Replace with:

{separator:'---------------' },
      {name:'Colors', className: "colors", key: 'C', openWith:'[color=[![Color]!]]', closeWith:'[/color]', dropMenu: [
      {name:'Yellow', openWith:'[color=yellow]', closeWith:'[/color]', className:"col1-1" },
      {name:'Orange', openWith:'[color=orange]', closeWith:'[/color]', className:"col1-2" },
      {name:'Red', openWith:'[color=red]', closeWith:'[/color]', className:"col1-3" },
      {name:'Blue', openWith:'[color=blue]', closeWith:'[/color]', className:"col2-1" },
      {name:'Purple', openWith:'[color=purple]', closeWith:'[/color]', className:"col2-2" },
      {name:'Green', openWith:'[color=green]', closeWith:'[/color]', className:"col2-3" },
      {name:'White', openWith:'[color=white]', closeWith:'[/color]', className:"col3-1" },
      {name:'Gray', openWith:'[color=gray]', closeWith:'[/color]', className:"col3-2" },
      {name:'Black', openWith:'[color=black]', closeWith:'[/color]', className:"col3-3" }
  ]},


  {name: 'Headers', className: "fonts", dropMenu: [

Open: sites/default/themes/default/less/editor.less

Find:

.markItUp .markItUpButton9 a    {
    background-image:url(../img/smileyimg.png);
}
Add after:

.markItUp .colors {
   left: 300px;
   position: absolute;
}

.markItUpHeader .colors ul{
    top: 23px;
    z-index:300;
}

.markItUpHeader .markItUpButton11 a {
    background-image:url(../img/colors.png);
    top: 23px;
    z-index:300;
}

    .markItUpHeader .markItUpButton11 ul {
        width:81px;
        padding:1px;

    }
    .markItUpHeader .markItUpButton11  li {
        border:1px solid white;
        width:25px;    height:25px;
        overflow:hidden;
        padding:0px; margin:0px;
        float:left;    
    }

    .markItUpHeader .markItUpButton11 ul a {
        width:25px;    height:25px;
    }

    .markItUpHeader .markItUpButton11 ul a:hover {
        background-color:none;
    }

    .markItUp .markItUpButton11 .col1-1 a {
        background:yellow;
    }
    .markItUp .markItUpButton11 .col1-2 a {
        background:orange;
    }
    .markItUp .markItUpButton11 .col1-3 a {
        background:red;
    }

    .markItUp .markItUpButton11 .col2-1 a {
        background:blue;
    }
    .markItUp .markItUpButton11 .col2-2 a {
        background:purple;
    }
    .markItUp .markItUpButton11 .col2-3 a {
        background:green;
    }

    .markItUp .markItUpButton11 .col3-1 a {
        background:white;
    }
    .markItUp .markItUpButton11 .col3-2 a {
        background:gray;
    }
    .markItUp .markItUpButton11 .col3-3 a {
        background:black;
    }


.markItUp .fonts {
   left: 320px;
   position: absolute;
}

.markItUpHeader .fonts ul{
    top: 23px;
    z-index:300;
}

.markItUp .markItUpButton12 a {
    background-image:url(../img/fonts.png);
}

.markItUpHeader .markItUpButton12  li {

        border:1px solid white;
        overflow:hidden;
        padding:0px; margin:0px;
        float:left;
}
.markItUp .markItUpButton12 .header1 > a{
    background-image:none;
    font-size: 2em;
    font-weight: bold;
    line-height: 33px;
    height: 43px;
}

.markItUp .markItUpButton12 .header2 > a{
    background-image:none;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 33px;
    height: 43px;

}
.markItUp .markItUpButton12 .header3 > a{
    background-image:none;
    font-size: 1.17em;
    font-weight: bold;
    line-height: 33px;
    height: 43px;

}
.markItUp .markItUpButton12 .header4 > a{
    background-image:none;
    font-size: 1em;
    font-weight: bold;
    line-height: 20px;
    height: 30px;
}
.markItUp .markItUpButton12 .header5 > a{
    background-image:none;
    font-size: .83em;
    font-weight: bold;
    line-height: 20px;
    height: 30px;
}
.markItUp .markItUpButton12 .header6 > a{
    background-image:none;
    font-size: .75em;
    font-weight: bold;
    line-height: 20px;
    height: 30px;
}
Note! Add styles to the theme you are using or to all of them.
Optional: I no longer use headers as a style, so I deleted this:

.markItUp .heading {
    border-radius: 2px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 1px 1px inset, rgba(0, 0, 0, 0.0980392) 1px 1px;
    box-shadow: rgba(255, 255, 255, 0.0980392) 1px 1px inset, rgba(0, 0, 0, 0.0980392) 1px 1px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.0980392), transparent);
    background-repeat: repeat-x;
    background-color: @markItUpHeadingBg;
    color: @markItUpHeadingColor;
    border-color: rgba(0, 0, 0, 0.298039);
    .transition(0.3s linear box-shadow);
    padding-bottom: 0px;
    padding-top: 2px;
    padding-right: 4px;
    margin-left: 10px;
    margin-top: 7px;
    position: absolute;
    left: 280px;    
}


.markItUpHeader .heading:hover {

    border-color: @markItUpHeadingHoverBorder;
}

.markItUp .heading:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0, rgba(0, 0, 0, 0.1));
    background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

}

.markItUpHeader .heading > a{

    text-indent: 0;
    width: 50px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    color: @markItUpHeading_A_color;
}


.markItUpHeader > ul > li > a {

    background-size: contain;
}

.markItUp .heading > ul > li > a {

    width: 100%;

}

.markItUp .heading .header1 > a{

    font-size: 2em;
    font-weight: bold;
    line-height: 33px;
    height: 43px;
}

.markItUp .heading .header2 > a{

    font-size: 1.5em;
    font-weight: bold;
    line-height: 33px;
    height: 43px;

}
.markItUp .heading .header3 > a{

    font-size: 1.17em;
    font-weight: bold;
    line-height: 33px;
    height: 43px;

}
.markItUp .heading .header4 > a{

    font-size: 1em;
    font-weight: bold;
    line-height: 20px;
    height: 30px;
}
.markItUp .heading .header5 > a{

    font-size: .83em;
    font-weight: bold;
    line-height: 20px;
    height: 30px;
}
.markItUp .heading .header6 > a{

    font-size: .75em;
    font-weight: bold;
    line-height: 20px;
    height: 30px;
}


.markItUpHeader .heading ul{

    background: white;
    border: 1px solid @markItUpHeaderHeadingUlBorder;
    top: 23px;
    left: -1px;
    padding: 6px 0px;
    width: 200px;
    z-index:300;

}

.markItUpHeader .heading ul li {

    text-align: left;
    line-height: 8px;
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

That's it. You can now add 2 images colors.png and fonts.png to your theme. Default sites/default/themes/default/img. Overridte existing images if you feel like it.

Enjoy!

Kind regards from Andy and @pupsik smile

recent by pupsik  ·  Jun 25 at 1:43 am
Categories
Actions
Hide topic messages
Enable infinite scrolling
All posts under this topic will be deleted ?
Previous
1234 ... 137
Next
Pending draft ... Click to resume editing
Discard draft